path_visualizer_analysis.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "<div style=\"display:flex\">\n",
    "\n",
    "<div>\n",
    "<h1 style=\"font-weight:bold\">CS7050 : Heuristic Search problem</h1>\n",
    "\n",
    "<br>\n",
    "<span style=\"font-weight: bold; font-size: 18px;\">Problem Definition :</span><br>\n",
    "<p style=\"line-height:2\">\n",
    "Given the maze on Fig. 1 (5 x 6 nodes) find the shortest path between the starting node (0.0) and the end node (4,5). The permitted moves are four: <b>Left, Right, Up and Down</b>, the red nodes contain obstacles and no movements in them are possible through them. The boundaries are walls which are blocking the movements.\n",
    "</p><br>\n",
    "\n",
    "<br>\n",
    "<span style=\"font-weight: bold; font-size: 18px;\">Solution :</span><br>\n",
    "<p style=\"line-height:2\">\n",
    "To develop a Python program which finds the shortest path from the start node to the end node of the maze\n",
    "</p><br>\n",
    "\n",
    "</div>\n",
    "\n",
    "<div style=\"display:flex-col;  justify-content: center; align-items: center; background-color:white; padding:20px\">\n",
    "<img src=\"./maze_problem.webp\"/>\n",
    "<p style=\"text-align: center; font-color:black; line-height:2\">\n",
    "1) Left: the given maze <br/>2) Right: the position of each node (location in the array) in the maze\n",
    "</p>\n",
    "</div>\n",
    "\n",
    "</div>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "---"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [],
   "source": [
    "from api.maze import Maze, Coordinate, draw_mazes\n",
    "from api.algo import bidirectional_heuristic_search, a_star, depth_first_search, breadth_first_search, manhattan_distance"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "            <link\n",
       "                href=\"https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=Roboto+Mono&display=swap\"\n",
       "                rel=\"stylesheet\"\n",
       "                async\n",
       "            />\n",
       "            <script src='https://cdn.tailwindcss.com'></script>\n",
       "            <style>\n",
       "                * {\n",
       "                    font-family: 'Figtree', serif;\n",
       "                }\n",
       "            </style>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from api.viz import add_tailwind\n",
    "\n",
    "add_tailwind()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "maze_breadth = 5\n",
    "maze_length = 6\n",
    "\n",
    "start_pos = Coordinate(0, 0)\n",
    "goal_pos = Coordinate(4, 5)\n",
    "\n",
    "obstacles = set([\n",
    "    (0, 1),\n",
    "    (2, 1),\n",
    "    (2, 3),\n",
    "    (3, 1),\n",
    "    (3, 4),\n",
    "    (4, 4)\n",
    "])\n",
    "\n",
    "# Create a maze instance\n",
    "maze = Maze(\n",
    "    rows = maze_breadth,\n",
    "    columns = maze_length,\n",
    "    start_node = start_pos,\n",
    "    end_node= goal_pos,\n",
    "    custom_obstacles= obstacles\n",
    ")\n",
    "\n",
    "# Print the maze\n",
    "maze.display_maze()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "----------"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Depth First Search (DFS) Algorithm"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "226 µs ± 7.52 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "            <div class=\"flex flex-col justify-center items-center py-8\">\n",
       "                <div class=\"text-2xl font-bold text-center pb-3\">Depth First Search</div>\n",
       "                <div class=\"flex flex-row justify-center items-center space-x-8\">\n",
       "                    <div class=\"text-lg text-center\">Nodes Explored: 16</div>\n",
       "                    <div class=\"text-lg text-center\">Final Path Length: 14</div>\n",
       "                    <div class=\"text-lg text-center\">Runtime: 226 µs ± 7.52 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)</div>\n",
       "                </div>\n",
       "            </div>\n",
       "            <div class=\"grid grid-cols-5 justify-center items-center\">\n",
       "                \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 0</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 1</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 2</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 3</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 4</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 5</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 6</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 7</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 8</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 9</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 10</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 11</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 12</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 13</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 14</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 15</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "            <div class=\"flex flex-col justify-center items-center space-y-4 p-4 bg-gradient-to-r from-green-300/50 to-green-800/50\">\n",
       "                <div class=\"flex flex-col justify-center items-center\">\n",
       "                    <div class=\"text-lg font-bold text-center\">Final Path</div>\n",
       "                </div>\n",
       "                <div class=\"flex flex-col\">\n",
       "                    \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                </div>\n",
       "            </div>\n",
       "        \n",
       "            </div>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "final_path, all_paths = depth_first_search(maze)\n",
    "\n",
    "all_mazes = []\n",
    "for path in range(1, len(all_paths)+1):\n",
    "    display_maze = maze.copy()\n",
    "    display_maze.draw_path(all_paths[:path])\n",
    "    all_mazes.append(display_maze.display_maze(True))\n",
    "\n",
    "final_maze = maze.copy()\n",
    "final_maze.draw_path(final_path)\n",
    "\n",
    "result = %timeit -o -r 100 -n 100 exec(str(depth_first_search(maze)))\n",
    "draw_mazes(\n",
    "    all_mazes, \n",
    "    title=\"Depth First Search\", \n",
    "    final_path_lenth=len(final_path), \n",
    "    runtime=result,\n",
    "    final_maze=final_maze.display_maze(True)\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "---"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Breadth First Search (BFS) Algorithm"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "238 µs ± 11.6 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "            <div class=\"flex flex-col justify-center items-center py-8\">\n",
       "                <div class=\"text-2xl font-bold text-center pb-3\">Breadth First Search</div>\n",
       "                <div class=\"flex flex-row justify-center items-center space-x-8\">\n",
       "                    <div class=\"text-lg text-center\">Nodes Explored: 22</div>\n",
       "                    <div class=\"text-lg text-center\">Final Path Length: 8</div>\n",
       "                    <div class=\"text-lg text-center\">Runtime: 238 µs ± 11.6 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)</div>\n",
       "                </div>\n",
       "            </div>\n",
       "            <div class=\"grid grid-cols-5 justify-center items-center\">\n",
       "                \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 0</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 1</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 2</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 3</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 4</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 5</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 6</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 7</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 8</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 9</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 10</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 11</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 12</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 13</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 14</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 15</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 16</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 17</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 18</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 19</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 20</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 21</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "            <div class=\"flex flex-col justify-center items-center space-y-4 p-4 bg-gradient-to-r from-green-300/50 to-green-800/50\">\n",
       "                <div class=\"flex flex-col justify-center items-center\">\n",
       "                    <div class=\"text-lg font-bold text-center\">Final Path</div>\n",
       "                </div>\n",
       "                <div class=\"flex flex-col\">\n",
       "                    \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                </div>\n",
       "            </div>\n",
       "        \n",
       "            </div>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "final_path, all_paths = breadth_first_search(maze)\n",
    "\n",
    "all_mazes = []\n",
    "for path in range(1, len(all_paths)+1):\n",
    "    display_maze = maze.copy()\n",
    "    display_maze.draw_path(all_paths[:path])\n",
    "    all_mazes.append(display_maze.display_maze(True))\n",
    "\n",
    "final_maze = maze.copy()\n",
    "final_maze.draw_path(final_path)\n",
    "\n",
    "result = %timeit -o -r 100 -n 100 exec(str(breadth_first_search(maze)))\n",
    "draw_mazes(\n",
    "    all_mazes, \n",
    "    title=\"Breadth First Search\", \n",
    "    final_path_lenth=len(final_path), \n",
    "    runtime=result,\n",
    "    final_maze=final_maze.display_maze(True)\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "---"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### A* Search Algorithm"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "401 µs ± 12.6 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "            <div class=\"flex flex-col justify-center items-center py-8\">\n",
       "                <div class=\"text-2xl font-bold text-center pb-3\">A* Search Algorithm</div>\n",
       "                <div class=\"flex flex-row justify-center items-center space-x-8\">\n",
       "                    <div class=\"text-lg text-center\">Nodes Explored: 19</div>\n",
       "                    <div class=\"text-lg text-center\">Final Path Length: 8</div>\n",
       "                    <div class=\"text-lg text-center\">Runtime: 401 µs ± 12.6 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)</div>\n",
       "                </div>\n",
       "            </div>\n",
       "            <div class=\"grid grid-cols-5 justify-center items-center\">\n",
       "                \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 0</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 1</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 2</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 3</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 4</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 5</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 6</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 7</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 8</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 9</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 10</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 11</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 12</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 13</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 14</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 15</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 16</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 17</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 18</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>8.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>6.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>7.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "            <div class=\"flex flex-col justify-center items-center space-y-4 p-4 bg-gradient-to-r from-green-300/50 to-green-800/50\">\n",
       "                <div class=\"flex flex-col justify-center items-center\">\n",
       "                    <div class=\"text-lg font-bold text-center\">Final Path</div>\n",
       "                </div>\n",
       "                <div class=\"flex flex-col\">\n",
       "                    \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                </div>\n",
       "            </div>\n",
       "        \n",
       "            </div>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "final_path, all_paths, weights = a_star(maze, manhattan_distance, True)\n",
    "\n",
    "all_mazes = []\n",
    "for path in range(len(all_paths)+1):\n",
    "    display_maze = maze.copy()\n",
    "    display_maze.draw_weighted_path(all_paths[:path], weights)\n",
    "    all_mazes.append(display_maze.display_maze(True))\n",
    "\n",
    "\n",
    "final_maze = maze.copy()\n",
    "final_maze.draw_path(final_path)\n",
    "\n",
    "result = %timeit -o -r 100 -n 100 exec(str(a_star(maze, manhattan_distance, True)))\n",
    "draw_mazes(\n",
    "    all_mazes, \n",
    "    title=\"A* Search Algorithm\", \n",
    "    final_path_lenth=len(final_path), \n",
    "    runtime=result,\n",
    "    final_maze=final_maze.display_maze(True)\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "---"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## BiDirectional A* Search Algorithm"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "350 µs ± 6.84 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "            <div class=\"flex flex-col justify-center items-center py-8\">\n",
       "                <div class=\"text-2xl font-bold text-center pb-3\">BiDirectional Heuristic Search Algorithm</div>\n",
       "                <div class=\"flex flex-row justify-center items-center space-x-8\">\n",
       "                    <div class=\"text-lg text-center\">Nodes Explored: 16</div>\n",
       "                    <div class=\"text-lg text-center\">Final Path Length: 8</div>\n",
       "                    <div class=\"text-lg text-center\">Runtime: 350 µs ± 6.84 µs per loop (mean ± std. dev. of 100 runs, 100 loops each)</div>\n",
       "                </div>\n",
       "            </div>\n",
       "            <div class=\"grid grid-cols-5 justify-center items-center\">\n",
       "                \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 0</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 1</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 2</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 3</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 4</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 5</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 6</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 7</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 8</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 9</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 10</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 11</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 12</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 13</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 14</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "                <div class=\"flex flex-col justify-center items-center space-y-4 p-4\">\n",
       "                    <div class=\"flex flex-col justify-center items-center\">\n",
       "                        <div class=\"text-lg font-bold text-center\">State: 15</div>\n",
       "                    </div>\n",
       "                    <div class=\"flex flex-col\">\n",
       "                        \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>5.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>2.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>3.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>1.0</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>4.0</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                    </div>\n",
       "                </div>\n",
       "            \n",
       "            <div class=\"flex flex-col justify-center items-center space-y-4 p-4 bg-gradient-to-r from-green-300/50 to-green-800/50\">\n",
       "                <div class=\"flex flex-col justify-center items-center\">\n",
       "                    <div class=\"text-lg font-bold text-center\">Final Path</div>\n",
       "                </div>\n",
       "                <div class=\"flex flex-col\">\n",
       "                    \n",
       "        <table class=\"table-auto\">\n",
       "            <div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-green-700 '>S</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-500/50 '>*</div></div><div class='flex flex-row'><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-white/20 '> </div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-slate-800 '>X</div><div class='flex flex-col w-12 h-12 text-center justify-center font-bold border-2 border-gray-200/20 bg-red-700 '>E</div></div>\n",
       "        </table>\n",
       "        \n",
       "                </div>\n",
       "            </div>\n",
       "        \n",
       "            </div>\n",
       "        "
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "final_path, all_paths, weights = bidirectional_heuristic_search(maze, manhattan_distance, True)\n",
    "\n",
    "all_mazes = []\n",
    "for path in range(len(all_paths)+1):\n",
    "    display_maze = maze.copy()\n",
    "    display_maze.draw_weighted_path(all_paths[:path], weights)\n",
    "    all_mazes.append(display_maze.display_maze(True))\n",
    "\n",
    "\n",
    "final_maze = maze.copy()\n",
    "final_maze.draw_path(final_path)\n",
    "\n",
    "result = %timeit -o -r 100 -n 100 exec(str(bidirectional_heuristic_search(maze, manhattan_distance, True)))\n",
    "draw_mazes(\n",
    "    all_mazes, \n",
    "    title=\"BiDirectional Heuristic Search Algorithm\", \n",
    "    final_path_lenth=len(final_path), \n",
    "    runtime=result,\n",
    "    final_maze=final_maze.display_maze(True)\n",
    ")"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "lmu",
   "language": "python",
   "name": "python3"
  },
  "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.12.0"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}