From 3f4748c8cf017913f13666a8f9b269d569fd7c34 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Tue, 30 Jun 2026 21:45:18 +0200
Subject: [PATCH 01/23] Add CTable .b2z support: metadata model, fetch pipeline
 via to_cframe(), Python client Table class

---
 caterva2/client.py                        |  39 +++-
 caterva2/models.py                        |  15 ++
 caterva2/services/server.py               |  36 +++-
 caterva2/services/srv_utils.py            |  23 ++-
 caterva2/tests/test_ctable.py             | 223 ++++++++++++++++++++++
 caterva2/tests/test_notebook_bootstrap.py |  26 ++-
 6 files changed, 344 insertions(+), 18 deletions(-)
 create mode 100644 caterva2/tests/test_ctable.py

diff --git a/caterva2/client.py b/caterva2/client.py
index 126a2a66..ade4efb7 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -125,6 +125,8 @@ def __getitem__(self, path):
         path = path.as_posix() if hasattr(path, "as_posix") else str(path)
         if path.endswith((".b2nd", ".b2frame")):
             return Dataset(self, path)
+        if path.endswith(".b2z"):
+            return Table(self, path)
         else:
             return File(self, path)
 
@@ -698,6 +700,29 @@ def append(self, data):
         return self.client.append(self.path, data)
 
 
+class Table(File):
+    """Represents a CTable (.b2z) dataset."""
+
+    def __repr__(self):
+        return f"<Table: {self.path}>"
+
+    @property
+    def nrows(self):
+        return self.meta["nrows"]
+
+    @property
+    def columns(self):
+        return self.meta["columns"]
+
+    def slice(self, key):
+        """Get a row slice as a blosc2.CTable."""
+        return self.client.get_slice(self.path, key, as_blosc2=True)
+
+    def __getitem__(self, key):
+        """Shortcut: slice as a blosc2.CTable."""
+        return self.slice(key)
+
+
 class BasicAuth:
     """
     Basic authentication for HTTP requests.
@@ -781,14 +806,20 @@ def _fetch_data(self, path, urlbase, params, auth_cookie=None, as_blosc2=False,
         data = response.content
         # Try different deserialization methods
         try:
-            data = blosc2.ndarray_from_cframe(data)
-        except RuntimeError:
-            data = blosc2.schunk_from_cframe(data)
+            data = blosc2.ctable_from_cframe(data)
+        except ValueError:
+            try:
+                data = blosc2.ndarray_from_cframe(data)
+            except RuntimeError:
+                data = blosc2.schunk_from_cframe(data)
         if as_blosc2:
             return data
         if hasattr(data, "ndim"):  # if b2nd or b2frame
             # catch 0d case where [:] fails
             return data[()] if data.ndim == 0 else data[:]
+        elif isinstance(data, blosc2.CTable):
+            # Return rows as list of tuples if not as_blosc2
+            return [tuple(row) for row in data[:]]
         else:
             return data[:]
 
@@ -964,7 +995,7 @@ def get(self, path):
         >>> ds[:10]
         array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9])
         """
-        if isinstance(path, (File, Dataset, Root)):
+        if isinstance(path, (File, Dataset, Table, Root)):
             return path
         # Normalize the path to a POSIX path
         path = pathlib.PurePosixPath(path).as_posix()
diff --git a/caterva2/models.py b/caterva2/models.py
index 06a7d4ee..fbd157c1 100644
--- a/caterva2/models.py
+++ b/caterva2/models.py
@@ -74,6 +74,21 @@ class LazyArray(pydantic.BaseModel):
     mtime: datetime.datetime | None
 
 
+class CTableMetadata(pydantic.BaseModel):
+    kind: str = "ctable"
+    nrows: int
+    ncols: int
+    chunks: tuple
+    blocks: tuple
+    schema_dict: dict
+    columns: list[str]
+    nbytes: int
+    cbytes: int
+    cratio: float
+    vlmeta: dict = {}
+    mtime: datetime.datetime | None
+
+
 class Cat2LazyArr(pydantic.BaseModel):
     name: str | None
     expression: str | None
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 15b5def8..d1243462 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -127,6 +127,9 @@ def open_b2(abspath, path):
         raise ValueError(f"Unexpected root={root}")
 
     container = blosc2.open(abspath)
+    # CTable has its own storage and no table-level cparams/dparams; return early.
+    if isinstance(container, blosc2.CTable):
+        return container
     vlmeta = container.schunk.vlmeta if hasattr(container, "schunk") else container.vlmeta
     if isinstance(container, blosc2.LazyArray):
         # Open the operands properly
@@ -453,7 +456,7 @@ def get_abspath(
         return cachedir / filepath
 
     # HDF5 files cannot be compressed, as they are supported natively
-    if filepath.suffix not in {".b2frame", ".b2nd", ".h5"} and not may_not_exist:
+    if filepath.suffix not in {".b2frame", ".b2nd", ".b2z", ".h5"} and not may_not_exist:
         if filepath.is_file():
             srv_utils.compress_file(filepath)
         filepath = f"{filepath}.b2"
@@ -521,9 +524,9 @@ async def fetch_data(
     slice_ = parse_slice(slice_)
     abspath = get_abspath(path, user)
 
-    if abspath.suffix not in {".b2frame", ".b2nd"}:
+    if abspath.suffix not in {".b2frame", ".b2nd", ".b2z"}:
         srv_utils.raise_bad_request(
-            "The fetch API only supports datasets (.b2nd and .b2); "
+            "The fetch API only supports datasets (.b2nd, .b2frame, .b2z); "
             "use the download API if you only want to download the file"
         )
 
@@ -539,11 +542,16 @@ async def fetch_data(
     if field:
         container = container[field]
 
-    if isinstance(container, blosc2.NDArray | blosc2.LazyArray | hdf5.HDF5Proxy | blosc2.NDField):
+    if isinstance(container, (blosc2.NDArray, blosc2.LazyArray, hdf5.HDF5Proxy, blosc2.NDField)):
         array = container
         schunk = getattr(array, "schunk", None)  # not really needed
         typesize = array.dtype.itemsize
         shape = array.shape
+    elif isinstance(container, blosc2.CTable):
+        array = container
+        schunk = None
+        typesize = 1  # not used for CTable
+        shape = (array.nrows,)
     else:
         # SChunk
         array = None
@@ -573,7 +581,25 @@ async def fetch_data(
         # avoiding slicing and re-compression.
         return FileResponse(abspath, filename=abspath.name, media_type="application/octet-stream")
 
-    if isinstance(array, hdf5.HDF5Proxy):
+    if isinstance(array, blosc2.CTable):
+        # ponytail: slice_ is a single slice/int/tuple; extract row start/stop
+        if isinstance(slice_, slice):
+            row_start, row_stop = slice_.start or 0, slice_.stop or array.nrows
+        elif isinstance(slice_, int):
+            row_start, row_stop = slice_, slice_ + 1
+        elif isinstance(slice_, tuple) and len(slice_) > 0:
+            sl0 = slice_[0]
+            if isinstance(sl0, slice):
+                row_start, row_stop = sl0.start or 0, sl0.stop or array.nrows
+            elif isinstance(sl0, int):
+                row_start, row_stop = sl0, sl0 + 1
+            else:
+                row_start, row_stop = 0, array.nrows
+        else:
+            row_start, row_stop = 0, array.nrows
+        view = array.slice(row_start, row_stop)
+        data = view.to_cframe()
+    elif isinstance(array, hdf5.HDF5Proxy):
         data = array.to_cframe(() if slice_ is None else slice_)
     elif isinstance(array, blosc2.LazyArray):
         data = array.compute(() if slice_ is None else slice_)
diff --git a/caterva2/services/srv_utils.py b/caterva2/services/srv_utils.py
index 5886b29d..2741f086 100644
--- a/caterva2/services/srv_utils.py
+++ b/caterva2/services/srv_utils.py
@@ -30,6 +30,12 @@
 from caterva2 import hdf5, models
 from caterva2.services import db, schemas, settings, users
 
+# Shared suffix constants
+BLOSC2_ARRAY_SUFFIXES = {".b2nd", ".b2frame"}
+BLOSC2_TABLE_SUFFIXES = {".b2z"}
+BLOSC2_FRAME_SUFFIXES = {".b2"}
+BLOSC2_NATIVE_SUFFIXES = BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | BLOSC2_FRAME_SUFFIXES
+
 
 def compress_file(path):
     with open(path, "rb") as src:
@@ -103,7 +109,7 @@ def read_metadata(obj):
             #     obj = f
             return get_model_from_obj(obj, models.File, mtime=mtime, size=size)
 
-        assert path.suffix in {".b2frame", ".b2nd", ".b2"}
+        assert path.suffix in BLOSC2_NATIVE_SUFFIXES
         try:
             obj = blosc2.open(path)
         except blosc2.exceptions.MissingOperands as exc:
@@ -150,6 +156,21 @@ def read_metadata(obj):
             mtime=mtime,
             expression=expression,
         )
+    elif isinstance(obj, blosc2.CTable):
+        schema = obj.schema_dict()
+        return models.CTableMetadata(
+            nrows=obj.nrows,
+            ncols=obj.ncols,
+            chunks=obj.chunks,
+            blocks=obj.blocks,
+            schema_dict=schema,
+            columns=[c["name"] for c in schema.get("columns", [])],
+            nbytes=obj.nbytes,
+            cbytes=obj.cbytes,
+            cratio=obj.cratio,
+            vlmeta=dict(obj.vlmeta[:]) if obj.vlmeta[:] else {},
+            mtime=mtime,
+        )
     else:
         raise TypeError(f"unexpected {type(obj)}")
 
diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
new file mode 100644
index 00000000..76c3f012
--- /dev/null
+++ b/caterva2/tests/test_ctable.py
@@ -0,0 +1,223 @@
+"""Tests for CTable .b2z metadata and fetch deserialization in Caterva2."""
+# ruff: noqa: RUF009  # blosc2.field() is the standard CTable dataclass default API
+
+import pathlib
+import tempfile
+from dataclasses import dataclass
+
+import blosc2
+import blosc2.ctable as ct
+
+from caterva2.services import srv_utils
+
+
+def _make_table(path, n=5):
+    @dataclass
+    class Row:
+        x: int = blosc2.field(blosc2.int32())
+        y: str = blosc2.field(blosc2.string(max_length=20))
+
+    t = blosc2.CTable(Row, urlpath=str(path), mode="w", compact=True)
+    for i in range(n):
+        t.append((i, f"v{i}"))
+    t.close()
+
+
+# ---------------------------------------------------------------------------
+# read_metadata
+# ---------------------------------------------------------------------------
+
+
+def test_read_metadata():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "t.b2z"
+    _make_table(table_path)
+
+    meta = srv_utils.read_metadata(table_path)
+    assert meta.kind == "ctable"
+    assert meta.nrows == 5
+    assert meta.ncols == 2
+    assert meta.columns == ["x", "y"]
+    assert meta.cbytes > 0
+    assert meta.nbytes > meta.cbytes
+    assert meta.cratio > 1.0
+    assert isinstance(meta.chunks, tuple)
+
+
+def test_read_metadata_empty():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "empty.b2z"
+
+    @dataclass
+    class Row:
+        x: int = blosc2.field(blosc2.int32())
+
+    t = blosc2.CTable(Row, urlpath=str(table_path), mode="w", compact=True)
+    t.close()
+
+    meta = srv_utils.read_metadata(table_path)
+    assert meta.nrows == 0
+    assert meta.ncols == 1
+    assert meta.columns == ["x"]
+
+
+def test_read_metadata_list_column():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "list.b2z"
+
+    @dataclass
+    class Row:
+        x: int = blosc2.field(blosc2.int32())
+        tags: list[int] = blosc2.field(ct.ListSpec(ct.int32()))
+
+    t = blosc2.CTable(Row, urlpath=str(table_path), mode="w", compact=True)
+    for r in [(1, [1, 2]), (2, [3])]:
+        t.append(r)
+    t.close()
+
+    meta = srv_utils.read_metadata(table_path)
+    assert meta.nrows == 2
+    assert meta.ncols == 2
+    assert meta.columns == ["x", "tags"]
+
+
+def test_read_metadata_vlstring():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "vlstr.b2z"
+
+    @dataclass
+    class Row:
+        x: int = blosc2.field(blosc2.int32())
+        label: str = blosc2.field(ct.VLStringSpec())
+
+    t = blosc2.CTable(Row, urlpath=str(table_path), mode="w", compact=True)
+    for r in [(1, "hi"), (2, "yo")]:
+        t.append(r)
+    t.close()
+
+    meta = srv_utils.read_metadata(table_path)
+    assert meta.nrows == 2
+    assert meta.columns == ["x", "label"]
+
+
+def test_read_metadata_vlmeta():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "vlmeta.b2z"
+
+    @dataclass
+    class Row:
+        x: int = blosc2.field(blosc2.int32())
+
+    t = blosc2.CTable(Row, urlpath=str(table_path), mode="w", compact=True)
+    t.append((0,))
+    t.vlmeta["author"] = "Alice"
+    t.close()
+
+    meta = srv_utils.read_metadata(table_path)
+    assert meta.vlmeta == {"author": "Alice"}
+
+
+def test_read_metadata_nonexistent():
+    import pytest
+
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    with pytest.raises(FileNotFoundError):
+        srv_utils.read_metadata(tmp / "nope.b2z")
+
+
+# ---------------------------------------------------------------------------
+# fetch deserialization (simulating what /api/fetch and Client._fetch_data do)
+# ---------------------------------------------------------------------------
+
+
+def test_cframe_deserialization_slice():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "t.b2z"
+    _make_table(table_path)
+
+    container = blosc2.open(table_path)
+    view = container.slice(1, 4)
+    cf = view.to_cframe()
+
+    back = blosc2.ctable_from_cframe(cf)
+    assert isinstance(back, blosc2.CTable)
+    assert len(back) == 3
+    assert [tuple(r) for r in back] == [(1, "v1"), (2, "v2"), (3, "v3")]
+
+
+def test_cframe_deserialization_whole():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "t.b2z"
+    _make_table(table_path)
+
+    container = blosc2.open(table_path)
+    cf = container.to_cframe()
+    back = blosc2.ctable_from_cframe(cf)
+    assert len(back) == 5
+    assert back[0].x == 0
+    assert back[4].x == 4
+    assert back[2].y == "v2"
+
+
+def test_cframe_deserialization_single_row():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "t.b2z"
+    _make_table(table_path)
+
+    container = blosc2.open(table_path)
+    view = container.slice(2, 3)
+    cf = view.to_cframe()
+    back = blosc2.ctable_from_cframe(cf)
+    assert len(back) == 1
+    assert tuple(back[0]) == (2, "v2")
+
+
+def test_cframe_deserialization_empty_slice():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "t.b2z"
+    _make_table(table_path)
+
+    container = blosc2.open(table_path)
+    view = container.slice(0, 0)
+    cf = view.to_cframe()
+    back = blosc2.ctable_from_cframe(cf)
+    assert len(back) == 0
+    assert back.col_names == ["x", "y"]
+
+
+def test_cframe_deserialization_multi_column():
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "cols.b2z"
+
+    @dataclass
+    class Row:
+        a: int = blosc2.field(blosc2.int32())
+        b: float = blosc2.field(blosc2.float64())
+        c: str = blosc2.field(blosc2.string(max_length=10))
+
+    t = blosc2.CTable(Row, urlpath=str(table_path), mode="w", compact=True)
+    for r in [(1, 2.5, "hi"), (2, 3.5, "yo")]:
+        t.append(r)
+    t.close()
+
+    container = blosc2.open(table_path)
+    cf = container.to_cframe()
+    back = blosc2.ctable_from_cframe(cf)
+    assert back.col_names == ["a", "b", "c"]
+    assert back[0].b == 2.5
+    assert back[1].c == "yo"
+
+
+def test_cframe_deserialization_large_slice():
+    """Ensure a slice of many rows round-trips correctly."""
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "big.b2z"
+    _make_table(table_path, n=200)
+
+    container = blosc2.open(table_path)
+    view = container.slice(50, 150)
+    cf = view.to_cframe()
+    back = blosc2.ctable_from_cframe(cf)
+    assert len(back) == 100
+    assert back[0].x == 50
+    assert back[99].x == 149
diff --git a/caterva2/tests/test_notebook_bootstrap.py b/caterva2/tests/test_notebook_bootstrap.py
index bcb492b3..dab031c9 100644
--- a/caterva2/tests/test_notebook_bootstrap.py
+++ b/caterva2/tests/test_notebook_bootstrap.py
@@ -1,21 +1,29 @@
 import nbformat
 
-from caterva2.services.notebook import PYODIDE_BOOTSTRAP_CELL_SOURCE, inject_pyodide_bootstrap_cell
+from caterva2.services.notebook import (
+    PYODIDE_BOOTSTRAP_IMPORT_SOURCE,
+    PYODIDE_BOOTSTRAP_INSTALL_SOURCE,
+    inject_pyodide_bootstrap_cell,
+)
 
 
 def _bootstrap_cells(notebook):
     return [cell for cell in notebook.cells if cell.get("metadata", {}).get("caterva2_pyodide_bootstrap")]
 
 
-def test_inject_pyodide_bootstrap_cell_adds_cell_once():
+def test_inject_pyodide_bootstrap_cell_adds_cells():
     notebook = nbformat.v4.new_notebook(cells=[nbformat.v4.new_code_cell("print('hello')")])
     content = nbformat.writes(notebook).encode("utf-8")
 
     patched = inject_pyodide_bootstrap_cell(content)
     patched_notebook = nbformat.reads(patched.decode("utf-8"), as_version=4)
 
-    assert len(_bootstrap_cells(patched_notebook)) == 1
+    # Two cells: install (no imports) + import (finds freshly installed packages)
+    assert len(_bootstrap_cells(patched_notebook)) == 2
     assert patched_notebook.cells[0]["metadata"]["caterva2_pyodide_bootstrap"] is True
+    assert patched_notebook.cells[1]["metadata"]["caterva2_pyodide_bootstrap"] is True
+    assert patched_notebook.cells[0].source == PYODIDE_BOOTSTRAP_INSTALL_SOURCE
+    assert patched_notebook.cells[1].source == PYODIDE_BOOTSTRAP_IMPORT_SOURCE
 
 
 def test_inject_pyodide_bootstrap_cell_is_idempotent():
@@ -26,11 +34,11 @@ def test_inject_pyodide_bootstrap_cell_is_idempotent():
     patched_twice = inject_pyodide_bootstrap_cell(patched_once)
     patched_notebook = nbformat.reads(patched_twice.decode("utf-8"), as_version=4)
 
-    assert len(_bootstrap_cells(patched_notebook)) == 1
+    assert len(_bootstrap_cells(patched_notebook)) == 2
 
 
-def test_inject_pyodide_bootstrap_cell_refreshes_stale_cell():
-    # A notebook with an OUTDATED bootstrap cell baked in (e.g. persisted by an
+def test_inject_pyodide_bootstrap_cell_refreshes_stale_cells():
+    # A notebook with OUTDATED bootstrap cells baked in (e.g. persisted by an
     # older server / save-back) must be refreshed to the current source, not skipped.
     stale = nbformat.v4.new_code_cell("# old install code\nawait micropip.install('blosc2')")
     stale["metadata"]["caterva2_pyodide_bootstrap"] = True
@@ -40,6 +48,8 @@ def test_inject_pyodide_bootstrap_cell_refreshes_stale_cell():
     patched_notebook = nbformat.reads(inject_pyodide_bootstrap_cell(content).decode("utf-8"), as_version=4)
 
     bootstrap = _bootstrap_cells(patched_notebook)
-    assert len(bootstrap) == 1
+    assert len(bootstrap) == 2
     assert patched_notebook.cells[0]["metadata"]["caterva2_pyodide_bootstrap"] is True
-    assert patched_notebook.cells[0].source == PYODIDE_BOOTSTRAP_CELL_SOURCE
+    assert patched_notebook.cells[1]["metadata"]["caterva2_pyodide_bootstrap"] is True
+    assert patched_notebook.cells[0].source == PYODIDE_BOOTSTRAP_INSTALL_SOURCE
+    assert patched_notebook.cells[1].source == PYODIDE_BOOTSTRAP_IMPORT_SOURCE

From 32947e82ba5f07d86f84e285d2c9de397b774fde Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 11:58:17 +0200
Subject: [PATCH 02/23] Fix CTable whole-fetch bug, add Array/Table client
 hierarchy, and .b2z storage handling

   Whole-table /api/fetch was returning the raw .b2z zip instead of a
   cframe, so table[:] failed client-side. Also introduces Array/Table as
   proper Dataset subclasses (client.py), dispatches cframe decoding by
   known kind instead of trial/except, adds Table.nrows/columns/head/rows,
   and treats .b2z as a native Blosc2 suffix for upload/load_from_url/htmx
   paths so tables round-trip byte-identical. Adds regression tests.
---
 caterva2/__init__.py          |   4 +-
 caterva2/client.py            | 172 ++++++++++++++++++++++++----------
 caterva2/services/server.py   |  16 ++--
 caterva2/tests/test_ctable.py |  81 ++++++++++++++++
 4 files changed, 212 insertions(+), 61 deletions(-)

diff --git a/caterva2/__init__.py b/caterva2/__init__.py
index 03b33417..e1741c86 100644
--- a/caterva2/__init__.py
+++ b/caterva2/__init__.py
@@ -9,16 +9,18 @@
 
 """Caterva2 - On demand access to remote Blosc2 data repositories"""
 
-from .client import BasicAuth, Client, Dataset, File, Root
+from .client import Array, BasicAuth, Client, Dataset, File, Root, Table
 
 __version__ = "2025.12.4.dev0"
 """The version in use of the Caterva2 package."""
 
 __all__ = [
+    "Array",
     "BasicAuth",
     "Client",
     "Dataset",
     "File",
     "Root",
+    "Table",
 ]
 """List of symbols exported by the Caterva2 package."""
diff --git a/caterva2/client.py b/caterva2/client.py
index ade4efb7..9db95c46 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -120,11 +120,11 @@ def __getitem__(self, path):
         >>> client = cat2.Client('https://cat2.cloud/demo')
         >>> root = client.get('example')
         >>> root['ds-1d.b2nd']
-        <Dataset: example/ds-1d.b2nd>
+        <Array: example/ds-1d.b2nd>
         """
         path = path.as_posix() if hasattr(path, "as_posix") else str(path)
         if path.endswith((".b2nd", ".b2frame")):
-            return Dataset(self, path)
+            return Array(self, path)
         if path.endswith(".b2z"):
             return Table(self, path)
         else:
@@ -231,7 +231,7 @@ def upload(self, local_dset, remotepath=None, compute=None):
         >>> root = client.get('@personal')
         >>> path = f'@personal/dir{np.random.randint(0, 100)}/ds-4d.b2nd'
         >>> root.upload('root-example/dir2/ds-4d.b2nd')
-        <Dataset: @personal/root-example/dir2/ds-4d.b2nd>
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
         >>> 'root-example/dir2/ds-4d.b2nd' in root
         True
         """
@@ -370,7 +370,7 @@ def get_download_url(self):
 
     def __getitem__(self, item):
         """
-        Retrieves a slice of the dataset.
+        Retrieves a slice of the file's data (only meaningful for datasets).
 
         Parameters
         ----------
@@ -381,35 +381,8 @@ def __getitem__(self, item):
         -------
         numpy.ndarray
             The requested slice of the dataset.
-
-        Examples
-        --------
-        >>> import caterva2 as cat2
-        >>> client = cat2.Client('https://cat2.cloud/demo')
-        >>> root = client.get('example')
-        >>> ds = root['ds-1d.b2nd']
-        >>> ds[1]
-        array(1)
-        >>> ds[:1]
-        array([0])
-        >>> ds[0:10]
-        array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9])
         """
-        if isinstance(item, str):  # used a filter or field to index so want blosc2 array as result
-            try:
-                dtype = np.dtype(self.dtype)
-            except (ValueError, TypeError):
-                dtype = np.dtype(ast.literal_eval(self.dtype))
-            fields = dtype.fields
-            if fields is None:
-                raise ValueError("The array is not structured (its dtype does not have fields)")
-            if item in fields:
-                # A shortcut to access fields
-                return self.client.get_slice(self.path, as_blosc2=True, field=item)  # arg key is None
-            else:  # used a filter (possibly lazyexpr)
-                return self.client.get_slice(self.path, item, as_blosc2=True)
-        else:
-            return self.slice(item, as_blosc2=False)
+        return self.slice(item, as_blosc2=False)
 
     def slice(
         self, key: int | slice | Sequence[slice], as_blosc2: bool = True
@@ -521,7 +494,7 @@ def move(self, dst):
         >>> client = cat2.Client("https://cat2.cloud/demo", ("joedoe@example.com", "foobar"))
         >>> root = client.get('@personal')
         >>> root.upload('root-example/dir2/ds-4d.b2nd')
-        <Dataset: @personal/root-example/dir2/ds-4d.b2nd>
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
         >>> file = root['root-example/dir2/ds-4d.b2nd']
         >>> file.move('@personal/root-example/dir1/ds-4d-moved.b2nd')
         PurePosixPath('@personal/root-example/dir1/ds-4d-moved.b2nd')
@@ -554,7 +527,7 @@ def copy(self, dst):
         >>> client = cat2.Client("https://cat2.cloud/demo", ("joedoe@example.com", "foobar"))
         >>> root = client.get('@personal')
         >>> root.upload('root-example/dir2/ds-4d.b2nd')
-        <Dataset: @personal/root-example/dir2/ds-4d.b2nd>
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
         >>> file = root['root-example/dir2/ds-4d.b2nd']
         >>> file.copy('@personal/root-example/dir2/ds-4d-copy.b2nd')
         PurePosixPath('@personal/root-example/dir2/ds-4d-copy.b2nd')
@@ -583,7 +556,7 @@ def remove(self):
         >>> root = client.get('@personal')
         >>> path = 'root-example/dir2/ds-4d.b2nd'
         >>> root.upload(path)
-        <Dataset: @personal/root-example/dir2/ds-4d.b2nd>
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
         >>> file = root[path]
         >>> file.remove()
         '@personal/root-example/dir2/ds-4d.b2nd'
@@ -593,10 +566,25 @@ def remove(self):
         return self.client.remove(self.path)
 
 
-class Dataset(File, blosc2.Operand):
+class Dataset(File):
+    """Generic fetchable-dataset base, shared by :class:`Array` and :class:`Table`.
+
+    This class is not intended to be instantiated directly; it should be
+    accessed through a :class:`Root` instance, which returns an :class:`Array`
+    or a :class:`Table` depending on the dataset kind.
+    """
+
+    def __str__(self):
+        return self.path.as_posix()
+
+    def __repr__(self):
+        return f"<Dataset: {self.path}>"
+
+
+class Array(Dataset, blosc2.Operand):
     def __init__(self, root, path):
         """
-        Represents a dataset within a Blosc2 container.
+        Represents an array dataset (.b2nd, .b2frame) within a Blosc2 container.
 
         This class is not intended to be instantiated directly; it should be accessed through a
         :class:`Root` instance.
@@ -630,7 +618,7 @@ def __str__(self):
 
     def __repr__(self):
         # TODO: add more info about dims, types, etc.
-        return f"<Dataset: {self.path}>"
+        return f"<Array: {self.path}>"
 
     @property
     def dtype(self):
@@ -640,7 +628,7 @@ def dtype(self):
         try:
             return self.meta["dtype"]
         except KeyError as e:
-            raise AttributeError("'Dataset' object has no attribute 'dtype'.") from e
+            raise AttributeError("'Array' object has no attribute 'dtype'.") from e
 
     @property
     def shape(self):
@@ -650,7 +638,14 @@ def shape(self):
         try:
             return tuple(self.meta["shape"])
         except KeyError as e:
-            raise AttributeError("'Dataset' object has no attribute 'shape'.") from e
+            raise AttributeError("'Array' object has no attribute 'shape'.") from e
+
+    @property
+    def ndim(self):
+        """
+        The number of dimensions of the dataset.
+        """
+        return len(self.shape)
 
     @property
     def chunks(self):
@@ -660,7 +655,7 @@ def chunks(self):
         try:
             return tuple(self.meta["chunks"])
         except KeyError as e:
-            raise AttributeError("'Dataset' object has no attribute 'chunks'.") from e
+            raise AttributeError("'Array' object has no attribute 'chunks'.") from e
 
     @property
     def blocks(self):
@@ -670,7 +665,7 @@ def blocks(self):
         try:
             return tuple(self.meta["blocks"])
         except KeyError as e:
-            raise AttributeError("'Dataset' object has no attribute 'blocks'.") from e
+            raise AttributeError("'Array' object has no attribute 'blocks'.") from e
 
     def append(self, data):
         """
@@ -683,7 +678,7 @@ def append(self, data):
 
         Returns
         -------
-        out: Caterva2.Dataset
+        out: Caterva2.Array
             A pointer to the (modified) dataset.
 
         Examples
@@ -699,10 +694,56 @@ def append(self, data):
         """
         return self.client.append(self.path, data)
 
+    def __getitem__(self, item):
+        """
+        Retrieves a slice of the dataset.
+
+        Parameters
+        ----------
+        item : int, slice, tuple of ints and slices, or None
+            Specifies the slice to fetch.
+
+        Returns
+        -------
+        numpy.ndarray
+            The requested slice of the dataset.
 
-class Table(File):
+        Examples
+        --------
+        >>> import caterva2 as cat2
+        >>> client = cat2.Client('https://cat2.cloud/demo')
+        >>> root = client.get('example')
+        >>> ds = root['ds-1d.b2nd']
+        >>> ds[1]
+        array(1)
+        >>> ds[:1]
+        array([0])
+        >>> ds[0:10]
+        array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9])
+        """
+        if isinstance(item, str):  # used a filter or field to index so want blosc2 array as result
+            try:
+                dtype = np.dtype(self.dtype)
+            except (ValueError, TypeError):
+                dtype = np.dtype(ast.literal_eval(self.dtype))
+            fields = dtype.fields
+            if fields is None:
+                raise ValueError("The array is not structured (its dtype does not have fields)")
+            if item in fields:
+                # A shortcut to access fields
+                return self.client.get_slice(self.path, as_blosc2=True, field=item)  # arg key is None
+            else:  # used a filter (possibly lazyexpr)
+                return self.client.get_slice(self.path, item, as_blosc2=True)
+        else:
+            return self.slice(item, as_blosc2=False)
+
+
+class Table(Dataset):
     """Represents a CTable (.b2z) dataset."""
 
+    def __str__(self):
+        return self.path.as_posix()
+
     def __repr__(self):
         return f"<Table: {self.path}>"
 
@@ -710,10 +751,18 @@ def __repr__(self):
     def nrows(self):
         return self.meta["nrows"]
 
+    @property
+    def ncols(self):
+        return len(self.meta["columns"])
+
     @property
     def columns(self):
         return self.meta["columns"]
 
+    @property
+    def schema(self):
+        return self.meta["schema_dict"]
+
     def slice(self, key):
         """Get a row slice as a blosc2.CTable."""
         return self.client.get_slice(self.path, key, as_blosc2=True)
@@ -722,6 +771,16 @@ def __getitem__(self, key):
         """Shortcut: slice as a blosc2.CTable."""
         return self.slice(key)
 
+    def rows(self, start=0, stop=None):
+        """Get rows [start, stop) as a list of tuples."""
+        stop = self.nrows if stop is None else stop
+        table = self.slice(slice(start, stop))
+        return [tuple(row) for row in table]
+
+    def head(self, n=5):
+        """Get the first `n` rows as a list of tuples."""
+        return self.rows(0, n)
+
 
 class BasicAuth:
     """
@@ -799,15 +858,14 @@ def __exit__(self, exc_type, exc_val, exc_tb):
         self.close()
         return False
 
-    def _fetch_data(self, path, urlbase, params, auth_cookie=None, as_blosc2=False, timeout=5):
+    def _fetch_data(self, path, urlbase, params, auth_cookie=None, as_blosc2=False, timeout=5, kind=None):
         response = self._xget(
             f"{urlbase}/api/fetch/{path}", params=params, auth_cookie=auth_cookie, timeout=timeout
         )
         data = response.content
-        # Try different deserialization methods
-        try:
+        if kind == "ctable":
             data = blosc2.ctable_from_cframe(data)
-        except ValueError:
+        else:
             try:
                 data = blosc2.ndarray_from_cframe(data)
             except RuntimeError:
@@ -995,7 +1053,7 @@ def get(self, path):
         >>> ds[:10]
         array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9])
         """
-        if isinstance(path, (File, Dataset, Table, Root)):
+        if isinstance(path, (File, Root)):
             return path
         # Normalize the path to a POSIX path
         path = pathlib.PurePosixPath(path).as_posix()
@@ -1057,7 +1115,7 @@ def get_info(self, path):
         >>> info['shape']
         [100, 200]
         """
-        if isinstance(path, (Dataset, File)):
+        if isinstance(path, File):
             path = path.path
         _, path = _format_paths(self.urlbase, path)
         return self._get(f"{self.urlbase}/api/info/{path}", auth_cookie=self.cookie, timeout=self.timeout)
@@ -1123,7 +1181,14 @@ def get_slice(self, path, key=None, as_blosc2=True, field=None):
                [(1.0000500e-02, 1.0100005), (1.0050503e-02, 1.0100505)]],
               dtype=[('a', '<f4'), ('b', '<f8')])
         """
-        if isinstance(path, (Dataset, File)):
+        if isinstance(path, Table):
+            kind = "ctable"
+        elif isinstance(path, File):
+            kind = None
+        else:
+            path_str = path.as_posix() if hasattr(path, "as_posix") else str(path)
+            kind = "ctable" if path_str.endswith(".b2z") else None
+        if isinstance(path, File):
             path = path.path
         urlbase, path = _format_paths(self.urlbase, path)
         if field:  # blosc2 doesn't support indexing of multiple fields
@@ -1134,6 +1199,7 @@ def get_slice(self, path, key=None, as_blosc2=True, field=None):
                 auth_cookie=self.cookie,
                 as_blosc2=as_blosc2,
                 timeout=self.timeout,
+                kind=kind,
             )
         if isinstance(key, str):
             # The key can still be a slice expression in string format (like for CLI utils)
@@ -1145,6 +1211,7 @@ def get_slice(self, path, key=None, as_blosc2=True, field=None):
                 auth_cookie=self.cookie,
                 as_blosc2=as_blosc2,
                 timeout=self.timeout,
+                kind=kind,
             )
         else:  # Convert slices to strings
             slice_ = api_utils.slice_to_string(key)
@@ -1156,6 +1223,7 @@ def get_slice(self, path, key=None, as_blosc2=True, field=None):
                 auth_cookie=self.cookie,
                 as_blosc2=as_blosc2,
                 timeout=self.timeout,
+                kind=kind,
             )
 
     def get_chunk(self, path, nchunk):
@@ -1187,7 +1255,7 @@ def get_chunk(self, path, nchunk):
         >>> info_schunk['chunksize'] / len(chunk)
         6.453000645300064
         """
-        if isinstance(path, Dataset):
+        if isinstance(path, File):
             path = path.path
         _, path = _format_paths(self.urlbase, path)
         data = self._xget(
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index d1243462..704e186d 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -574,7 +574,7 @@ async def fetch_data(
 
     if (
         whole
-        and (not isinstance(array, blosc2.LazyArray | hdf5.HDF5Proxy | blosc2.NDField))
+        and (not isinstance(array, blosc2.LazyArray | hdf5.HDF5Proxy | blosc2.NDField | blosc2.CTable))
         and (not filter)
     ):
         # Send the data in the file straight to the client,
@@ -1038,7 +1038,7 @@ async def upload_file(
     # Check quota
     # TODO To be fair we should check quota later (after compression, zip unpacking etc.)
     data = await file.read()
-    if abspath.suffix not in {".b2", ".b2frame", ".b2nd"}:
+    if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES:
         schunk = blosc2.SChunk(data=data)
         newsize = schunk.nbytes
     else:
@@ -1057,7 +1057,7 @@ async def upload_file(
 
     # If regular file, compress it
     abspath.parent.mkdir(exist_ok=True, parents=True)
-    if abspath.suffix not in {".b2", ".b2frame", ".b2nd", ".h5", ".hdf5"}:
+    if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES | {".h5", ".hdf5"}:
         data = schunk.to_cframe()
         abspath = abspath.with_suffix(abspath.suffix + ".b2")
 
@@ -1107,7 +1107,7 @@ async def load_from_url(
         response.raise_for_status()
     data = response.content
 
-    if abspath.suffix not in {".b2", ".b2frame", ".b2nd"}:
+    if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES:
         schunk = blosc2.SChunk(data=data)
         newsize = schunk.nbytes
     else:
@@ -1126,7 +1126,7 @@ async def load_from_url(
 
     # If regular file, compress it
     abspath.parent.mkdir(exist_ok=True, parents=True)
-    if abspath.suffix not in {".b2", ".b2frame", ".b2nd", ".h5", ".hdf5"}:
+    if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES | {".h5", ".hdf5"}:
         data = schunk.to_cframe()
         abspath = abspath.with_suffix(abspath.suffix + ".b2")
 
@@ -1687,7 +1687,7 @@ def add_dataset(path, abspath):
             if rootdir is not None:
                 relpath = pathlib.Path(*segments[2:])
                 abspath = rootdir / relpath
-                if abspath.suffix not in {".b2", ".b2nd", ".b2frame"}:
+                if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES:
                     abspath = pathlib.Path(f"{abspath}.b2")
 
                 with contextlib.suppress(FileNotFoundError):
@@ -2325,7 +2325,7 @@ async def htmx_upload(
         new_members = [
             member
             for member in members
-            if not (path / member).is_dir() and member.suffix not in {".b2", ".b2frame", ".b2nd"}
+            if not (path / member).is_dir() and member.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES
         ]
         for member in new_members:
             srv_utils.compress_file(path / member)
@@ -2337,7 +2337,7 @@ async def htmx_upload(
 
     if suffix in [".h5", ".hdf5"]:
         pass
-    elif filename.suffix not in {".b2", ".b2frame", ".b2nd"}:
+    elif filename.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES:
         schunk = blosc2.SChunk(data=data)
         data = schunk.to_cframe()
         filename = f"{filename}.b2"
diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
index 76c3f012..7f5f12a9 100644
--- a/caterva2/tests/test_ctable.py
+++ b/caterva2/tests/test_ctable.py
@@ -7,9 +7,13 @@
 
 import blosc2
 import blosc2.ctable as ct
+import pytest
 
+import caterva2 as cat2
 from caterva2.services import srv_utils
 
+from .services import TEST_CATERVA2_ROOT, TEST_STATE_DIR
+
 
 def _make_table(path, n=5):
     @dataclass
@@ -221,3 +225,80 @@ def test_cframe_deserialization_large_slice():
     assert len(back) == 100
     assert back[0].x == 50
     assert back[99].x == 149
+
+
+# ---------------------------------------------------------------------------
+# HTTP-level / Python client tests (require the test services)
+# ---------------------------------------------------------------------------
+
+
+@pytest.fixture
+def fill_ctable_public(client):
+    """Drop a small .b2z table straight into the @public root's storage."""
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    fname = "test_table.b2z"
+    _make_table(dest_dir / fname, n=3)
+    return fname, client.get(TEST_CATERVA2_ROOT)
+
+
+def test_http_info(fill_ctable_public, client):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    info = client.get_info(path)
+    assert info["kind"] == "ctable"
+    assert info["nrows"] == 3
+    assert info["columns"] == ["x", "y"]
+
+
+def test_http_download_roundtrip(fill_ctable_public, tmp_path):
+    fname, root = fill_ctable_public
+    table = root[fname]
+    local_orig = pathlib.Path(TEST_STATE_DIR) / "server/public" / fname
+    downloaded = table.download(tmp_path / "downloaded.b2z")
+    assert pathlib.Path(downloaded).read_bytes() == local_orig.read_bytes()
+
+    reopened = blosc2.open(downloaded)
+    assert isinstance(reopened, blosc2.CTable)
+    assert len(reopened) == 3
+
+
+def test_fetch_whole_and_slice(fill_ctable_public, client):
+    """Regression test for T1: whole-table fetch must not return the raw zip."""
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+
+    whole = client.get_slice(path, as_blosc2=True)
+    assert isinstance(whole, blosc2.CTable)
+    assert len(whole) == 3
+    assert whole[0].x == 0
+    assert whole[2].x == 2
+
+    part = client.get_slice(path, slice(1, 3), as_blosc2=True)
+    assert isinstance(part, blosc2.CTable)
+    assert len(part) == 2
+    assert tuple(part[0]) == (1, "v1")
+    assert tuple(part[1]) == (2, "v2")
+
+
+def test_client_table_class(fill_ctable_public):
+    fname, root = fill_ctable_public
+    table = root[fname]
+
+    assert isinstance(table, cat2.Table)
+    assert isinstance(table, cat2.Dataset)
+    assert not isinstance(table, cat2.Array)
+
+    assert table.nrows == 3
+    assert table.ncols == 2
+    assert table.columns == ["x", "y"]
+
+    assert table.head(2) == [(0, "v0"), (1, "v1")]
+
+    whole = table[:]
+    assert isinstance(whole, blosc2.CTable)
+    assert len(whole) == 3
+
+    part = table.slice(slice(1, 3))
+    assert isinstance(part, blosc2.CTable)
+    assert len(part) == 2

From 6a4551877a4292390e259d701d25a6a327a630d3 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 13:16:53 +0200
Subject: [PATCH 03/23] Add web preview and CLI support for CTable (.b2z)
 datasets

htmx_path_info/htmx_path_view: render a paged row/column preview for
CTable using schema_dict(), with Filter/Sort-by hidden (filterable
flag) since they don't apply to tables; also fixes a pre-existing
crash in the Meta tab template for CTableMetadata (no cparams).

cli.py: `info` prints table-shaped fields instead of crashing on
cparams.get(None); `show` parses the optional row-slice syntax
(table.b2z[start:stop]) and prints rows via the Table client class
instead of calling the array-oriented fetch().

Adds regression tests for both surfaces, plus tests for nested/
non-identifier CTable column names (e.g. "trip.sec" struct leaves),
now resolved natively by blosc2's CTableRow.__getitem__.
---
 caterva2/clients/cli.py                       |  39 ++++
 caterva2/services/server.py                   |  51 +++++-
 .../templates/includes/info_metadata.html     |   8 +
 caterva2/services/templates/info_view.html    |   4 +-
 caterva2/tests/test_ctable.py                 | 170 ++++++++++++++++++
 5 files changed, 268 insertions(+), 4 deletions(-)

diff --git a/caterva2/clients/cli.py b/caterva2/clients/cli.py
index 1242d9ff..e5ba8ed6 100644
--- a/caterva2/clients/cli.py
+++ b/caterva2/clients/cli.py
@@ -200,6 +200,21 @@ def _filter_names(fl):
                 names.append(f"f{f}")
         return names
 
+    if data.get("kind") == "ctable":
+        nbytes = data.get("nbytes")
+        cbytes = data.get("cbytes")
+        mtime = data.get("mtime")
+        print(f"nrows  : {data.get('nrows')}")
+        print(f"ncols  : {data.get('ncols')}")
+        print(f"chunks : {data.get('chunks')}")
+        print(f"blocks : {data.get('blocks')}")
+        print(f"columns: {data.get('columns')}")
+        print(f"nbytes : {_human_bytes(nbytes)}")
+        print(f"cbytes : {_human_bytes(cbytes)}")
+        print(f"ratio  : {nbytes / cbytes:.2f}x" if nbytes and cbytes else "ratio  : N/A")
+        print(f"mtime  : {mtime}") if mtime is not None else print("mtime  : None")
+        return
+
     # Extract fields
     schunk = data.get("schunk") or data
     cparams = schunk.get("cparams")
@@ -237,10 +252,34 @@ def _filter_names(fl):
         print("  filters: None")
 
 
+def _parse_row_slice(slice_, nrows):
+    if not slice_:
+        return 0, nrows
+    if ":" in slice_:
+        start_s, _, stop_s = slice_.partition(":")
+        start = int(start_s) if start_s.strip() else 0
+        stop = int(stop_s) if stop_s.strip() else nrows
+        return start, stop
+    start = int(slice_)
+    return start, start + 1
+
+
 @handle_errors
 def cmd_show(client, args, url):
     path, params = args.dataset
     slice_ = params.get("slice_", None)
+
+    if str(path).endswith(".b2z"):
+        table = client.get(path)
+        start, stop = _parse_row_slice(slice_, table.nrows)
+        rows = table.rows(start, stop)
+        if getattr(args, "json", False):
+            print(json.dumps(rows))
+        else:
+            for row in rows:
+                print(row)
+        return
+
     data = client.fetch(path, slice_=slice_)
 
     # JSON output requested -> convert numpy arrays to lists
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 704e186d..ec940641 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1781,10 +1781,11 @@ async def htmx_path_info(
                 }
             )
 
-    # Tabs: Display (b2nd)
-    if hasattr(meta, "shape"):
+    # Tabs: Display (b2nd, b2z)
+    is_ctable = getattr(meta, "kind", None) == "ctable"
+    if hasattr(meta, "shape") or is_ctable:
         context["data_url"] = make_url(request, "htmx_path_view", path=path)
-        context["shape"] = meta.shape
+        context["shape"] = meta.shape if hasattr(meta, "shape") else (meta.nrows,)
         tabs.append(
             {
                 "name": "data",
@@ -1902,6 +1903,49 @@ async def htmx_path_view(
             return htmx_error(request, "Cannot open array; missing operand?, unknown data source?")
         idx = None
 
+    if isinstance(arr, blosc2.CTable):
+        schema = arr.schema_dict()
+        cols = [c["name"] for c in schema.get("columns", [])]
+        fields = fields or cols[:5]
+        nrows = arr.nrows
+        size = sizes[0] if sizes else min(nrows, 10)
+        start = index[0] if index else 0
+        stop = min(start + size, nrows)
+        mod = nrows % size if size else 0
+        start_max = nrows - (mod or size) if size else 0
+        inputs = [
+            {
+                "start": start,
+                "start_max": max(start_max, 0),
+                "size": size,
+                "size_max": nrows,
+                "with_size": True,
+            }
+        ]
+        tags = list(range(start, stop))
+
+        def cell(value):
+            if isinstance(value, bytes):
+                return value.decode(errors="replace")
+            if isinstance(value, np.generic):
+                return value.item()
+            return value
+
+        rows = [fields] + [[cell(row[f]) for f in fields] for row in arr.slice(start, stop)]
+        context = {
+            "view_url": make_url(request, "htmx_path_view", path=path),
+            "inputs": inputs,
+            "rows": rows,
+            "cols": cols,
+            "fields": fields,
+            "filter": "",
+            "sortby": "",
+            "shape": (nrows,),
+            "tags": tags,
+            "filterable": False,
+        }
+        return templates.TemplateResponse(request, "info_view.html", context)
+
     # Local variables
     shape = arr.shape
     ndims = len(shape)
@@ -1990,6 +2034,7 @@ async def htmx_path_view(
         "sortby": sortby,
         "shape": shape,
         "tags": tags if len(tags) == 0 else tags[0],
+        "filterable": True,
     }
     return templates.TemplateResponse(request, "info_view.html", context)
 
diff --git a/caterva2/services/templates/includes/info_metadata.html b/caterva2/services/templates/includes/info_metadata.html
index 2e06ca59..855c45b2 100644
--- a/caterva2/services/templates/includes/info_metadata.html
+++ b/caterva2/services/templates/includes/info_metadata.html
@@ -35,6 +35,14 @@
         {% set _ = meta.schunk.__delattr__('cbytes') %}
         {% set _ = meta.schunk.__delattr__('cratio') %}
 
+    {% elif meta.kind == 'ctable' %}
+        {% set nbytes_value = '%d (cbytes: %d ; cratio: %.2f)' %
+            (meta.nbytes, meta.cbytes, meta.cratio) %}
+        {% set _ = meta.__setattr__('nbytes', nbytes_value) %}
+        {% set _ = meta.__delattr__('cbytes') %}
+        {% set _ = meta.__delattr__('cratio') %}
+        {% set _ = meta.__delattr__('schema_dict') %}
+
     {% else %}
         {% if meta.nbytes %}
             {% set nbytes_value = '%d (cbytes: %d ; cratio: %.2f)' %
diff --git a/caterva2/services/templates/info_view.html b/caterva2/services/templates/info_view.html
index a584cc09..c6fd26a3 100644
--- a/caterva2/services/templates/info_view.html
+++ b/caterva2/services/templates/info_view.html
@@ -46,6 +46,7 @@
                 {% endfor %}
             </div>
         </div>
+        {% if filterable %}
         <div class="input-group w-auto">
             <label class="input-group-text" for="id_sortby">Sort by</label>
             <select class="form-select" name="sortby" id="id_sortby" hx-post="{{ view_url }}">
@@ -56,12 +57,13 @@
             </select>
         </div>
         {% endif %}
+        {% endif %}
         {% with id="id_data_indicator" %}
             {% include 'includes/loading.html' %}
         {% endwith %}
     </div>
 
-    {% if cols %}
+    {% if cols and filterable %}
     <div class="input-group me-2">
         <input type="text" class="form-control" placeholder="Filter" name="filter" value="{{ filter }}"
                hx-post="{{ view_url }}">
diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
index 7f5f12a9..c84e3a07 100644
--- a/caterva2/tests/test_ctable.py
+++ b/caterva2/tests/test_ctable.py
@@ -1,15 +1,21 @@
 """Tests for CTable .b2z metadata and fetch deserialization in Caterva2."""
 # ruff: noqa: RUF009  # blosc2.field() is the standard CTable dataclass default API
 
+import io
+import json
 import pathlib
+import sys
 import tempfile
+from contextlib import redirect_stdout
 from dataclasses import dataclass
 
 import blosc2
 import blosc2.ctable as ct
+import httpx
 import pytest
 
 import caterva2 as cat2
+from caterva2.clients import cli
 from caterva2.services import srv_utils
 
 from .services import TEST_CATERVA2_ROOT, TEST_STATE_DIR
@@ -302,3 +308,167 @@ def test_client_table_class(fill_ctable_public):
     part = table.slice(slice(1, 3))
     assert isinstance(part, blosc2.CTable)
     assert len(part) == 2
+
+
+# ---------------------------------------------------------------------------
+# CLI: info / show for .b2z
+# ---------------------------------------------------------------------------
+
+
+def _run_cli(argv):
+    buf = io.StringIO()
+    old_argv = sys.argv
+    sys.argv = ["cat2-client", *argv]
+    try:
+        with redirect_stdout(buf):
+            cli.main()
+    finally:
+        sys.argv = old_argv
+    return buf.getvalue()
+
+
+def test_cli_info_json(fill_ctable_public, services):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    out = _run_cli(["--url", services.get_urlbase(), "info", path, "--json"])
+    data = json.loads(out.strip().splitlines()[-1])
+    assert data["kind"] == "ctable"
+    assert data["nrows"] == 3
+
+
+def test_cli_info_text(fill_ctable_public, services):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    out = _run_cli(["--url", services.get_urlbase(), "info", path])
+    assert "nrows  : 3" in out
+    assert "columns: ['x', 'y']" in out
+
+
+def test_cli_show(fill_ctable_public, services):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    out = _run_cli(["--url", services.get_urlbase(), "show", path])
+    assert "(0, 'v0')" in out
+    assert "(2, 'v2')" in out
+
+
+def test_cli_show_slice(fill_ctable_public, services):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    out = _run_cli(["--url", services.get_urlbase(), "show", f"{path}[1:3]"])
+    lines = [line for line in out.strip().splitlines() if line.startswith("(")]
+    assert lines == ["(1, 'v1')", "(2, 'v2')"]
+
+
+# ---------------------------------------------------------------------------
+# Web preview: htmx_path_view/htmx_path_info render .b2z without error
+# ---------------------------------------------------------------------------
+
+
+def test_htmx_path_info_renders(fill_ctable_public, client):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    resp = httpx.get(f"{client.urlbase}/htmx/path-info/{path}")
+    resp.raise_for_status()
+    assert "Display" in resp.text
+    assert "Meta" in resp.text
+    assert "nrows" in resp.text
+
+
+def test_htmx_path_view_no_filter_sort(fill_ctable_public, client):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}")
+    resp.raise_for_status()
+    text = resp.text
+    # Fields selector present, Filter/Sort-by absent (filterable=False for CTable)
+    assert "Fields" in text
+    assert "Sort by" not in text
+    assert 'placeholder="Filter"' not in text
+    assert "v0" in text
+    assert "v2" in text
+
+
+# ---------------------------------------------------------------------------
+# Regression: columns whose name is not a valid Python identifier (namedtuple
+# renames them under the hood, e.g. via CTable.from_arrow with a dotted name)
+# ---------------------------------------------------------------------------
+
+
+def test_ctable_row_non_identifier_column_access():
+    """row[name] must be used instead of row._asdict()[name]: namedtuple(rename=True)
+    replaces non-identifier field names (e.g. "trip.sec") with "_N" internally."""
+    row_cls = ct._make_namedtuple_row_type(("id", "trip.sec", "name"))
+    row = row_cls(1, 100, "a")
+    assert row["trip.sec"] == 100
+    assert "trip.sec" not in row._asdict()
+    with pytest.raises(KeyError):
+        row._asdict()["trip.sec"]
+
+
+@pytest.fixture
+def fill_dotted_ctable_public(client):
+    pa = pytest.importorskip("pyarrow")
+
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "dotted_src.b2z"
+    schema = pa.schema([("id", pa.int32()), ("trip.sec", pa.int32())])
+    batch = pa.record_batch([pa.array([1, 2]), pa.array([100, 200])], schema=schema)
+    t = blosc2.CTable.from_arrow(schema, [batch], urlpath=str(table_path), mode="w")
+    t.close()
+
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    fname = "dotted.b2z"
+    (dest_dir / fname).write_bytes(table_path.read_bytes())
+    return fname, client.get(TEST_CATERVA2_ROOT)
+
+
+def test_htmx_path_view_dotted_column(fill_dotted_ctable_public, client):
+    fname, root = fill_dotted_ctable_public
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}")
+    resp.raise_for_status()
+    assert "trip.sec" in resp.text
+    assert "100" in resp.text
+
+
+@pytest.fixture
+def fill_nested_ctable_public(client):
+    """A struct column ('trip') whose leaves schema_dict() reports as dotted
+    paths ("trip.sec") that don't exist as top-level row fields at all: the
+    row only exposes 'trip' itself (a nested dict)."""
+    pa = pytest.importorskip("pyarrow")
+
+    tmp = pathlib.Path(tempfile.mkdtemp())
+    table_path = tmp / "nested_src.b2z"
+    trip_type = pa.struct([("sec", pa.float32()), ("km", pa.float32())])
+    schema = pa.schema([("id", pa.int32()), ("trip", trip_type)])
+    batch = pa.record_batch(
+        [
+            pa.array([1, 2]),
+            pa.array([{"sec": 10.0, "km": 1.0}, {"sec": 20.0, "km": 2.0}], type=trip_type),
+        ],
+        schema=schema,
+    )
+    t = blosc2.CTable.from_arrow(schema, [batch], urlpath=str(table_path), mode="w")
+    t.close()
+
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    fname = "nested.b2z"
+    (dest_dir / fname).write_bytes(table_path.read_bytes())
+    return fname, client.get(TEST_CATERVA2_ROOT)
+
+
+def test_htmx_path_view_nested_struct_column(fill_nested_ctable_public, client):
+    """Regression: schema_dict() flattens struct leaves as "trip.sec", but the
+    row itself only has a top-level "trip" dict field; row["trip.sec"] raises
+    KeyError and must fall back to walking row["trip"]["sec"]."""
+    fname, root = fill_nested_ctable_public
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}")
+    resp.raise_for_status()
+    assert "trip.sec" in resp.text
+    assert "10.0" in resp.text
+    assert "20.0" in resp.text

From 93d9e81b62dbff9765a16ff2da75458cfaecfe21 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 13:33:09 +0200
Subject: [PATCH 04/23] Harden CTable (.b2z) row slicing, previews, and CLI
 edge cases

Follow-up fixes from review of the CTable support work:

- client: bound Table.rows() default to [0:50) instead of the whole
  table, so table.rows() no longer silently fetches every row of a
  large table (pass stop=self.nrows for all rows).
- server: fix /api/fetch CTable slice resolution to use `is None`
  instead of truthiness, so table[0:0] returns an empty result rather
  than the whole table; also normalize negative indices and clamp
  start/stop to [0, nrows].
- cli: coerce numpy scalars, bytes, and arrays in `show --json` via a
  json default, matching the web preview's cell handling.
- server: return a clean htmx error (not an uncaught AssertionError)
  when a filter/sort is requested on a dataset type that does not
  support it (e.g. a .b2z).
- server: drop a stray comment token in the CTable fetch branch.
---
 caterva2/client.py          |  9 ++++++---
 caterva2/clients/cli.py     | 13 ++++++++++++-
 caterva2/services/server.py | 30 +++++++++++++++++-------------
 3 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/caterva2/client.py b/caterva2/client.py
index 9db95c46..6d12718c 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -771,9 +771,12 @@ def __getitem__(self, key):
         """Shortcut: slice as a blosc2.CTable."""
         return self.slice(key)
 
-    def rows(self, start=0, stop=None):
-        """Get rows [start, stop) as a list of tuples."""
-        stop = self.nrows if stop is None else stop
+    def rows(self, start=0, stop=50):
+        """Get rows [start, stop) as a list of tuples.
+
+        The default window is bounded (first 50 rows) to avoid accidentally
+        fetching a whole large table; pass ``stop=self.nrows`` for everything.
+        """
         table = self.slice(slice(start, stop))
         return [tuple(row) for row in table]
 
diff --git a/caterva2/clients/cli.py b/caterva2/clients/cli.py
index e5ba8ed6..8fa5f852 100644
--- a/caterva2/clients/cli.py
+++ b/caterva2/clients/cli.py
@@ -252,6 +252,17 @@ def _filter_names(fl):
         print("  filters: None")
 
 
+def _json_default(o):
+    """Make CTable cell values JSON-serializable (numpy scalars, bytes, arrays)."""
+    if isinstance(o, bytes):
+        return o.decode(errors="replace")
+    if isinstance(o, np.generic):
+        return o.item()
+    if isinstance(o, np.ndarray):
+        return o.tolist()
+    return str(o)
+
+
 def _parse_row_slice(slice_, nrows):
     if not slice_:
         return 0, nrows
@@ -274,7 +285,7 @@ def cmd_show(client, args, url):
         start, stop = _parse_row_slice(slice_, table.nrows)
         rows = table.rows(start, stop)
         if getattr(args, "json", False):
-            print(json.dumps(rows))
+            print(json.dumps(rows, default=_json_default))
         else:
             for row in rows:
                 print(row)
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index ec940641..93a41164 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -582,21 +582,23 @@ async def fetch_data(
         return FileResponse(abspath, filename=abspath.name, media_type="application/octet-stream")
 
     if isinstance(array, blosc2.CTable):
-        # ponytail: slice_ is a single slice/int/tuple; extract row start/stop
-        if isinstance(slice_, slice):
-            row_start, row_stop = slice_.start or 0, slice_.stop or array.nrows
-        elif isinstance(slice_, int):
-            row_start, row_stop = slice_, slice_ + 1
-        elif isinstance(slice_, tuple) and len(slice_) > 0:
-            sl0 = slice_[0]
-            if isinstance(sl0, slice):
-                row_start, row_stop = sl0.start or 0, sl0.stop or array.nrows
-            elif isinstance(sl0, int):
-                row_start, row_stop = sl0, sl0 + 1
-            else:
-                row_start, row_stop = 0, array.nrows
+        # slice_ is a single slice/int/tuple; extract row start/stop.
+        # Use `is None` (not truthiness) so that stop == 0 stays 0.
+        sl0 = slice_[0] if isinstance(slice_, tuple) and len(slice_) > 0 else slice_
+        if isinstance(sl0, slice):
+            row_start = 0 if sl0.start is None else sl0.start
+            row_stop = array.nrows if sl0.stop is None else sl0.stop
+        elif isinstance(sl0, int):
+            row_start, row_stop = sl0, sl0 + 1
         else:
             row_start, row_stop = 0, array.nrows
+        # Normalize negatives and clamp to [0, nrows].
+        if row_start < 0:
+            row_start += array.nrows
+        if row_stop < 0:
+            row_stop += array.nrows
+        row_start = max(0, min(row_start, array.nrows))
+        row_stop = max(row_start, min(row_stop, array.nrows))
         view = array.slice(row_start, row_stop)
         data = view.to_cframe()
     elif isinstance(array, hdf5.HDF5Proxy):
@@ -1881,6 +1883,8 @@ async def htmx_path_view(
         try:
             mtime = abspath.stat().st_mtime
             arr, idx = get_filtered_array(abspath, path, filter, sortby, mtime)
+        except AssertionError:
+            return htmx_error(request, "Filtering/sorting is not supported for this dataset type.")
         except TypeError as exc:
             return htmx_error(request, f"Error in filter: {exc}")
         except NameError as exc:

From ebd52a82b92af94c9e409137b4f175d6b31ec4fb Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 13:37:28 +0200
Subject: [PATCH 05/23] Much cleaner error message for cat2-client on invalid
 commands

---
 caterva2/clients/cli.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/caterva2/clients/cli.py b/caterva2/clients/cli.py
index 8fa5f852..7833b08d 100644
--- a/caterva2/clients/cli.py
+++ b/caterva2/clients/cli.py
@@ -496,7 +496,7 @@ def main():
 
     # Make --json a global flag so it applies to all commands that support JSON output
     parser.add_argument("--json", action="store_true", help="Output JSON when supported by the command")
-    subparsers = parser.add_subparsers(required=True)
+    subparsers = parser.add_subparsers(required=True, metavar="command", dest="command")
 
     # roots
     help = "List all the available roots."

From 86e850a03a04db433075459535124e770098a053 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 13:45:38 +0200
Subject: [PATCH 06/23] Much cleaner error message for cat2-client on invalid
 commands

---
 plans/ctable-support-orig-gpt5.5.md |  808 +++++++++++++++++
 plans/ctable-support-tasks.md       |  161 ++++
 plans/ctable-support.md             | 1304 +++++++++++++++++++++++++++
 3 files changed, 2273 insertions(+)
 create mode 100644 plans/ctable-support-orig-gpt5.5.md
 create mode 100644 plans/ctable-support-tasks.md
 create mode 100644 plans/ctable-support.md

diff --git a/plans/ctable-support-orig-gpt5.5.md b/plans/ctable-support-orig-gpt5.5.md
new file mode 100644
index 00000000..7bc904a7
--- /dev/null
+++ b/plans/ctable-support-orig-gpt5.5.md
@@ -0,0 +1,808 @@
+# Caterva2 CTable support plan
+
+## Goal
+
+Add first-class support for Blosc2 heterogeneous tables (`blosc2.CTable`), mainly compact single-file `.b2z` files, alongside the existing `NDArray`/`.b2nd` support.
+
+The first version should make tables discoverable, downloadable, inspectable, and previewable through the REST API, Python client, CLI, and web UI.
+
+## Non-goals for the first pass
+
+Keep the first implementation boring and small. Do **not** build a dataframe service yet.
+
+Skip initially:
+
+- `.b2d` directory-backed tables
+- table append/edit/delete over Caterva2
+- joins/groupby/describe/cov server APIs
+- Arrow/Parquet/CSV transport APIs
+- lazy expressions involving `CTable`
+- treating `CTable` as a `blosc2.Operand`
+- full query language/UI
+- server-side pagination cache beyond simple `start`/`stop`
+
+Add these only after a real use case needs them.
+
+## Current assumptions in Caterva2
+
+Caterva2 currently mostly assumes Blosc2 datasets are homogeneous arrays:
+
+- `.b2nd`: `blosc2.NDArray`
+- `.b2frame`: `blosc2.NDArray` or `SChunk`-style frame
+- `.b2`: compressed regular file / `SChunk`
+
+Important places with array assumptions:
+
+- `caterva2/services/srv_utils.py`
+  - `read_metadata()` only accepts `.b2frame`, `.b2nd`, `.b2`
+  - metadata model assumes `shape`, `chunks`, `blocks`, `dtype`, `schunk`
+
+- `caterva2/services/server.py`
+  - suffix checks in `get_abspath()`, `/api/fetch`, upload, htmx upload/download paths
+  - `open_b2()` assumes objects have either `schunk` or `vlmeta`, then later sets `cparams/dparams`
+  - `/api/fetch` returns Blosc2 binary frames and decodes naturally as arrays/schunks
+  - web preview path assumes `arr.shape`
+
+- `caterva2/models.py`
+  - no table metadata model
+
+- `caterva2/client.py`
+  - `Root.__getitem__()` returns `Dataset` only for `.b2nd`/`.b2frame`
+  - `Dataset` assumes `shape`, `dtype`, `chunks`, `blocks`
+  - `Client._fetch_data()` assumes binary cframe response
+
+- `caterva2/clients/cli.py`
+  - `show` currently calls `client.fetch()`
+  - `info` formatting assumes array/schunk metadata
+
+## Design principles
+
+1. **CTable is a sibling data kind, not an NDArray variant.**
+   - Use `nrows`, `ncols`, `columns`, `schema`.
+   - Do not invent fake `shape`/`dtype` for API metadata.
+
+2. **Do not overload `/api/fetch` with JSON.**
+   - `/api/fetch` currently means Blosc2 binary frame data.
+   - Keep it for arrays/schunks.
+   - Add a separate table rows endpoint for JSON previews.
+
+3. **Start with compact `.b2z`.**
+   - It is a single file and fits Caterva2's current file model.
+   - `.b2d` can come later when directory-backed datasets are needed.
+
+4. **Centralize suffix logic.**
+   - Avoid adding `.b2z` manually in many places without a shared constant.
+
+5. **Small preview first.**
+   - JSON rows for `start`/`stop` and optional columns are enough for UI, CLI, and Python client.
+   - Large exports can use `/api/download` first.
+
+## Proposed suffix constants
+
+Add shared constants, preferably in `caterva2/services/srv_utils.py` or a small shared module if client/server both need them.
+
+Server-side minimum:
+
+```python
+BLOSC2_ARRAY_SUFFIXES = {".b2nd", ".b2frame"}
+BLOSC2_TABLE_SUFFIXES = {".b2z"}
+BLOSC2_FRAME_SUFFIXES = {".b2"}
+BLOSC2_NATIVE_SUFFIXES = (
+    BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | BLOSC2_FRAME_SUFFIXES
+)
+HDF5_SUFFIXES = {".h5", ".hdf5"}
+```
+
+Use these in:
+
+- `read_metadata()` suffix assertions
+- `get_abspath()` native-file detection
+- upload/load-from-url native-file detection
+- htmx upload compression decisions
+- download handling
+- path-list handling for compressed regular files
+
+Client-side can use a tiny local constant:
+
+```python
+DATASET_SUFFIXES = (".b2nd", ".b2frame")
+TABLE_SUFFIXES = (".b2z",)
+```
+
+No need to over-share constants across package boundaries unless already easy.
+
+## Metadata model
+
+Add a new Pydantic model in `caterva2/models.py`:
+
+```python
+class CTableMetadata(pydantic.BaseModel):
+    kind: str = "ctable"
+    nrows: int
+    ncols: int
+    chunks: tuple
+    blocks: tuple
+    schema: dict
+    columns: list[str]
+    nbytes: int
+    cbytes: int
+    cratio: float
+    vlmeta: dict = {}
+    mtime: datetime.datetime | None
+```
+
+Notes:
+
+- `schema` should come from `table.schema_dict()`.
+- `columns` should be derived from the schema for convenience.
+- `vlmeta` should use `table.vlmeta`.
+- `kind` lets clients distinguish tables without relying on missing `shape`.
+
+Possible future fields:
+
+- `indexes`
+- `computed_columns`
+- per-column compression stats
+- per-column logical/physical dtype info
+
+Skip them initially unless they are already trivial and stable in Blosc2.
+
+## `read_metadata()` changes
+
+In `caterva2/services/srv_utils.py`:
+
+1. Allow `.b2z` in the suffix check.
+2. After `obj = blosc2.open(path)`, detect `blosc2.CTable`.
+3. Return `models.CTableMetadata`.
+
+Sketch:
+
+```python
+if path.suffix not in BLOSC2_NATIVE_SUFFIXES:
+    ...
+
+obj = blosc2.open(path)
+...
+if isinstance(obj, blosc2.CTable):
+    schema = obj.schema_dict()
+    return models.CTableMetadata(
+        nrows=obj.nrows,
+        ncols=obj.ncols,
+        chunks=obj.chunks,
+        blocks=obj.blocks,
+        schema=schema,
+        columns=[col["name"] for col in schema.get("columns", [])],
+        nbytes=obj.nbytes,
+        cbytes=obj.cbytes,
+        cratio=obj.cratio,
+        vlmeta=obj.vlmeta,
+        mtime=mtime,
+    )
+```
+
+Keep the existing `NDArray`, `SChunk`, `LazyArray` branches unchanged.
+
+## `open_b2()` changes
+
+In `caterva2/services/server.py`, `open_b2()` currently opens any Blosc2 object and then eventually tunes `container.cparams.nthreads` and `container.dparams.nthreads`.
+
+`CTable` does not expose table-level `cparams/dparams` like `NDArray`.
+
+Add an early branch after `blosc2.open()` and special-file detection setup:
+
+```python
+container = blosc2.open(abspath)
+
+if isinstance(container, blosc2.CTable):
+    return container
+```
+
+This should happen before trying to set `container.cparams` or `container.dparams`.
+
+If `vlmeta` access is needed before this branch, keep it safe:
+
+```python
+vlmeta = (
+    container.schunk.vlmeta
+    if hasattr(container, "schunk")
+    else getattr(container, "vlmeta", {})
+)
+```
+
+## Path resolution and upload/download
+
+### `get_abspath()`
+
+Currently regular files are auto-compressed to `.b2` unless the suffix is native.
+
+Change native suffix check from:
+
+```
+if filepath.suffix not in {".b2frame", ".b2nd", ".h5"}:
+```
+
+to include `.b2z` and `.hdf5` via constants:
+
+```
+if filepath.suffix not in BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | HDF5_SUFFIXES:
+```
+
+This prevents uploaded/existing `.b2z` files from being wrapped into `.b2`.
+
+### Upload APIs
+
+Include `.b2z` wherever native Blosc2 files should be stored as-is:
+
+- `/api/upload/{path:path}`
+- `/api/load_from_url/{path:path}`
+- `/htmx/upload/{name}`
+
+Existing logic:
+
+```python
+if abspath.suffix not in {".b2", ".b2frame", ".b2nd"}:
+    schunk = blosc2.SChunk(data=data)
+```
+
+Should become:
+
+```python
+if abspath.suffix not in BLOSC2_NATIVE_SUFFIXES:
+    schunk = blosc2.SChunk(data=data)
+```
+
+And final write-as-cframe checks should include `.b2z`, `.h5`, `.hdf5` as native.
+
+### Download API
+
+`/api/download/{path:path}` should work for `.b2z` without special conversion.
+
+`get_file_content()` should return stored bytes for `.b2z`. Do not try `to_cframe()`.
+
+If current code opens `.b2nd`/`.b2frame` specially for HDF5Proxy, leave `.b2z` on the normal file path.
+
+## Table rows REST API
+
+Add a new endpoint:
+
+```text
+GET /api/table/{path:path}?start=0&stop=50&columns=a,b
+```
+
+Response:
+
+```json
+{
+  "kind": "ctable",
+  "start": 0,
+  "stop": 50,
+  "nrows": 1000000,
+  "columns": ["a", "b"],
+  "rows": [
+    {"a": 1, "b": "foo"},
+    {"a": 2, "b": "bar"}
+  ]
+}
+```
+
+Parameters:
+
+- `start: int = 0`
+- `stop: int = 50`
+- `columns: str | None = None` comma-separated
+
+Validation:
+
+- reject non-CTable with 400
+- clamp `start >= 0`
+- clamp `stop <= table.nrows`
+- enforce `stop >= start`
+- optionally cap page size, e.g. `max_rows = 1000`
+
+Sketch:
+
+```python
+@app.get("/api/table/{path:path}")
+async def get_table_rows(
+    path: pathlib.Path,
+    start: int = 0,
+    stop: int = 50,
+    columns: str | None = None,
+    user: db.User = Depends(optional_user),
+):
+    table = open_b2(get_abspath(path, user), path)
+    if not isinstance(table, blosc2.CTable):
+        srv_utils.raise_bad_request("Not a CTable")
+
+    max_rows = 1000
+    start = max(start, 0)
+    stop = min(max(stop, start), table.nrows, start + max_rows)
+
+    schema = table.schema_dict()
+    all_columns = [col["name"] for col in schema.get("columns", [])]
+    selected = [c for c in columns.split(",") if c] if columns else all_columns
+    unknown = sorted(set(selected) - set(all_columns))
+    if unknown:
+        srv_utils.raise_bad_request(f"Unknown columns: {unknown}")
+
+    view = table[selected] if selected != all_columns else table
+    rows = [_jsonable_row(row) for row in view.slice(start, stop)]
+
+    return {
+        "kind": "ctable",
+        "start": start,
+        "stop": stop,
+        "nrows": table.nrows,
+        "columns": selected,
+        "rows": rows,
+    }
+```
+
+Add small helpers:
+
+```python
+def _jsonable(value):
+    if isinstance(value, np.generic):
+        return value.item()
+    if isinstance(value, np.ndarray):
+        return value.tolist()
+    if isinstance(value, bytes):
+        return value.decode(errors="replace")
+    return value
+
+
+def _jsonable_row(row):
+    if hasattr(row, "_asdict"):
+        row = row._asdict()
+    return {k: _jsonable(v) for k, v in dict(row).items()}
+```
+
+If `dict(row)` is not reliable for CTable row objects, use `_asdict()` first.
+
+## `/api/fetch` behavior
+
+Do not support `.b2z` in `/api/fetch` initially.
+
+Change the error message to be accurate:
+
+```python
+if abspath.suffix not in BLOSC2_ARRAY_SUFFIXES:
+    srv_utils.raise_bad_request(
+        "The fetch API only supports array datasets (.b2nd and .b2frame); "
+        "use /api/table for CTable row previews or /api/download for files"
+    )
+```
+
+Reason:
+
+- `/api/fetch` returns binary Blosc2 frames.
+- CTable does not currently fit the `ndarray_from_cframe`/`schunk_from_cframe` client path.
+- JSON rows belong in a separate endpoint.
+
+## Python client API
+
+Add `Table` class in `caterva2/client.py`:
+
+```python
+class Table(File):
+    def __repr__(self):
+        return f"<Table: {self.path}>"
+
+    @property
+    def nrows(self):
+        return self.meta["nrows"]
+
+    @property
+    def ncols(self):
+        return self.meta["ncols"]
+
+    @property
+    def columns(self):
+        return self.meta["columns"]
+
+    @property
+    def schema(self):
+        return self.meta["schema"]
+
+    def rows(self, start=0, stop=50, columns=None):
+        return self.client.get_table_rows(
+            self.path, start=start, stop=stop, columns=columns
+        )
+
+    def head(self, n=10, columns=None):
+        return self.rows(0, n, columns=columns)
+```
+
+Change `Root.__getitem__()`:
+
+```python
+if path.endswith((".b2nd", ".b2frame")):
+    return Dataset(self, path)
+if path.endswith(".b2z"):
+    return Table(self, path)
+return File(self, path)
+```
+
+Change `Client.get()` type check:
+
+```python
+if isinstance(path, (File, Dataset, Table, Root)):
+    return path
+```
+
+Add `Client.get_table_rows()`:
+
+```python
+def get_table_rows(self, path, start=0, stop=50, columns=None):
+    if isinstance(path, Table):
+        path = path.path
+    _, path = _format_paths(self.urlbase, path)
+    params = {"start": start, "stop": stop}
+    if columns:
+        params["columns"] = (
+            ",".join(columns) if not isinstance(columns, str) else columns
+        )
+    return self._get(
+        f"{self.urlbase}/api/table/{path}",
+        params=params,
+        auth_cookie=self.cookie,
+        timeout=self.timeout,
+    )
+```
+
+Return the full response dict first. If callers want rows only:
+
+```python
+table.head()["rows"]
+```
+
+A later ergonomic wrapper can return just rows, but the full response is more useful and avoids adding options.
+
+## CLI changes
+
+### `info`
+
+If metadata contains `kind == "ctable"`, print table-specific fields:
+
+```text
+kind   : ctable
+nrows  : 1000000
+ncols  : 12
+chunks : (1048576,)
+blocks : (32768,)
+nbytes : 123 MB
+cbytes : 12 MB
+ratio  : 10.2x
+columns: a, b, c, ...
+mtime  : ...
+```
+
+For `--json`, no special work: dump metadata as returned.
+
+### `show`
+
+For `.b2z`, do not call `client.fetch()`.
+
+Minimal behavior:
+
+```sh
+cat2-client show path/table.b2z
+```
+
+prints first 50 rows.
+
+Optional first-pass slice support:
+
+```sh
+cat2-client show path/table.b2z[0:20]
+```
+
+maps to `start=0`, `stop=20`.
+
+Optional columns could come later via `--columns a,b`. Skip unless asked.
+
+Implementation:
+
+- detect `.b2z` path
+- parse single row slice only
+- call `client.get_table_rows()`
+- print rows as a simple table or JSON
+
+Lazy first text output can use standard formatting:
+
+```python
+rows = data["rows"]
+print(json.dumps(rows, indent=2))
+```
+
+Pretty tables can come later.
+
+## Web UI changes
+
+### `htmx_path_info()`
+
+Currently array display tab is added when `hasattr(meta, "shape")`.
+
+Add table display tab when `kind == "ctable"` or `hasattr(meta, "nrows")`:
+
+```python
+if getattr(meta, "kind", None) == "ctable":
+    context["data_url"] = make_url(request, "htmx_path_view", path=path)
+    context["shape"] = (meta.nrows,)
+    tabs.append(
+        {
+            "name": "data",
+            "label": "Display",
+            "include": "includes/info_data.html",
+        }
+    )
+```
+
+### `htmx_path_view()`
+
+Add an early CTable branch after `arr = open_b2(...)`:
+
+```
+if isinstance(arr, blosc2.CTable):
+    schema = arr.schema_dict()
+    cols = [col["name"] for col in schema.get("columns", [])]
+    fields = fields or cols[:5]
+    index = (0,) if index is None else tuple(index)
+    sizes = sizes or [10]
+    start = index[0]
+    stop = min(start + sizes[0], arr.nrows)
+    view = arr[fields] if fields else arr
+    rows = [fields] + [[row._asdict()[f] for f in fields] for row in view.slice(start, stop)]
+    ... render info_view.html ...
+```
+
+Reusing `info_view.html` keeps the diff small.
+
+Set context keys similarly to array preview:
+
+```python
+context = {
+    "view_url": make_url(request, "htmx_path_view", path=path),
+    "inputs": [
+        {
+            "start": start,
+            "start_max": max(arr.nrows - size, 0),
+            "size": size,
+            "size_max": arr.nrows,
+            "with_size": True,
+        }
+    ],
+    "rows": rows,
+    "cols": cols,
+    "fields": fields,
+    "filter": "",
+    "sortby": "",
+    "shape": (arr.nrows,),
+    "tags": list(range(start, stop)),
+}
+```
+
+Filtering/sorting can come later. CTable has `where()`, `sort_by()`, `sorted_slice()`, but adding it now risks coupling Caterva2 to a new query surface.
+
+## Tests
+
+Add one small CTable fixture.
+
+Example creation helper:
+
+```python
+from dataclasses import dataclass
+import blosc2
+
+
+@dataclass
+class Row:
+    id: int = blosc2.field(blosc2.int32())
+    name: str = blosc2.field(blosc2.string(max_length=20))
+
+
+def make_ctable(path):
+    table = blosc2.CTable(Row, urlpath=str(path), mode="w", compact=True)
+    table.append((1, "alice"))
+    table.append((2, "bob"))
+    table.append((3, "carol"))
+    table.close()
+```
+
+Tests:
+
+1. `read_metadata()` on `.b2z`
+   - `kind == "ctable"`
+   - `nrows == 3`
+   - `columns == ["id", "name"]`
+
+2. `/api/info/...table.b2z`
+   - same assertions through HTTP
+
+3. `/api/download/...table.b2z`
+   - write response to temp file
+   - `blosc2.open(downloaded_path)` returns `blosc2.CTable`
+   - `len(table) == 3`
+
+4. `/api/table/...table.b2z?start=1&stop=3`
+   - response rows are bob/carol
+   - columns are present
+
+5. Python client
+   - `root["table.b2z"]` is `Table`
+   - `table.nrows == 3`
+   - `table.head(2)["rows"]` has two rows
+
+6. CLI smoke test
+   - `cat2-client info table.b2z --json` contains `kind: ctable`
+   - `cat2-client show table.b2z --json` returns first rows
+
+Keep tests small. No fixtures for huge data, no performance suite.
+
+## Edge cases
+
+### NumPy scalar JSON encoding
+
+CTable rows can contain NumPy scalar types. Convert with `.item()`.
+
+### NumPy array cells
+
+CTable can have nested/NDArray-like cells. For JSON preview, convert arrays to lists.
+
+### Bytes cells
+
+Decode as UTF-8 with replacement for preview. For exact bytes transport, use download/export later.
+
+### Large pages
+
+Cap JSON rows, e.g. 1000 rows per request. This prevents accidental huge responses from the web UI or CLI.
+
+### Unknown columns
+
+Reject unknown requested columns with 400. Do not silently ignore.
+
+### `.b2d`
+
+Directory-backed CTable should be rejected/not recognized initially. If uploaded as archive, it is just a regular file/archive. Native directory-backed support needs separate path-list and download semantics.
+
+## Future extensions
+
+Only add these once MVP is working and there is demand:
+
+### Table filtering
+
+Use CTable native APIs:
+
+```python
+table.where("col > 10", columns=["a", "b"])
+```
+
+Possible endpoint:
+
+```text
+GET /api/table/{path}?where=col%20%3E%2010&columns=a,b&start=0&stop=50
+```
+
+Need careful expression validation/error handling.
+
+### Sorting
+
+Use:
+
+```python
+table.sorted_slice(...)
+table.sort_by(...)
+```
+
+Possible endpoint params:
+
+```text
+sort=col
+ascending=true
+```
+
+### Arrow transport
+
+For larger table reads, add:
+
+```text
+GET /api/table/{path}?format=arrow
+```
+
+Backed by `table.to_arrow()` or `iter_arrow_batches()`.
+
+Only if PyArrow is already an accepted dependency/extra. Do not add as core dependency just for first support.
+
+### CSV export
+
+Possible:
+
+```text
+GET /api/table/{path}?format=csv
+```
+
+Backed by `table.to_csv()`.
+
+### Parquet export
+
+Possible:
+
+```text
+GET /api/table/{path}?format=parquet
+```
+
+Backed by `table.to_parquet()`.
+
+Needs temp files and likely PyArrow. Not MVP.
+
+### `.b2d` support
+
+Directory-backed tables need decisions:
+
+- how to list them as one logical dataset
+- how to upload/download them
+- whether to tar/zip for download
+- how to protect internal files from direct mutation
+
+Do later.
+
+## Suggested implementation order
+
+1. Add suffix constants and `.b2z` native handling.
+2. Add `CTableMetadata` and `read_metadata()` support.
+3. Make `open_b2()` return `CTable` safely.
+4. Ensure `/api/download` preserves `.b2z` bytes.
+5. Add `/api/table/{path:path}` JSON row window endpoint.
+6. Add Python client `Table` and `Client.get_table_rows()`.
+7. Add web preview branch reusing existing templates.
+8. Add CLI `info`/`show` support.
+9. Add the small CTable tests.
+
+## Open questions
+
+- Should Python `Table.rows()` return the full response dict or just `rows`?
+  - Proposed first pass: full dict.
+
+- Should web table preview support filters immediately?
+  - Proposed first pass: no.
+
+- Should `.b2z` be included in `/api/fetch` as a full table binary download?
+  - Proposed first pass: no; use `/api/download`.
+
+- Should Caterva2 expose Arrow if Blosc2 can export Arrow?
+  - Proposed first pass: no; avoid dependency/API expansion.
+
+- Should table metadata include per-column compression stats?
+  - Proposed first pass: no, unless Blosc2 exposes a stable cheap dict.
+
+## Definition of done for MVP
+
+A user can:
+
+```python
+import caterva2 as cat2
+
+client = cat2.Client("https://server")
+root = client.get("@public")
+table = root["example.b2z"]
+
+print(table.nrows)
+print(table.columns)
+print(table.head(5))
+table.download()
+```
+
+And in CLI:
+
+```sh
+cat2-client info @public/example.b2z
+cat2-client show @public/example.b2z
+```
+
+And in the web UI:
+
+- click a `.b2z`
+- see metadata
+- see a small row/column preview
+
+That is enough to say Caterva2 serves Blosc2 tables.
diff --git a/plans/ctable-support-tasks.md b/plans/ctable-support-tasks.md
new file mode 100644
index 00000000..bfe1c2a0
--- /dev/null
+++ b/plans/ctable-support-tasks.md
@@ -0,0 +1,161 @@
+# Caterva2 CTable (`.b2z`) — implementation tasks
+
+Task list distilled from `ctable-support.md`. **Rationale, options, and design
+decisions live in that document** — this file is only *what to do*, ranked by
+importance. Each task lists target files, concrete changes, and a "Done when"
+acceptance check.
+
+**Status: all tasks below are done.** No open work remains from this plan.
+
+Priorities: **P0** = blocking bug, ship-stopper. **P1** = core MVP correctness /
+API. **P2** = user-facing preview surface. **P3** = polish / deferred.
+
+---
+
+## Baseline already committed (do not redo)
+
+- blosc2: `CTable.to_cframe()` + `blosc2.ctable_from_cframe()` (exported);
+  lazy-view `to_cframe()` works.
+- `srv_utils.py`: suffix constants incl. `BLOSC2_TABLE_SUFFIXES = {".b2z"}`,
+  `BLOSC2_NATIVE_SUFFIXES`.
+- `models.py`: `CTableMetadata` (field name is `schema_dict`).
+- `srv_utils.read_metadata()`: maps `CTable` → `CTableMetadata`.
+- `server.open_b2()`: returns `CTable` early (before `cparams`/`dparams`).
+- `server.get_abspath()`: `.b2z` treated as native (line ~459).
+- `server` `/api/fetch`: accepts `.b2z`, serializes **slices** via `to_cframe()`.
+- `client.py`: `Table` class exists; `Root.__getitem__` returns `Table` for
+  `.b2z`; `_fetch_data` tries `ctable_from_cframe` first.
+
+---
+
+## P0 — Blocking
+
+### T1. Fix whole-table `/api/fetch` (returns raw zip, client can't decode) — DONE
+
+- **File:** `caterva2/services/server.py`, `/api/fetch` handler (~line 575).
+- **Bug:** the whole-dataset short-circuit returned `FileResponse(abspath)`; a
+  whole `.b2z` is a zip (`PK\x03\x04`), not a cframe, so the client's cframe
+  decoder raised `RuntimeError: Could not get the schunk from the cframe`.
+  `table[:]` (and any slice with `stop >= nrows`) failed.
+- **Fix:** added `blosc2.CTable` to the whole-dataset short-circuit exclusion,
+  so whole tables also serialize via `to_cframe()` like slices already did.
+- **Regression test:** `test_fetch_whole_and_slice` in `test_ctable.py`
+  (verified it fails without the fix, passes with it).
+
+---
+
+## P1 — Core MVP
+
+### T2. `_fetch_data`: dispatch decode on known kind (not trial/except) — DONE
+
+- **File:** `caterva2/client.py`, `Client._fetch_data`/`get_slice`.
+- `get_slice` now computes `kind` (`"ctable"` vs. not) from the `Table`
+  instance or path suffix *before* the request, and `_fetch_data` dispatches
+  `ctable_from_cframe` only when `kind == "ctable"`; otherwise the existing
+  `ndarray_from_cframe` → `schunk_from_cframe` fallback. No more
+  try/except-driven format sniffing.
+
+### T3. Client class hierarchy: `File → Dataset → {Array, Table}` — DONE
+
+- **File:** `caterva2/client.py`, `caterva2/__init__.py`.
+- `Dataset(File)` is now a lean shared base (no `blosc2.Operand`).
+  `Array(Dataset, blosc2.Operand)` holds `dtype`/`shape`/`ndim`/`chunks`/
+  `blocks`/`append` and the dtype-aware `__getitem__` (moved out of `File`,
+  which keeps a minimal generic `__getitem__`/`slice()` for plain files).
+  `Table(Dataset)`. `Root.__getitem__` returns `Array` for `.b2nd`/`.b2frame`,
+  `Table` for `.b2z`. Simplified redundant `isinstance` tuples in
+  `Client.get`/`get_info`/`get_slice`/`get_chunk`/`remove`. Updated repr
+  doctests. `Array`/`Table` exported from `caterva2/__init__.py`.
+
+### T4. `Table` client behavior — DONE
+
+- **File:** `caterva2/client.py`, `Table(Dataset)`.
+- Added `nrows`, `ncols`, `columns`, `schema` (reads `meta["schema_dict"]`),
+  `rows(start, stop)`, `head(n)`; existing `slice()`/`__getitem__` return a
+  `blosc2.CTable`.
+
+### T5. `.b2z` upload/download suffix handling (+ use constants) — DONE
+
+- **File:** `caterva2/services/server.py`.
+- Replaced hardcoded suffix sets with `srv_utils.BLOSC2_NATIVE_SUFFIXES`
+  (now includes `.b2z`) in `/api/upload`, `/api/load_from_url`,
+  `/htmx/upload` (both archive-extraction and single-file branches), and the
+  quick-search path-guessing code. `get_file_content`/`/api/download` needed
+  no change — `.b2z` already fell through to the raw-bytes path correctly.
+  Verified byte-identical upload→download round-trip.
+
+---
+
+## P2 — Preview surface
+
+### T6. Web UI preview (reuse `info_view.html`) — DONE
+
+- **Files:** `caterva2/services/server.py` (`htmx_path_info`,
+  `htmx_path_view`); `info_view.html`; `includes/info_metadata.html`.
+- `htmx_path_info`: Display tab added when `meta.kind == "ctable"`,
+  `shape = (nrows,)`.
+- `htmx_path_view`: dedicated `CTable` branch (before `shape = arr.shape`)
+  builds `cols`/`rows`/`inputs`/`tags` from `schema_dict()`/`nrows`, using
+  keyed `row[name]` access (see T-blosc2 note below) and coercing
+  bytes/numpy scalars for HTML.
+- Added a `filterable` context flag (`False` for `CTable`, `True` for
+  arrays); `info_view.html` guards the Filter box + Sort-by select with
+  `{% if filterable %}` (Fields selector stays available for both).
+- Fixed a **pre-existing crash**: `includes/info_metadata.html`'s Meta tab
+  assumed any non-`schunk` metadata with `nbytes` also had `cparams` (true
+  for plain `.b2frame` `SChunk`, false for `CTableMetadata`), so viewing a
+  `.b2z` file's metadata tab threw `UndefinedError`. Added a dedicated
+  `ctable` branch.
+
+### T7. CLI `info` / `show` for `.b2z` — DONE
+
+- **File:** `caterva2/clients/cli.py`.
+- `info`: prints table-shaped fields (`nrows`, `ncols`, `chunks`, `blocks`,
+  `columns`, `nbytes`/`cbytes`/`ratio`, `mtime`) when `kind == "ctable"`
+  instead of crashing on `cparams.get(...)` against `None`; `--json`
+  unchanged.
+- `show`: for `.b2z`, parses the optional row-slice syntax
+  (`table.b2z[start:stop]`) client-side and prints `table.rows(start, stop)`
+  via the `Table` client class — no `client.fetch()`/`/api/table` call.
+
+---
+
+## P3 — Tests & fixtures
+
+### T8. CTable fixture + tests — DONE
+
+- **File:** `caterva2/tests/test_ctable.py` (22 tests).
+- All 7 items from the original list are covered: `read_metadata()` unit
+  tests, HTTP `/api/info`, `/api/download` round-trip, `/api/fetch` whole +
+  slice (T1 regression guard), Python client `Table` class behavior, CLI
+  `info`/`show` (incl. row-slice syntax), and web preview
+  (`htmx_path_info`/`htmx_path_view` render without error, Filter/Sort-by
+  absent, Fields present).
+- Also added regression tests for a bug found during manual testing (see
+  note below): non-identifier/nested CTable column names in the web preview.
+
+---
+
+## Post-plan fix: nested/non-identifier column names (found during manual QA)
+
+Manually uploading a real-world table (`chicago-taxi-indexed.b2z`, with
+struct columns like `trip.sec`, `trip.begin.lon`) crashed `htmx_path_view`
+twice in a row:
+
+1. `row._asdict()[f]` used the *renamed* namedtuple keys (blosc2's
+   `CTableRow` is built with `namedtuple(..., rename=True)`, so a column
+   named `trip.sec` becomes `_1` internally) instead of blosc2's own
+   name-safe `row[name]`/`row.as_dict()`. Fixed in caterva2 by switching to
+   `row[f]`.
+2. `schema_dict()` flattens nested struct columns into dotted leaf paths
+   (`trip.sec` for a `trip` struct column with a `sec` leaf) that don't
+   exist as row fields at all — the row only exposes the top-level `trip`
+   dict. `row["trip.sec"]` raised `KeyError`.
+
+Root-caused (2) as a genuine blosc2 API gap — `col_names`/`schema_dict()`
+advertised names that `CTableRow.__getitem__` couldn't resolve — and fixed
+it **upstream in `python-blosc2`** (`CTableRow.__getitem__` now walks dotted
+paths into nested structs via `split_field_path`, with tests in
+`tests/ctable/test_nested_access_storage.py`). Once that landed, the
+caterva2-side workaround was removed and `htmx_path_view` went back to a
+plain `row[f]` for every field, relying on blosc2's native support.
diff --git a/plans/ctable-support.md b/plans/ctable-support.md
new file mode 100644
index 00000000..08bbfb5d
--- /dev/null
+++ b/plans/ctable-support.md
@@ -0,0 +1,1304 @@
+# Caterva2 CTable support plan
+
+> **Status (2026-07-01): implemented, committed, and hardened.** All MVP work in
+> this plan is done — see "Implementation status" near the end for the as-built
+> summary (including deviations from the sketches below and post-review fixes).
+> The design sections that follow are kept as the rationale/record; where a
+> sketch and the shipped code differ, the code wins.
+
+## Revision 2026-07-01
+
+Four decisions supersede the original text below; where a later section still
+reads the old way, this block wins:
+
+1. **Whole-table `/api/fetch` must not short-circuit to `FileResponse`.** A whole
+   `.b2nd` file *is* a cframe, so the existing `FileResponse` short-circuit
+   decodes fine on the client. A whole `.b2z` file is a **zip** (`PK\x03\x04`),
+   which is *not* a cframe — the client's cframe decoder raises
+   `RuntimeError: Could not get the schunk from the cframe`. Reproduced against
+   the committed code: `table[:]` (and any `slice` with `stop >= nrows`) fails.
+   Fix: exclude `CTable` from the whole short-circuit so whole tables also go
+   through `to_cframe()`. See "`/api/fetch` behavior".
+
+2. **Client decode dispatches on known kind, not trial-and-except.** The
+   committed `_fetch_data` attempts `ctable_from_cframe` first and catches
+   `ValueError`, so every (common) array fetch pays a failed CTable parse, and
+   the chain is coupled to which exact exception each decoder raises (that
+   coupling is why the bug in #1 propagates uncaught). The client already knows
+   the kind (`Table` vs `Dataset`, `meta["kind"]`); dispatch on it.
+
+3. **Remove the JSON `/api/table` row-window endpoint entirely — not deferred,
+   dropped.** It is a lighter-weight *duplicate of the slice fetch* with no
+   consumer: the Python client already yields rows off the cframe
+   (`[tuple(row) for row in data[:]]`), so CLI `show` reuses it; the web UI
+   renders **server-side** in `htmx_path_view` from the live `CTable`; and
+   JupyterLite is Pyodide, so it has blosc2 and decodes cframes directly. The
+   only consumers it would serve — a non-Pyodide JS client or `curl` eyeballing
+   — are hypothetical, and if one appears the endpoint is ~20 trivial lines. A
+   specced-but-deferred endpoint is an attractive nuisance (invites a second
+   row-preview path), so it is removed with a short "rejected alternative" note
+   rather than parked.
+
+4. **Transport is orthogonal to operation; table ops ride two homes, neither is
+   `/api/table`.** `where`/`sort`/`group_by` all *produce a `CTable`*, which the
+   cframe path already serializes — so operations need a way to be *expressed in
+   the request*, not a JSON transport. Split by what the op does to the schema:
+   - **Schema-preserving** (`where`, `sort`) → `filter=`/`sortby=` params on
+     `/api/fetch`, cframe out (mirrors the array `get_filtered_array` path).
+     Near-term. Enabled now that the lazy-view `to_cframe()` copy() bug is fixed.
+   - **Schema-changing** (`group_by`, `aggregate`, `join`, `describe`) → a
+     future `POST /api/query/{path}` with a structured query body, cframe
+     response. Compute-not-fetch; a genuinely different resource. Post-MVP,
+     only when an analytical use case lands.
+
+5. **Client class hierarchy: `Table` is-a `Dataset`, not a sibling.** Reparent
+   the client leaf classes to `File → Dataset → {Array, Table}` (details in
+   "Client class hierarchy"). `Table(File)` as a sibling of the array class was
+   a workaround to keep `blosc2.Operand` off tables; the correct fix is to push
+   `Operand` **down onto `Array` only**, which gives symmetry (`Table` is-a
+   `Dataset`) *and* correctness (`Table` is-not-an `Operand`). Also relocates
+   `File`'s array-flavored `__getitem__` (it already references `self.dtype`)
+   down to `Array`, leaving `File` generic.
+
+## Goal
+
+Add first-class support for Blosc2 heterogeneous tables (`blosc2.CTable`), mainly compact single-file `.b2z` files, alongside the existing `NDArray`/`.b2nd` support.
+
+The first version should make tables discoverable, downloadable, inspectable, and previewable through the REST API, Python client, CLI, and web UI.
+
+## Non-goals for the first pass
+
+Keep the first implementation boring and small. Do **not** build a dataframe service yet.
+
+Skip initially:
+
+- `.b2d` directory-backed tables
+- table append/edit/delete over Caterva2
+- joins/groupby/describe/cov server APIs
+- Arrow/Parquet/CSV transport APIs
+- lazy expressions involving `CTable`
+- treating `CTable` as a `blosc2.Operand`
+- full query language/UI
+- server-side pagination cache beyond simple `start`/`stop`
+
+Add these only after a real use case needs them.
+
+## Current assumptions in Caterva2
+
+Caterva2 currently mostly assumes Blosc2 datasets are homogeneous arrays:
+
+- `.b2nd`: `blosc2.NDArray`
+- `.b2frame`: `blosc2.NDArray` or `SChunk`-style frame
+- `.b2`: compressed regular file / `SChunk`
+
+Important places with array assumptions:
+
+- `caterva2/services/srv_utils.py`
+  - `read_metadata()` only accepts `.b2frame`, `.b2nd`, `.b2`
+  - metadata model assumes `shape`, `chunks`, `blocks`, `dtype`, `schunk`
+
+- `caterva2/services/server.py`
+  - suffix checks in `get_abspath()`, `/api/fetch`, upload, htmx upload/download paths
+  - `open_b2()` assumes objects have either `schunk` or `vlmeta`, then later sets `cparams/dparams`
+  - `/api/fetch` returns Blosc2 binary frames and decodes naturally as arrays/schunks
+  - web preview path assumes `arr.shape`
+
+- `caterva2/models.py`
+  - no table metadata model
+
+- `caterva2/client.py`
+  - `Root.__getitem__()` returns `Dataset` only for `.b2nd`/`.b2frame`
+  - `Dataset` assumes `shape`, `dtype`, `chunks`, `blocks`
+  - `Client._fetch_data()` assumes binary cframe response
+
+- `caterva2/clients/cli.py`
+  - `show` currently calls `client.fetch()`
+  - `info` formatting assumes array/schunk metadata
+
+## Design principles
+
+1. **CTable is a sibling data kind, not an NDArray variant.**
+   - Use `nrows`, `ncols`, `columns`, `schema`.
+   - Do not invent fake `shape`/`dtype` for API metadata.
+   - Consistent with the client hierarchy (Revision 2026-07-01 #5): `Array` and
+     `Table` are *siblings* under a shared `Dataset` base — a table is a kind of
+     dataset, but not a kind of array.
+
+2. **Do not put JSON in `/api/fetch`.**
+   - `/api/fetch` means Blosc2 binary frame data: cframes for arrays/schunks,
+     and (via `CTable.to_cframe()`) cframes for tables. Slices come
+     back as blosc2 objects on the client, mirroring the array workflow.
+   - A separate JSON row-window endpoint (`/api/table`) *was* planned for
+     previews, but is **removed** — see Revision 2026-07-01 #3. Preview is
+     served off the cframe path (CLI) and server-side rendering (web UI), so no
+     JSON-over-HTTP endpoint is needed. Table *operations* live on `/api/fetch`
+     params (schema-preserving) or a future `POST /api/query` (schema-changing),
+     never on a JSON row endpoint — see Revision 2026-07-01 #4.
+
+3. **Start with compact `.b2z`.**
+   - It is a single file and fits Caterva2's current file model.
+   - `.b2d` can come later when directory-backed datasets are needed.
+
+4. **Centralize suffix logic.**
+   - Avoid adding `.b2z` manually in many places without a shared constant.
+
+5. **Small preview first.**
+   - A row window (`start`/`stop`, optional columns) is enough for UI, CLI, and
+     Python client. It is produced from the cframe slice on the client and by
+     server-side row iteration in the web UI — no dedicated JSON endpoint (see
+     Revision 2026-07-01 #3).
+   - Large exports can use `/api/download` first.
+
+## Proposed suffix constants
+
+Add shared constants, preferably in `caterva2/services/srv_utils.py` or a small shared module if client/server both need them.
+
+Server-side minimum:
+
+```python
+BLOSC2_ARRAY_SUFFIXES = {".b2nd", ".b2frame"}
+BLOSC2_TABLE_SUFFIXES = {".b2z"}
+BLOSC2_FRAME_SUFFIXES = {".b2"}
+BLOSC2_NATIVE_SUFFIXES = (
+    BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | BLOSC2_FRAME_SUFFIXES
+)
+HDF5_SUFFIXES = {".h5", ".hdf5"}
+```
+
+Use these in:
+
+- `read_metadata()` suffix assertions
+- `get_abspath()` native-file detection
+- upload/load-from-url native-file detection
+- htmx upload compression decisions
+- download handling
+- path-list handling for compressed regular files
+
+Client-side can use a tiny local constant:
+
+```python
+DATASET_SUFFIXES = (".b2nd", ".b2frame")
+TABLE_SUFFIXES = (".b2z",)
+```
+
+No need to over-share constants across package boundaries unless already easy.
+
+## Metadata model
+
+Add a new Pydantic model in `caterva2/models.py`:
+
+```python
+class CTableMetadata(pydantic.BaseModel):
+    kind: str = "ctable"
+    nrows: int
+    ncols: int
+    chunks: tuple
+    blocks: tuple
+    schema: dict
+    columns: list[str]
+    nbytes: int
+    cbytes: int
+    cratio: float
+    vlmeta: dict = {}
+    mtime: datetime.datetime | None
+```
+
+Notes:
+
+- `schema` should come from `table.schema_dict()`.
+- `columns` should be derived from the schema for convenience.
+- `vlmeta` should use `table.vlmeta`.
+- `kind` lets clients distinguish tables without relying on missing `shape`.
+
+Possible future fields:
+
+- `indexes`
+- `computed_columns`
+- per-column compression stats
+- per-column logical/physical dtype info
+
+Skip them initially unless they are already trivial and stable in Blosc2.
+
+## `read_metadata()` changes
+
+In `caterva2/services/srv_utils.py`:
+
+1. Allow `.b2z` in the suffix check.
+2. After `obj = blosc2.open(path)`, detect `blosc2.CTable`.
+3. Return `models.CTableMetadata`.
+
+Sketch:
+
+```python
+if path.suffix not in BLOSC2_NATIVE_SUFFIXES:
+    ...
+
+obj = blosc2.open(path)
+...
+if isinstance(obj, blosc2.CTable):
+    schema = obj.schema_dict()
+    return models.CTableMetadata(
+        nrows=obj.nrows,
+        ncols=obj.ncols,
+        chunks=obj.chunks,
+        blocks=obj.blocks,
+        schema=schema,
+        columns=[col["name"] for col in schema.get("columns", [])],
+        nbytes=obj.nbytes,
+        cbytes=obj.cbytes,
+        cratio=obj.cratio,
+        vlmeta=obj.vlmeta,
+        mtime=mtime,
+    )
+```
+
+Keep the existing `NDArray`, `SChunk`, `LazyArray` branches unchanged.
+
+## `open_b2()` changes
+
+In `caterva2/services/server.py`, `open_b2()` currently opens any Blosc2 object and then eventually tunes `container.cparams.nthreads` and `container.dparams.nthreads`.
+
+`CTable` does not expose table-level `cparams/dparams` like `NDArray`.
+
+Add an early branch after `blosc2.open()` and special-file detection setup:
+
+```python
+container = blosc2.open(abspath)
+
+if isinstance(container, blosc2.CTable):
+    return container
+```
+
+This should happen before trying to set `container.cparams` or `container.dparams`.
+
+If `vlmeta` access is needed before this branch, keep it safe:
+
+```python
+vlmeta = (
+    container.schunk.vlmeta
+    if hasattr(container, "schunk")
+    else getattr(container, "vlmeta", {})
+)
+```
+
+## Path resolution and upload/download
+
+### `get_abspath()`
+
+Currently regular files are auto-compressed to `.b2` unless the suffix is native.
+
+Change native suffix check from:
+
+```
+if filepath.suffix not in {".b2frame", ".b2nd", ".h5"}:
+```
+
+to include `.b2z` and `.hdf5` via constants:
+
+```
+if filepath.suffix not in BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | HDF5_SUFFIXES:
+```
+
+This prevents uploaded/existing `.b2z` files from being wrapped into `.b2`.
+
+### Upload APIs
+
+Include `.b2z` wherever native Blosc2 files should be stored as-is:
+
+- `/api/upload/{path:path}`
+- `/api/load_from_url/{path:path}`
+- `/htmx/upload/{name}`
+
+Existing logic:
+
+```python
+if abspath.suffix not in {".b2", ".b2frame", ".b2nd"}:
+    schunk = blosc2.SChunk(data=data)
+```
+
+Should become:
+
+```python
+if abspath.suffix not in BLOSC2_NATIVE_SUFFIXES:
+    schunk = blosc2.SChunk(data=data)
+```
+
+And final write-as-cframe checks should include `.b2z`, `.h5`, `.hdf5` as native.
+
+### Download API
+
+`/api/download/{path:path}` should work for `.b2z` without special conversion.
+
+`get_file_content()` should return stored bytes for `.b2z`. Do not try `to_cframe()`.
+
+If current code opens `.b2nd`/`.b2frame` specially for HDF5Proxy, leave `.b2z` on the normal file path.
+
+## Rejected alternative: a JSON `/api/table` row-window endpoint
+
+An earlier draft proposed `GET /api/table/{path}?start&stop&columns` returning
+`{"kind": "ctable", "rows": [...]}` JSON. **Rejected — removed, not deferred**
+(Revision 2026-07-01 #3).
+
+Why it does not earn its place:
+
+- It is a lighter-weight *duplicate of the slice fetch*. Every would-be MVP
+  consumer is already covered without it:
+  - CLI `show` → rows off the cframe via the Python client.
+  - Web UI → rows rendered server-side in `htmx_path_view` from the live
+    `CTable`.
+  - JupyterLite → Pyodide has blosc2, so it decodes cframes directly.
+- The only consumers it would uniquely serve are a **non-Pyodide JS client** or
+  **`curl` eyeballing** — both hypothetical today. If one appears, the endpoint
+  is ~20 trivial lines (JSON-ify a `slice()`), and the design is easy to
+  re-derive — unlike the cframe transport decision below, which is subtle and
+  worth preserving.
+- A specced-but-deferred endpoint is an attractive nuisance: it invites a second
+  row-preview path alongside the cframe one. Better to have one path.
+
+If a real external JSON consumer ever lands, add it then. Note that table
+*operations* (`where`/`sort`/`group_by`) do **not** motivate this endpoint —
+transport (JSON vs cframe) is orthogonal to operation, and every operation
+returns a `CTable` the cframe path already serializes. See "Future extensions →
+table operations" for where operations actually live.
+
+## Transport format for table slices (decision)
+
+This section records the analysis of how to ship a slice of a `CTable` over the
+wire as a Blosc2 object, mirroring how `/api/fetch` ships `NDArray` slices as
+`to_cframe()` bytes. It is the most consequential design choice in this plan,
+so the options and reasoning are kept here in full.
+
+### The core problem
+
+A cframe serializes **one** `SChunk`. An `NDArray`/`SChunk` is one schunk, so
+`to_cframe()`/`ndarray_from_cframe()` is trivial. A `CTable` is **a collection**
+of blosc2 objects: one `NDArray` per column, a `_valid_rows` mask, a `_meta`
+manifest, `_vlmeta`, and a schema dict. There is no single schunk to serialize,
+so `CTable.to_cframe()` does not exist today. The native container is `.b2z`, a
+zip archive bundling the column leaves plus an `embed.b2e` `EmbedStore` — but
+`.b2z` is a **file-based** format, not bytes.
+
+### Options considered
+
+**Option A: temp-file `.b2z` roundtrip (no new blosc2 API).**
+
+```python
+# server (slice)
+view = table.slice(start, stop)
+view.to_b2z("/tmp/slice.b2z", overwrite=True)
+# stream /tmp/slice.b2z bytes to the HTTP response
+
+# client
+open("/tmp/slice.b2z", "wb").write(data)
+rt = blosc2.open("/tmp/slice.b2z", mode="r")
+```
+
+Tested — it works. Findings:
+
+- `to_b2z()` rejects file-like objects (`os.fspath` + `endswith(".b2z")` +
+  `os.path.exists`); a `BytesIO` fails with `urlpath must have a .b2z extension`.
+  So the server must touch disk.
+- `.b2z` read mode reads column leaves **lazily, by byte offset, from a file
+  path** at the C level (`blosc2_ext.open(path, offset=...)`). The client temp
+  file must stay alive: opening a `.b2z`, deleting the file, then touching a
+  row raises `RuntimeError: Error while getting the lazychunk`.
+- For a slice/view, `to_b2z()` falls back to the logical `save()` path and
+  **recompresses** the live rows; the zero-recompression `ZIP_STORED` physical
+  pack only fires for a whole persistent `.b2d`/`.b2z` source.
+
+**Pyodide viability (revisited).** Earlier this plan flagged the path-based lazy
+reader as a Pyodide blocker. That was wrong: Pyodide's **MEMFS** is a real
+filesystem exposed to compiled C via Emscripten file syscalls, and blosc2's
+default `open()` does **not** mmap (mmap is opt-in; the WASM path only forces
+`nthreads=1`, not mmap). So `blosc2.open('/tmp/x.b2z')` on MEMFS works exactly
+as on disk. The temp-file path is therefore viable on desktop **and** Pyodide.
+
+**Footprint.** MEMFS RAM is part of the Pyodide heap budget, but this is not a
+penalty: the CTable's compressed bytes live on the heap either way. Steady
+state is identical for both paths — compressed slice (C bytes) on the heap plus
+decompressed columns touched (D bytes). The only transient difference is a
+brief 2C during ingestion (response bytes copied into MEMFS, or into a Python
+buffer), identical in both. MEMFS is neither cheaper nor dearer than a Python
+buffer; footprint is a wash.
+
+**Cleanup — the real residual difference.** With MEMFS, the temp-file path is
+viable, but cleanup is **extrinsic**: the MEMFS file holds C bytes until
+explicitly deleted, tied to a `Table._local_b2z` attribute and a `__del__`
+finalizer on `Table`. The cframe path is **intrinsic**: the bytes live in the
+`CTable` object; freeing the object frees the bytes via ordinary refcounting.
+
+  - With a `__del__`/`weakref.finalize` that does `os.remove(self._local_b2z)`,
+    the temp-file path reaches effective equality on CPython (and Pyodide runs
+    CPython, so refcounting is deterministic there). The user cannot leak.
+  - The maintainer can: the invariant is "every temp `.b2z` created on behalf
+    of this `Table` is recorded in `_local_b2z`" — a convention the codebase
+    must enforce on itself. A future fetch path that does its own `mkstemp`
+    without routing through one `_materialize()` method leaks silently. The
+    cframe path has no such invariant: resource and object are the same thing,
+    so new fetch methods cannot break cleanup.
+  - To make the temp-file path bulletproof, route every materialization
+    through one `_materialize()` method and forbid ad-hoc `mkstemp`.
+
+| aspect | temp-file + `__del__` | cframe |
+|---|---|---|
+| Footprint | equal | equal |
+| Pyodide (MEMFS) | works | works |
+| User can leak | no | no |
+| Maintainer can leak (new fetch path) | yes, if it bypasses `_materialize` | no |
+| Discipline required | "all materialization via one method, forever" | none |
+| Symmetry with `NDArray.to_cframe()` | no | yes |
+| New blosc2 API | none | `CTable.to_cframe`/`ctable_from_cframe` (small) |
+
+**Option B: `CTable.to_cframe()`/`ctable_from_cframe()` on `EmbedStore`.**
+
+`EmbedStore` is the existing blosc2 mechanism for bundling **multiple** arrays
+into one serializable store:
+
+```python
+es = blosc2.EmbedStore(urlpath=None, mode="w")
+es["/a"] = blosc2.asarray(...)
+es["/b"] = blosc2.asarray(...)
+cf = es.to_cframe()  # -> bytes, one blob for the whole collection
+back = blosc2.from_cframe(cf)  # -> EmbedStore, fully in-memory
+```
+
+Tested — pure bytes, no temp files, `from_cframe(bytes)` works today. A CTable
+= `schema_dict()` + N column `NDArray`s + a `valid_rows` `NDArray`, so it
+packs cleanly into an `EmbedStore`. An in-memory materialized CTable's columns
+are plain `blosc2.NDArray` with working `to_cframe()` (tested).
+
+A real `CTable.to_cframe()` is therefore a small, Python-level, well-scoped
+feature on an existing primitive: serializer packs schema + each column's
+`to_cframe()` + `valid_rows.to_cframe()` into one `EmbedStore` and returns
+`es.to_cframe()` → `bytes`; `ctable_from_cframe(bytes)` rebuilds from an
+`InMemoryTableStorage`. It mirrors `NDArray.to_cframe()`/`ndarray_from_cframe()`
+exactly: pure bytes, no disk, lazy-safe (objects live in memory after
+`from_cframe`).
+
+The one design reason blosc2 currently keeps columns as external leaves
+(`FileTableStorage` forces `threshold=0`) is a *persistent-store* concern so
+large columns stay out of one schunk and small `_meta` overwrites persist
+reliably. It does not apply to an in-memory cframe transport, where bundling
+everything is the point.
+
+**Option C: `DictStore.to_bytes()` (native `.b2z` bytes).**
+
+`DictStore.to_b2z()` already builds the `.b2z` zip via `zipfile.ZipFile(path,
+"w", ZIP_STORED)`. A `to_bytes()` into `BytesIO` would mirror it, producing
+native `.b2z` bytes with zero recompression for whole persistent tables.
+
+But on its own it's **half a feature**:
+
+- The zip **reader** is path/offset-based (`blosc2_ext.open(path, offset=...)`).
+  `to_bytes()` without a buffer-backed `from_bytes()` reader just shifts the
+  temp-file problem from server to client — the consumer must write the bytes
+  to a temp `.b2z` and `open()` it. That buffer-backed reader is a big C-level
+  change, and it's the part that does the actual work.
+- For a **slice**, `to_bytes()` falls to the logical `save()` path and
+  recompresses — same cost as the cframe, but producing `.b2z` bytes with worse
+  client ergonomics and no array symmetry.
+- For a **whole table** that is already a file, `/api/download` already serves
+  those exact bytes (`FileResponse` on the on-disk `.b2z`); `to_bytes()`
+  duplicates it. It only differs for an in-memory/sliced table, which is the
+  slice case above.
+
+### Decision
+
+**Build `CTable.to_cframe()`/`ctable_from_cframe()` on `EmbedStore` (Option B).
+Do not build `DictStore.to_bytes()` now.**
+
+Reasons:
+
+1. **Symmetry with the existing array-slice workflow.** `/api/fetch` streams
+   `array.slice(...).to_cframe()` and the client does
+   `blosc2.ndarray_from_cframe(data)`. A table fetch streams
+   `table.slice(...).to_cframe()` and the client does `ctable_from_cframe(data)`
+   — one code shape, no JSON-for-small / download-for-whole special-casing,
+   no second client-side pattern in `Client._fetch_data`.
+2. **It closes a real gap in blosc2.** `CTable` is the only major container
+   without a bytes serialization. Adding it is appealing on its own merits,
+   independent of Caterva2.
+3. **Intrinsic, invariant-free resource cleanup.** No client temp file, no
+   `_local_b2z`/`__del__` lifecycle to maintain, no "all materialization via one
+   method" convention for future maintainers to violate. Resource and object
+   are the same thing; ordinary refcounting is the cleanup.
+4. **Pyodide-safe and footprint-equal.** Pure bytes; works in the browser
+   without MEMFS round-trips and with the same heap budget as the temp-file
+   path.
+5. **Small, Python-level blosc2 change** on an existing primitive
+   (`EmbedStore`), unlike `DictStore.to_bytes()` which is gated behind a big
+   buffer-backed C reader to be useful.
+
+On the "`EmbedStore` is less battle-proven than `DictStore`/`TreeStore`" concern:
+this is an argument **for** the cframe route, not against. As a *transport codec*
+it gets real exercise in a simpler, more contained stress than being a
+persistence backend, which hardens it.
+
+### `DictStore.to_bytes()` — deferred, with a revisit condition
+
+Not built now. It only becomes the best all-around answer **if and when a
+buffer-backed zip reader** (`DictStore.from_bytes()` / `blosc2_ext.open` from a
+buffer) lands in blosc2 — at which point `.b2z` bytes could do whole-table *and*
+slice transport uniformly in one native format, and the cframe could even be
+retired in favor of it. That is a blosc2-wide decision driven by "read `.b2z`
+from a buffer" demand (e.g. S3/HTTP bytes, Pyodide `fetch()` without a MEMFS
+round-trip), not a Caterva2 need. Revisit when such a reader exists; until then
+`to_bytes()` is redundant with `/api/download` (whole files) and the cframe
+(slices).
+
+### Consequences for the endpoints
+
+- `/api/fetch` is extended to tables via the cframe path (see next section),
+  **not** left array-only. This supersedes the earlier "do not support `.b2z`
+  in `/api/fetch`" stance: with `CTable.to_cframe()` available, the clean path
+  is to support it.
+- `/api/download` continues to serve whole `.b2z` files as raw bytes
+  (`FileResponse`), unchanged.
+- A JSON `/api/table` rows endpoint is **removed entirely** (Revision
+  2026-07-01 #3), not just deferred: CLI `show` derives rows from the cframe via
+  the Python client, and the web UI renders rows server-side in
+  `htmx_path_view`, so neither needs a JSON-over-HTTP window. Table *operations*
+  live on `/api/fetch` params or a future `POST /api/query`, not here.
+
+## `/api/fetch` behavior (with cframe)
+
+Support `.b2z` in `/api/fetch` using `CTable.to_cframe()`, mirroring the
+`NDArray` path. This is the slice-as-blosc2-object transport.
+
+**Critical (Revision 2026-07-01 #1): do NOT let a whole `CTable` fetch hit the
+generic `FileResponse` short-circuit.** That short-circuit streams the raw
+on-disk file. For `.b2nd` that file *is* a cframe, so the client decodes it. For
+`.b2z` the file is a **zip** (`PK\x03\x04`), not a cframe — the client's
+cframe decoder fails with `RuntimeError: Could not get the schunk from the
+cframe`. So a whole `CTable` must also be serialized via `to_cframe()`.
+
+Concretely, exclude `CTable` from the whole short-circuit condition:
+
+```python
+if (
+    whole
+    and not isinstance(
+        array, blosc2.LazyArray | hdf5.HDF5Proxy | blosc2.NDField | blosc2.CTable
+    )  # <-- add CTable
+    and not filter
+):
+    return FileResponse(
+        abspath, filename=abspath.name, media_type="application/octet-stream"
+    )
+```
+
+Then the `CTable` branch always produces a cframe (whole or sliced):
+
+```python
+if isinstance(container, blosc2.CTable):
+    row_start = 0 if whole else start
+    row_stop = container.nrows if whole else stop
+    view = container.slice(row_start, row_stop)  # materialized CTable
+    data = view.to_cframe()  # bytes, via EmbedStore
+    downloader = srv_utils.iterchunk(data)
+    return responses.StreamingResponse(
+        downloader, media_type="application/octet-stream"
+    )
+```
+
+A whole-table fetch costs one recompress this way, but it is correct and keeps
+the client's single decode path honest. `/api/download` still serves the raw
+`.b2z` bytes (`FileResponse`) for actual file downloads — that path is fine
+because the client writes bytes to disk rather than decoding a cframe.
+
+(Where exactly `ctable_to_cframe`/`ctable_from_cframe` live — `blosc2.CTable`
+methods or module functions mirroring `ndarray_from_cframe` — is a blosc2 API
+choice; Caterva2 just calls them.)
+
+Keep the accurate error message for non-supported suffixes:
+
+```python
+if abspath.suffix not in BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES:
+    srv_utils.raise_bad_request(
+        "The fetch API only supports datasets (.b2nd, .b2frame, .b2z); "
+        "use /api/download for other files"
+    )
+```
+
+## Client class hierarchy
+
+Reparent the client leaf classes so a table is a *kind of dataset*, not a
+sibling of one (Revision 2026-07-01 #5). Target:
+
+```
+File(  )                            # any leaf: vlmeta / download / move / copy / remove
+└── Dataset(File)                   # a fetchable blosc2 data leaf: generic slice() -> blosc2 object
+    ├── Array(Dataset, blosc2.Operand)   # shape / dtype / chunks / blocks / ndim / append; lazyexpr operand
+    └── Table(Dataset)                    # nrows / ncols / columns / schema
+```
+
+Current state (for reference) is asymmetric:
+
+```
+File
+├── Dataset(File, blosc2.Operand)   # the array class
+└── Table(File)                     # sibling, not a Dataset
+```
+
+### Why this shape (not just cosmetics)
+
+- **`blosc2.Operand` must move down onto `Array` only.** `Dataset` inheriting
+  `Operand` is what lets an array participate in lazy expressions; a `Table`
+  must **not** be an `Operand` (a non-goal of this plan). The sibling design was
+  a blunt way to keep `Operand` off `Table`. Pushing `Operand` down to `Array`
+  gives both symmetry (`Table` is-a `Dataset`) and correctness (`Table`
+  is-not-an `Operand`). This is the reason the base cannot simply be today's
+  `Dataset`.
+- **`File` stops leaking array semantics.** `File.__getitem__` already
+  references `self.dtype` (only defined on the array class), so `File` is
+  already array-flavored. Move that dtype/field-aware `__getitem__` down to
+  `Array`; keep on `Dataset` only the generic `slice() -> blosc2 object`
+  plumbing that both `Array` and `Table` share; keep `File` truly generic.
+- **`Dataset` is effectively abstract.** `Root.__getitem__` always resolves to
+  `Array`, `Table`, or `File` — a bare `Dataset` is never instantiated, so there
+  is no ambiguous "what is a plain Dataset."
+
+### Backward-compat ledger
+
+- **`isinstance(x, Dataset)` broadens** from "array" to "array *or* table" — the
+  originally intended meaning of `Dataset` as the generic data leaf. Behavior
+  change: a `.b2z` was `isinstance … Dataset == False`, becomes `True`. Audit
+  the 4 sites in `client.py` (`get()` ~998, `download`/`get_slice` ~1060/1126,
+  `get_chunk` ~1190); the first three *simplify* (`Dataset ⊂ File`,
+  `Table ⊂ Dataset`), and `get_chunk` (array-flavored) needs a check that it is
+  not wrongly handed a `Table`. `test_api.py`'s `isinstance(myds, cat2.Dataset)`
+  on a `.b2nd` keeps passing since `Array(Dataset)`.
+- **Repr doctests**: 5 doctests print `<Dataset: …b2nd>` (client.py ~123, 234,
+  524, 557, 586) → become `<Array: …>`. Mechanical update.
+- **Exports**: keep `Dataset` in `__init__.py` / `__all__` (now the base, still
+  importable — no import breakage); add `Array` and `Table`.
+- **Naming**: use `Array`, not `NDArray`, to parallel `Table` and avoid
+  colliding with the `NDArray` alias already imported for type hints
+  (client.py:416).
+- Blast radius is confined to `client.py` plus those doctests/tests; server, web
+  UI, and CLI do not touch these client classes.
+
+### `Root.__getitem__` dispatch
+
+```python
+if path.endswith((".b2nd", ".b2frame")):
+    return Array(self, path)  # was Dataset(self, path)
+if path.endswith(".b2z"):
+    return Table(self, path)
+return File(self, path)
+```
+
+## Python client API
+
+With the hierarchy above, `Table` subclasses `Dataset` (not `File`). Note the
+metadata field is `schema_dict`, not `schema` (a pydantic `BaseModel` already
+defines `schema`, so naming the field `schema` shadows/deprecates it — the model
+uses `schema_dict`). Keep `ncols` and a `schema` *property* for parity with the
+metadata even though they are cheap conveniences:
+
+```python
+class Table(Dataset):
+    def __repr__(self):
+        return f"<Table: {self.path}>"
+
+    @property
+    def nrows(self):
+        return self.meta["nrows"]
+
+    @property
+    def ncols(self):
+        return self.meta["ncols"]
+
+    @property
+    def columns(self):
+        return self.meta["columns"]
+
+    @property
+    def schema(self):
+        return self.meta["schema_dict"]
+
+    def slice(self, key):
+        """Row slice as a blosc2.CTable (via the cframe /api/fetch path)."""
+        return self.client.get_slice(self.path, key, as_blosc2=True)
+
+    def __getitem__(self, key):
+        return self.slice(key)
+
+    def rows(self, start=0, stop=50):
+        """Preview rows as a list of tuples, off the cframe slice."""
+        ct = self.slice(slice(start, stop))
+        return [tuple(row) for row in ct[:]]
+
+    def head(self, n=10):
+        return self.rows(0, n)
+```
+
+Rows come from the **cframe path** (`get_slice` → `/api/fetch` → a
+`blosc2.CTable`), not a JSON endpoint. There is no `get_table_rows()` and no
+`/api/table` — both removed (Revision 2026-07-01 #3).
+
+`Root.__getitem__()` dispatch is shown in "Client class hierarchy" (returns
+`Array` for `.b2nd`/`.b2frame`, `Table` for `.b2z`, `File` otherwise).
+
+`Client.get()`'s type check simplifies with the new hierarchy — since
+`Array`/`Table` are both `Dataset ⊂ File`, the tuple collapses:
+
+```python
+if isinstance(path, (File, Root)):  # was (File, Dataset, Table, Root)
+    return path
+```
+
+### `_fetch_data` decode: dispatch on known kind (Revision 2026-07-01 #2)
+
+Do **not** decode by trial-and-except (`ctable_from_cframe` first, catch
+`ValueError`, then `ndarray_from_cframe`, catch `RuntimeError`, …). That makes
+every array fetch pay a failed CTable parse and couples the code to each
+decoder's exception type. The caller already knows the kind — an `Array` vs a
+`Table` (both `Dataset`s), or `meta["kind"] == "ctable"` — so pass it down and
+pick the decoder directly:
+
+```python
+def _fetch_data(self, path, urlbase, params, kind=None, as_blosc2=False, timeout=5):
+    data = self._xget(...).content
+    if kind == "ctable":
+        obj = blosc2.ctable_from_cframe(data)
+    else:
+        try:
+            obj = blosc2.ndarray_from_cframe(data)
+        except RuntimeError:
+            obj = blosc2.schunk_from_cframe(data)
+    if as_blosc2:
+        return obj
+    if isinstance(obj, blosc2.CTable):
+        return [tuple(row) for row in obj[:]]
+    if hasattr(obj, "ndim"):
+        return obj[()] if obj.ndim == 0 else obj[:]
+    return obj[:]
+```
+
+The `Array`/`Table` wrappers already know their kind, so threading it through
+`get_slice`/`_fetch_data` is local. (The remaining array `ndarray`/`schunk`
+try/except is fine: both are cframes and the ambiguity is genuine.)
+
+## CLI changes
+
+### `info`
+
+If metadata contains `kind == "ctable"`, print table-specific fields:
+
+```text
+kind   : ctable
+nrows  : 1000000
+ncols  : 12
+chunks : (1048576,)
+blocks : (32768,)
+nbytes : 123 MB
+cbytes : 12 MB
+ratio  : 10.2x
+columns: a, b, c, ...
+mtime  : ...
+```
+
+For `--json`, no special work: dump metadata as returned.
+
+### `show`
+
+For `.b2z`, do not call `client.fetch()`.
+
+Minimal behavior:
+
+```sh
+cat2-client show path/table.b2z
+```
+
+prints first 50 rows.
+
+Optional first-pass slice support:
+
+```sh
+cat2-client show path/table.b2z[0:20]
+```
+
+maps to `start=0`, `stop=20`.
+
+Optional columns could come later via `--columns a,b`. Skip unless asked.
+
+Implementation:
+
+- detect `.b2z` path
+- parse single row slice only
+- call `table.rows(start, stop)` (which uses the cframe path); there is no
+  `get_table_rows()`/`/api/table` (removed, Revision 2026-07-01 #3)
+- print rows as a simple table or JSON
+
+Lazy first text output can use standard formatting:
+
+```python
+rows = client.get(path).rows(start, stop)  # list of tuples off the cframe
+print(json.dumps(rows, indent=2, default=str))
+```
+
+Pretty tables can come later.
+
+## Web UI changes
+
+### Reuse of the existing structured-array visualizer
+
+Caterva2 already has a table visualizer for **structured NDArrays** (dtypes with
+fields). It splits into two layers, and CTable reuse differs per layer
+(verified against the live `CTable`/`NDArray` APIs, 2026-07-01):
+
+- **Template `info_view.html` — reusable as-is.** It is driven entirely by
+  generic context keys (`rows`, `cols`, `fields`, `sortby`, `filter`, `shape`,
+  `inputs`, `tags`); nothing in it is array-specific. The Fields dropdown,
+  Sort-by select, Filter box, and the row/column grid all render from a plain
+  table model. A CTable is exactly the "1-D, has-fields" case this template
+  already handles, so no template change is needed to show rows.
+
+- **Server extraction (`htmx_path_view` + `get_filtered_array`) — NOT reusable
+  directly.** It is hard-wired to the structured-`NDArray` API, and a `CTable`
+  is a different type exposing none of those attributes:
+
+  | Extraction needs | structured `NDArray` | `CTable` | CTable equivalent |
+  |---|---|---|---|
+  | `.fields` (detect + col names) | yes | **no** | `schema_dict()["columns"]` → names |
+  | `.shape` / `.ndim` (windowing) | yes | **no** | `nrows` / `ncols` (conceptually 1-D) |
+  | `.tolist()` (materialize rows) | yes | **no** | iterate `slice(a,b)` → `CTableRow._asdict()` |
+  | positional `row[i]` | yes | **no** (`CTableRow`, keyed) | `row._asdict()[field]` |
+  | `.argsort()` / `.sort()` (filter/sort) | yes | **no** | `where()` / `sort_by()` / `sorted_slice()` |
+  | column select | `arr.fields[name]` (NDField) | `t[name]`→`Column`, `t[[names]]`→`CTable` | usable, different type |
+
+  **Pitfall:** `htmx_path_view` starts with `shape = arr.shape` — a CTable has
+  no `.shape`, so this line `AttributeError`s. The CTable branch must come
+  **before** it.
+
+  **Rejected shortcut:** converting a CTable slice to a structured `NDArray`
+  (its columns already are NDArrays) to feed the existing `has_ndfields` path
+  verbatim — it breaks on **variable-length string columns**, which don't fit a
+  fixed numpy structured dtype and are a first-class CTable case. Use a native
+  branch.
+
+### `htmx_path_info()`
+
+Currently the array display tab is added when `hasattr(meta, "shape")`.
+
+Add the table display tab when `kind == "ctable"`:
+
+```python
+if getattr(meta, "kind", None) == "ctable":
+    context["data_url"] = make_url(request, "htmx_path_view", path=path)
+    context["shape"] = (meta.nrows,)  # synthesize a 1-D shape; meta has no .shape
+    tabs.append(
+        {
+            "name": "data",
+            "label": "Display",
+            "include": "includes/info_data.html",
+        }
+    )
+```
+
+### `htmx_path_view()`
+
+Add an early CTable branch **before** `shape = arr.shape` (which would otherwise
+fail). It fills the *same* context keys the template expects, from CTable APIs —
+note **keyed** row access via `_asdict()`, not the structured array's positional
+`row[i]`:
+
+```python
+if isinstance(arr, blosc2.CTable):
+    cols = [c["name"] for c in arr.schema_dict()["columns"]]
+    fields = fields or cols[:5]
+    index = (0,) if index is None else tuple(index)
+    size = (sizes or [10])[0]
+    start = index[0]
+    stop = min(start + size, arr.nrows)
+    # keyed access (CTableRow._asdict()), NOT positional row[i]
+    rows = [fields] + [
+        [_cell(row._asdict()[f]) for f in fields] for row in arr.slice(start, stop)
+    ]
+    context = {
+        "view_url": make_url(request, "htmx_path_view", path=path),
+        "inputs": [
+            {
+                "start": start,
+                "start_max": max(arr.nrows - size, 0),
+                "size": size,
+                "size_max": arr.nrows,
+                "with_size": True,
+            }
+        ],
+        "rows": rows,
+        "cols": cols,
+        "fields": fields,
+        "filter": "",
+        "sortby": "",
+        "shape": (arr.nrows,),
+        "tags": list(range(start, stop)),
+        "filterable": False,  # see caveat below
+    }
+    return templates.TemplateResponse(request, "info_view.html", context)
+```
+
+`_cell()` coerces numpy scalars / bytes for HTML (mirrors the JSON edge cases:
+`np.generic` → `.item()`, `bytes` → decode). Column subset could also use
+`arr[fields]` (returns a CTable), but per-row `_asdict()` keyed access is simpler
+and avoids re-slicing.
+
+**Filter/sort caveat.** The template shows the Filter box and Sort-by select
+whenever `cols` is truthy — but `get_filtered_array` is **not** reusable for
+CTable (it opens with `assert has_ndfields` and uses NDArray lazy-expr
+`argsort`/`sort`; a CTable needs a parallel path on `where()` +
+`sort_by()`/`sorted_slice()`). Filtering/sorting is deferred (Revision
+2026-07-01 #4), so for the MVP **render rows only and hide those two controls**:
+add a `filterable` context flag (set `False` here, `True` on the array path) and
+guard the Filter/Sort-by blocks in `info_view.html` with `{% if filterable %}`.
+The Fields (column subset) dropdown can stay — it works with a plain slice.
+
+When filtering does land, it rides the schema-preserving `/api/fetch`
+`filter=`/`sortby=` path (Revision 2026-07-01 #4), backed by a CTable
+`where()`/`sort_by()` branch — not `get_filtered_array` and not `/api/table`.
+
+## Tests
+
+Add one small CTable fixture.
+
+Example creation helper:
+
+```python
+from dataclasses import dataclass
+import blosc2
+
+
+@dataclass
+class Row:
+    id: int = blosc2.field(blosc2.int32())
+    name: str = blosc2.field(blosc2.string(max_length=20))
+
+
+def make_ctable(path):
+    table = blosc2.CTable(Row, urlpath=str(path), mode="w", compact=True)
+    table.append((1, "alice"))
+    table.append((2, "bob"))
+    table.append((3, "carol"))
+    table.close()
+```
+
+Tests:
+
+1. `read_metadata()` on `.b2z`
+   - `kind == "ctable"`
+   - `nrows == 3`
+   - `columns == ["id", "name"]`
+
+2. `/api/info/...table.b2z`
+   - same assertions through HTTP
+
+3. `/api/download/...table.b2z`
+   - write response to temp file
+   - `blosc2.open(downloaded_path)` returns `blosc2.CTable`
+   - `len(table) == 3`
+
+4. `/api/fetch` cframe transport (the bug from Revision 2026-07-01 #1)
+   - **whole** fetch (`table[:]`) decodes to a `blosc2.CTable` with `nrows == 3`
+     — guards against the raw-zip regression
+   - **slice** fetch (`table[1:3]`) decodes to bob/carol
+
+5. Python client
+   - `root["table.b2z"]` is `Table`
+   - `table.nrows == 3`
+   - `table.head(2)` has two rows (list of tuples, off the cframe)
+   - `table[:]` / `table.slice(slice(1, 3))` return a `blosc2.CTable`
+
+6. CLI smoke test
+   - `cat2-client info table.b2z --json` contains `kind: ctable`
+   - `cat2-client show table.b2z --json` returns first rows
+
+7. Web preview smoke test (`htmx_path_view` CTable branch)
+   - a `.b2z` renders rows without error (guards the `arr.shape` pitfall)
+   - Filter/Sort-by controls are absent (`filterable=False`); Fields dropdown
+     present
+
+No `/api/table` test — that endpoint is removed (Revision 2026-07-01 #3).
+
+Keep tests small. No fixtures for huge data, no performance suite.
+
+## Edge cases
+
+### NumPy scalar JSON encoding
+
+CTable rows can contain NumPy scalar types. Convert with `.item()`.
+
+### NumPy array cells
+
+CTable can have nested/NDArray-like cells. For JSON preview, convert arrays to lists.
+
+### Bytes cells
+
+Decode as UTF-8 with replacement for preview. For exact bytes transport, use download/export later.
+
+### Large pages
+
+Cap preview rows (e.g. 1000/request) to prevent accidental huge responses from
+the web UI or CLI. (Row-count caps and column validation as HTTP 400 were tied
+to the removed `/api/table` endpoint; for the MVP the web UI/CLI simply bound
+their own preview windows.)
+
+### Unknown columns
+
+Only relevant once column selection is exposed (as a `field=`/`columns=` param
+on `/api/fetch`, not a JSON endpoint). When it lands, reject unknown requested
+columns with 400 — do not silently ignore.
+
+### `.b2d`
+
+Directory-backed CTable should be rejected/not recognized initially. If uploaded as archive, it is just a regular file/archive. Native directory-backed support needs separate path-list and download semantics.
+
+## Future extensions
+
+Only add these once MVP is working and there is demand.
+
+### Table operations: two homes, split by schema effect
+
+Transport (cframe vs JSON) is orthogonal to operation. Every table op
+(`where`/`sort`/`group_by`/…) *returns a `CTable`* (or an NDArray for scalar
+reductions), which the cframe path already serializes. So operations never need
+a JSON row endpoint — they need a way to be *expressed in the request*. Route
+them by what the op does to the schema (Revision 2026-07-01 #4):
+
+**Schema-preserving → params on `/api/fetch`, cframe response.**
+`where`/`sort` return the same columns — a subset/reordering of the same rows —
+so they are still "a region of this dataset." This is exactly the array
+`get_filtered_array` path, now viable for tables since lazy-view `to_cframe()`
+works.
+
+```text
+GET /api/fetch/{path}?filter=col%20%3E%2010&field=a,b&sortby=col&start=0&stop=50
+```
+
+```python
+table.where("col > 10", columns=["a", "b"])  # -> CTable -> cframe
+table.sort_by("col") / table.sorted_slice(...)  # -> CTable -> cframe
+```
+
+Needs careful expression validation/error handling. **Not** a JSON `/api/table`
+variant.
+
+**Schema-changing → a future `POST /api/query/{path}`, cframe response.**
+`group_by`/`aggregate`/`join`/`describe` produce a *new* dataset with a
+different schema/cardinality. Cramming these into `/api/fetch` GET params would
+turn query strings into a stringly-typed query language and erode fetch's
+"give me bytes of this dataset" contract. Give them a structured JSON *request
+body* and a cframe *response*:
+
+```text
+POST /api/query/{path}
+{ "where": "...", "groupby": ["a"], "aggregations": {"s": "sum(b)"},
+  "orderby": "s", "limit": 100 }
+```
+
+This is compute-not-fetch — a genuinely different resource. Post-MVP, only when
+an analytical use case lands. (The response is still a cframe `CTable`, so no
+JSON-rows machinery is resurrected.)
+
+### Export formats (Arrow / CSV / Parquet)
+
+Distinct from both fetch and query: these re-serialize a table (or a query
+result) into a foreign format for download. Hang them off `/api/download` (or a
+future query result) with a `format=` param — **not** `/api/table`:
+
+```text
+GET /api/download/{path}?format=arrow   # table.to_arrow() / iter_arrow_batches()
+GET /api/download/{path}?format=csv     # table.to_csv()
+GET /api/download/{path}?format=parquet # table.to_parquet()
+```
+
+Arrow/Parquet likely need PyArrow and temp files — add only if PyArrow is
+already an accepted dependency/extra, never as a core dependency just for first
+support.
+
+### `.b2d` support
+
+Directory-backed tables need decisions:
+
+- how to list them as one logical dataset
+- how to upload/download them
+- whether to tar/zip for download
+- how to protect internal files from direct mutation
+
+Do later.
+
+## Suggested implementation order
+
+1. Add suffix constants and `.b2z` native handling.
+2. Add `CTableMetadata` and `read_metadata()` support.
+3. Make `open_b2()` return `CTable` safely.
+4. Ensure `/api/download` preserves `.b2z` bytes.
+5. **blosc2 prerequisite:** implement `CTable.to_cframe()` /
+   `ctable_from_cframe()` on `EmbedStore` (see the transport decision), then
+   wire `/api/fetch` table whole+slices + `Client.get_slice`/`Table.slice` to
+   it. This is the slice/whole-as-blosc2-object transport and the basis for
+   preview.
+6. Refactor the client leaf hierarchy to `File → Dataset → {Array, Table}`
+   (see "Client class hierarchy"): introduce `Array`, push `blosc2.Operand`
+   down onto it, reparent `Table` under `Dataset`, update `Root.__getitem__`,
+   exports, the `isinstance(_, Dataset)` sites, and the repr doctests.
+7. Add Python client `Table` behavior (`slice`/`rows`/`head` off the cframe
+   path) on the reparented class.
+8. Add web preview: a CTable branch in `htmx_path_view` (before `arr.shape`)
+   reusing `info_view.html`, plus a `filterable` flag + `{% if filterable %}`
+   guard to hide filter/sort (see "Reuse of the existing structured-array
+   visualizer"). `get_filtered_array` is not reused.
+9. Add CLI `info`/`show` support (rows off the cframe path).
+10. Add the small CTable tests (including the whole-table cframe regression).
+
+There is **no** `/api/table` JSON endpoint step — removed (Revision
+2026-07-01 #3).
+
+## Implementation status
+
+**Complete (2026-07-01).** Everything in the MVP scope is implemented and
+committed. Commits: `3f4748c` (metadata + fetch pipeline + initial `Table`),
+`32947e8` (whole-fetch fix + `Array`/`Table` hierarchy + `.b2z` storage),
+`6a45518` (web preview + CLI), plus a post-review hardening commit.
+
+### blosc2 side (done)
+
+- `CTable.to_cframe()` + `blosc2.ctable_from_cframe(bytes)` on `EmbedStore`
+  (`EmbedStoreTableStorage` backend), exported; fails cleanly (`ValueError`) on
+  non-CTable cframes. Handles scalar/string/list/dict/vlstring columns + vlmeta.
+- Lazy-view `to_cframe()` copy() limitation fixed (`where()`/`view()` serialize).
+- **Extra (found during Caterva2 QA):** `CTableRow.__getitem__` now resolves
+  dotted paths into nested struct columns (`row["trip.sec"]`) via
+  `split_field_path`, so the names `schema_dict()` advertises are all
+  addressable. Fixed upstream with tests
+  (`tests/ctable/test_nested_access_storage.py`); the temporary caterva2-side
+  workaround was removed once it landed.
+
+### Caterva2 side (done)
+
+- **Constants/metadata:** `BLOSC2_NATIVE_SUFFIXES` (incl. `.b2z`) in
+  `srv_utils.py`; `CTableMetadata` in `models.py` (field is **`schema_dict`**,
+  not `schema` — the "Metadata model" sketch above predates the rename);
+  `read_metadata()` → `CTableMetadata`; `open_b2()` returns `CTable` early;
+  `get_abspath()` treats `.b2z` as native.
+- **`/api/fetch` (Revision #1):** whole *and* sliced `.b2z` serialize via
+  `CTable.slice(...).to_cframe()`; `CTable` excluded from the `FileResponse`
+  whole short-circuit so `table[:]` no longer returns raw zip bytes.
+- **`_fetch_data` (Revision #2):** `get_slice` computes `kind` before the request
+  and `_fetch_data` dispatches `ctable_from_cframe` only for `kind=="ctable"`;
+  no more trial-and-except format sniffing.
+- **Client hierarchy (Revision #5):** `File → Dataset → {Array, Table}`;
+  `blosc2.Operand` on `Array` only; array-flavored `__getitem__` moved off
+  `File`; `Array`/`Table` exported; redundant `isinstance` tuples simplified;
+  repr doctests updated.
+- **`Table` client:** `nrows`, `ncols`, `columns`, `schema` (reads
+  `schema_dict`), `slice`/`__getitem__` → `blosc2.CTable`, `rows`, `head`.
+  (As-built defaults differ from the sketch: `rows(start=0, stop=50)` and
+  `head(n=5)`.)
+- **Upload/download:** switched hardcoded suffix sets to
+  `BLOSC2_NATIVE_SUFFIXES` (incl. `.b2z`) across `/api/upload`,
+  `/api/load_from_url`, `/htmx/upload`, and path-guessing;
+  `get_file_content`/`/api/download` already served `.b2z` raw bytes correctly.
+- **Web preview:** `htmx_path_info` Display tab for `kind=="ctable"`;
+  `htmx_path_view` CTable branch before `arr.shape`, keyed `row[...]` access,
+  `cell()` coercion, `filterable=False` + `{% if filterable %}` guard in
+  `info_view.html`. **Extra:** fixed a pre-existing `info_metadata.html` crash
+  (the Meta tab assumed `cparams` on any `nbytes`-bearing metadata, false for
+  `CTableMetadata`).
+- **CLI:** `info` prints table fields for `kind=="ctable"`; `show` parses
+  `table.b2z[start:stop]` and prints `Table.rows()` off the cframe (no `fetch`).
+- **Tests:** `caterva2/tests/test_ctable.py` (25 tests) covering all 7 planned
+  items + nested/non-identifier column-name regressions.
+
+### Post-review hardening (done)
+
+- `Table.rows()` default bounded to `[0:50)` (was an unbounded whole-table fetch).
+- `/api/fetch` CTable slice: `is None` instead of truthiness (so `[0:0]` is
+  empty, not the whole table), plus negative-index normalization and clamping.
+- CLI `show --json`: numpy/bytes cell coercion via a `json.dumps` default.
+- Filtering/sorting an unsupported dataset (e.g. a `.b2z`) now returns a clean
+  htmx error instead of an uncaught `AssertionError` (500).
+
+### Not built (intentionally deferred — see "Future extensions")
+
+- JSON `/api/table` row endpoint — **removed** (Revision #3).
+- CTable filtering/sorting (`where`/`sort_by`) over `/api/fetch` params.
+- `POST /api/query` (group_by/join/describe); Arrow/CSV/Parquet export; `.b2d`.
+
+## Open questions
+
+- Should web table preview support filters immediately?
+  - Proposed first pass: no. (Transport is settled — cframe `/api/fetch` — so
+    adding it later is a param, not a new endpoint.)
+
+- Should `.b2z` be included in `/api/fetch`?
+  - **Decided: yes**, via the `CTable.to_cframe()` cframe path, for **whole and
+    sliced** fetches (see Revision 2026-07-01 #1). `/api/download` remains for
+    whole-file raw bytes.
+
+- Should there be a JSON `/api/table` endpoint?
+  - **Decided: removed, not just deferred** (Revision 2026-07-01 #3) — a
+    consumer-less duplicate of the cframe slice. Revisit only if a real external
+    non-blosc2 JSON consumer appears. Table *operations* never motivate it.
+
+- Where do table operations (`where`/`sort`/`group_by`) live?
+  - **Decided** (Revision 2026-07-01 #4): schema-preserving (`where`/`sort`) →
+    params on `/api/fetch` (cframe); schema-changing (`group_by`/`join`/
+    `describe`) → a future `POST /api/query` (cframe). Neither is `/api/table`.
+
+- Should `Table` be a sibling of the array class or a `Dataset`?
+  - **Decided: a `Dataset`** (Revision 2026-07-01 #5). Reparent to
+    `File → Dataset → {Array, Table}`, pushing `blosc2.Operand` down onto
+    `Array` so `Table` is a dataset without being an operand. See "Client class
+    hierarchy".
+
+- Should Caterva2 expose Arrow if Blosc2 can export Arrow?
+  - Proposed first pass: no; avoid dependency/API expansion. If added later, it
+    is a `format=` param on `/api/download`, not a JSON endpoint.
+
+- Should table metadata include per-column compression stats?
+  - Proposed first pass: no, unless Blosc2 exposes a stable cheap dict.
+
+## Definition of done for MVP
+
+The cframe transport (`CTable.to_cframe()`, blosc2) is a **prerequisite for the
+whole MVP**, not a final add-on: preview itself now rides it. With it in place,
+a user can:
+
+```python
+import caterva2 as cat2
+
+client = cat2.Client("https://server")
+root = client.get("@public")
+table = root["example.b2z"]
+
+print(table.nrows)
+print(table.columns)
+print(table.head(5))
+table.download()
+```
+
+And in CLI:
+
+```sh
+cat2-client info @public/example.b2z
+cat2-client show @public/example.b2z
+```
+
+And in the web UI:
+
+- click a `.b2z`
+- see metadata
+- see a small row/column preview
+
+**Slice/whole fetch as a blosc2 object** (via `CTable.to_cframe()`):
+
+```python
+ds = root["example.b2z"]
+view = ds.slice(slice(10, 20))  # blosc2.CTable, mirroring ds.slice() for arrays
+whole = ds[:]  # blosc2.CTable too — must NOT return raw zip bytes
+```
+
+This mirrors the existing array workflow (`ds.slice(...)` -> `blosc2.NDArray`)
+and closes the symmetry gap. Both slice **and** whole must decode as a
+`blosc2.CTable` on the client (Revision 2026-07-01 #1).

From 2adefd8acb8361746b781e4f05ad1f68dd2701e5 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 14:02:02 +0200
Subject: [PATCH 07/23] Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 caterva2/services/server.py | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 93a41164..aa4d1ed1 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -588,15 +588,19 @@ async def fetch_data(
         if isinstance(sl0, slice):
             row_start = 0 if sl0.start is None else sl0.start
             row_stop = array.nrows if sl0.stop is None else sl0.stop
+            if row_start < 0:
+                row_start += array.nrows
+            if row_stop < 0:
+                row_stop += array.nrows
         elif isinstance(sl0, int):
-            row_start, row_stop = sl0, sl0 + 1
+            row_start = sl0
+            if row_start < 0:
+                row_start += array.nrows
+            row_stop = row_start + 1
         else:
             row_start, row_stop = 0, array.nrows
-        # Normalize negatives and clamp to [0, nrows].
-        if row_start < 0:
-            row_start += array.nrows
-        if row_stop < 0:
-            row_stop += array.nrows
+
+        # Clamp to [0, nrows].
         row_start = max(0, min(row_start, array.nrows))
         row_stop = max(row_start, min(row_stop, array.nrows))
         view = array.slice(row_start, row_stop)

From 6ce34caca5e3a6a12ff65136021bc0bc7fbf3504 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 1 Jul 2026 12:02:53 +0000
Subject: [PATCH 08/23] Fix hardcoded suffix set in get_abspath() to use
 srv_utils.BLOSC2_NATIVE_SUFFIXES

---
 caterva2/services/server.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index aa4d1ed1..12206cf9 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -456,7 +456,7 @@ def get_abspath(
         return cachedir / filepath
 
     # HDF5 files cannot be compressed, as they are supported natively
-    if filepath.suffix not in {".b2frame", ".b2nd", ".b2z", ".h5"} and not may_not_exist:
+    if filepath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES | {".h5", ".hdf5"} and not may_not_exist:
         if filepath.is_file():
             srv_utils.compress_file(filepath)
         filepath = f"{filepath}.b2"

From e3fc9b31c686a53c19390e44a57f3860d0636d4c Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 14:03:26 +0200
Subject: [PATCH 09/23] Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 caterva2/client.py | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/caterva2/client.py b/caterva2/client.py
index 6d12718c..cb58e2bc 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -1258,9 +1258,10 @@ def get_chunk(self, path, nchunk):
         >>> info_schunk['chunksize'] / len(chunk)
         6.453000645300064
         """
-        if isinstance(path, File):
+        if isinstance(path, Array):
             path = path.path
-        _, path = _format_paths(self.urlbase, path)
+        elif isinstance(path, File):
+            raise TypeError("get_chunk() only supports Array datasets (.b2nd/.b2frame), not regular files or tables")
         data = self._xget(
             f"{self.urlbase}/api/chunk/{path}",
             {"nchunk": nchunk},

From e410ea397532b1b153ec85b83ce3e942fdfb2a94 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 14:11:50 +0200
Subject: [PATCH 10/23] Add test for the table[-1] fix

---
 caterva2/tests/test_ctable.py | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
index c84e3a07..d864f4e4 100644
--- a/caterva2/tests/test_ctable.py
+++ b/caterva2/tests/test_ctable.py
@@ -287,6 +287,33 @@ def test_fetch_whole_and_slice(fill_ctable_public, client):
     assert tuple(part[1]) == (2, "v2")
 
 
+def test_fetch_negative_index(fill_ctable_public, client):
+    """Regression (PR #288 review): negative indexing must not clamp to empty.
+
+    `table[-1]` previously resolved to an empty slice because ``row_stop`` was
+    derived (``sl0 + 1`` -> 0) before negative normalization was applied.
+    """
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"  # 3 rows: (0, "v0"), (1, "v1"), (2, "v2")
+
+    # The exact failing case: -1 must return the last row, not an empty table.
+    last = client.get_slice(path, -1, as_blosc2=True)
+    assert isinstance(last, blosc2.CTable)
+    assert len(last) == 1
+    assert tuple(last[0]) == (2, "v2")
+
+    # A non-(-1) negative int also resolves to a single row.
+    second_last = client.get_slice(path, -2, as_blosc2=True)
+    assert len(second_last) == 1
+    assert tuple(second_last[0]) == (1, "v1")
+
+    # Negative slice start still works.
+    tail = client.get_slice(path, slice(-2, None), as_blosc2=True)
+    assert len(tail) == 2
+    assert tuple(tail[0]) == (1, "v1")
+    assert tuple(tail[1]) == (2, "v2")
+
+
 def test_client_table_class(fill_ctable_public):
     fname, root = fill_ctable_public
     table = root[fname]

From 8ee2af25867bfdbc1e7ba3cbe7154f405ee93c70 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 18:42:55 +0200
Subject: [PATCH 11/23] Support browsing TreeStore .b2z containers via virtual
 paths

A .b2z may hold a TreeStore (a hierarchy of leaves), not just a CTable.
Address leaves by path (tree.b2z/level1/ctable) without unfolding to disk:
list descends, info/fetch open the leaf, the web tree expands into leaf
rows, and the client dispatches by server-reported kind.
---
 caterva2/client.py             | 18 +++++++--
 caterva2/services/server.py    | 68 +++++++++++++++++++++++++++++-----
 caterva2/services/srv_utils.py | 41 ++++++++++++++++++--
 3 files changed, 110 insertions(+), 17 deletions(-)

diff --git a/caterva2/client.py b/caterva2/client.py
index cb58e2bc..4149c16b 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -125,10 +125,18 @@ def __getitem__(self, path):
         path = path.as_posix() if hasattr(path, "as_posix") else str(path)
         if path.endswith((".b2nd", ".b2frame")):
             return Array(self, path)
-        if path.endswith(".b2z"):
-            return Table(self, path)
-        else:
+        if path.endswith(".b2z") or ".b2z/" in path:
+            # A .b2z may be a CTable or a TreeStore (a folder whose leaves are
+            # addressed by inner path). Inner leaves carry no file suffix, so the
+            # server's metadata is what tells us the kind.
+            meta = self.client.get_info(f"{self.name}/{path}")
+            if meta.get("kind") == "ctable":
+                return Table(self, path)
+            if "shape" in meta:
+                return Array(self, path)
+            # A TreeStore container itself: browse via get_list / inner paths.
             return File(self, path)
+        return File(self, path)
 
     def __contains__(self, path):
         """
@@ -1261,7 +1269,9 @@ def get_chunk(self, path, nchunk):
         if isinstance(path, Array):
             path = path.path
         elif isinstance(path, File):
-            raise TypeError("get_chunk() only supports Array datasets (.b2nd/.b2frame), not regular files or tables")
+            raise TypeError(
+                "get_chunk() only supports Array datasets (.b2nd/.b2frame), not regular files or tables"
+            )
         data = self._xget(
             f"{self.urlbase}/api/chunk/{path}",
             {"nchunk": nchunk},
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 12206cf9..b8bb5248 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -367,9 +367,20 @@ async def get_list(
     list
         The list of datasets, as name strings relative to path.
     """
-    # List the datasets in root or directory
-    directory = get_writable_path(path, user)
+    # A path may descend into a container (e.g. a TreeStore .b2z); list its members.
+    container_path, inner_key = srv_utils.split_container_path(path)
+    directory = get_writable_path(container_path, user)
     if directory.is_file():
+        if directory.suffix == ".b2z":
+            tree = blosc2.open(directory)
+            if isinstance(tree, blosc2.TreeStore):
+                # Deep listing of leaves relative to the requested path, matching
+                # walk_files() semantics for directories.
+                prefix = inner_key or "/"
+                strip = prefix.rstrip("/") + "/"
+                return sorted(d[len(strip) :] for d in srv_utils.treestore_leaves(tree, prefix))
+        if inner_key is not None:
+            srv_utils.raise_not_found()
         name = pathlib.Path(directory.name)
         return [str(name.with_suffix("") if name.suffix == ".b2" else name)]
     # Sort the list of datasets and return
@@ -398,7 +409,14 @@ async def get_info(
     dict
         The metadata of the dataset.
     """
-    abspath = get_abspath(path, user)
+    container_path, inner_key = srv_utils.split_container_path(path)
+    abspath = get_abspath(container_path, user)
+    if inner_key is not None:
+        # A member inside a container (e.g. a TreeStore .b2z leaf).
+        leaf = blosc2.open(abspath)[inner_key]
+        if isinstance(leaf, blosc2.TreeStore):
+            srv_utils.raise_not_found()  # a group node is directory-like; use /api/list
+        return srv_utils.read_metadata(leaf, mtime=abspath.stat().st_mtime)
     if abspath.is_dir():
         srv_utils.raise_not_found()
     return srv_utils.read_metadata(abspath)
@@ -522,7 +540,8 @@ async def fetch_data(
     """
 
     slice_ = parse_slice(slice_)
-    abspath = get_abspath(path, user)
+    container_path, inner_key = srv_utils.split_container_path(path)
+    abspath = get_abspath(container_path, user)
 
     if abspath.suffix not in {".b2frame", ".b2nd", ".b2z"}:
         srv_utils.raise_bad_request(
@@ -530,7 +549,12 @@ async def fetch_data(
             "use the download API if you only want to download the file"
         )
 
-    if filter:
+    if inner_key is not None:
+        # A member inside a container (e.g. a TreeStore .b2z leaf).
+        container = blosc2.open(abspath)[inner_key]
+        if isinstance(container, blosc2.TreeStore):
+            srv_utils.raise_not_found()
+    elif filter:
         if field:
             srv_utils.raise_bad_request("Cannot handle both field and filter parameters at the same time")
         filter = filter.strip()
@@ -576,6 +600,7 @@ async def fetch_data(
         whole
         and (not isinstance(array, blosc2.LazyArray | hdf5.HDF5Proxy | blosc2.NDField | blosc2.CTable))
         and (not filter)
+        and inner_key is None  # abspath is the container, not this leaf: never stream it whole
     ):
         # Send the data in the file straight to the client,
         # avoiding slicing and re-compression.
@@ -1676,6 +1701,16 @@ def add_dataset(path, abspath):
             if relpath.suffix == ".b2":
                 relpath = relpath.with_suffix("")
             path = f"{root}/{relpath}"
+            # A .b2z holding a TreeStore is browsed as a folder: expand it into
+            # one row per leaf (e.g. tree.b2z/level1/ctable).
+            if relpath.suffix == ".b2z":
+                tree = blosc2.open(abspath)
+                if isinstance(tree, blosc2.TreeStore):
+                    for key in srv_utils.treestore_leaves(tree):
+                        leaf_path = f"{path}{key}"
+                        if search in leaf_path:
+                            add_dataset(leaf_path, abspath)
+                    continue
             if search in path:
                 add_dataset(path, abspath)
 
@@ -1757,9 +1792,13 @@ async def htmx_path_info(
     else:
         push_url = None
 
-    # Read metadata
-    abspath = get_abspath(path, user)
-    meta = srv_utils.read_metadata(abspath)
+    # Read metadata (a path may descend into a container, e.g. a TreeStore .b2z leaf)
+    container_path, inner_key = srv_utils.split_container_path(path)
+    abspath = get_abspath(container_path, user)
+    if inner_key is not None:
+        meta = srv_utils.read_metadata(blosc2.open(abspath)[inner_key], mtime=abspath.stat().st_mtime)
+    else:
+        meta = srv_utils.read_metadata(abspath)
 
     # Context
     current_url = push_url or hx_current_url
@@ -1881,9 +1920,18 @@ async def htmx_path_view(
     # Depends
     user: db.User = Depends(optional_user),
 ):
-    abspath = get_abspath(path, user)
+    container_path, inner_key = srv_utils.split_container_path(path)
+    abspath = get_abspath(container_path, user)
     filter = filter.strip()
-    if filter or sortby:
+    # ponytail: filter/sort on a TreeStore leaf would run against the container; the
+    # default (unfiltered) view is what renders on click, so leave that path as-is.
+    if inner_key is not None and not (filter or sortby):
+        try:
+            arr = blosc2.open(abspath)[inner_key]
+        except ValueError:
+            return htmx_error(request, "Cannot open container member.")
+        idx = None
+    elif filter or sortby:
         try:
             mtime = abspath.stat().st_mtime
             arr, idx = get_filtered_array(abspath, path, filter, sortby, mtime)
diff --git a/caterva2/services/srv_utils.py b/caterva2/services/srv_utils.py
index 2741f086..98ff3e2a 100644
--- a/caterva2/services/srv_utils.py
+++ b/caterva2/services/srv_utils.py
@@ -36,6 +36,34 @@
 BLOSC2_FRAME_SUFFIXES = {".b2"}
 BLOSC2_NATIVE_SUFFIXES = BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | BLOSC2_FRAME_SUFFIXES
 
+# Container suffixes whose paths may descend into internal (virtual) members.
+BLOSC2_CONTAINER_SUFFIXES = {".b2z"}
+
+
+def split_container_path(path):
+    """Split a request path at a container-file boundary.
+
+    A ``.b2z`` may hold a TreeStore, so a request path can descend *into* it,
+    e.g. ``@public/dir/tree.b2z/level1/ctable``. Return
+    ``(container_path, inner_key)`` where ``container_path`` is the ``.b2z``
+    file and ``inner_key`` is a ``/...`` TreeStore key, or ``(path, None)`` when
+    the path does not descend into a container.
+    """
+    parts = pathlib.Path(path).parts
+    for i, part in enumerate(parts):
+        if pathlib.PurePath(part).suffix in BLOSC2_CONTAINER_SUFFIXES and i < len(parts) - 1:
+            return pathlib.Path(*parts[: i + 1]), "/" + "/".join(parts[i + 1 :])
+    return pathlib.Path(path), None
+
+
+def treestore_leaves(tree, prefix="/"):
+    """Full leaf keys (e.g. ``/g/a``) under ``prefix`` of an open TreeStore.
+
+    Leaves are nodes with no children (groups are skipped), matching the
+    file-only semantics of :func:`walk_files` for directories.
+    """
+    return [d for d in tree.get_descendants(prefix) if not tree.get_children(d)]
+
 
 def compress_file(path):
     with open(path, "rb") as src:
@@ -88,7 +116,9 @@ def getter(o, k):
     return model_class(**data)
 
 
-def read_metadata(obj):
+def read_metadata(obj, mtime=None):
+    # `mtime` is used when `obj` is an already-opened object (e.g. a container
+    # leaf) with no file of its own; callers pass the container's mtime.
     # Open dataset
     if isinstance(obj, pathlib.Path):
         path = obj
@@ -120,8 +150,13 @@ def read_metadata(obj):
             )
         except RuntimeError:
             return get_model_from_obj(obj, models.Corrupt, mtime=mtime, error="Unrecognized format")
-    else:
-        mtime = None
+
+        # A .b2z may hold a TreeStore (a hierarchical container); it is browsed
+        # as a directory (its leaves are addressed as inner paths), so present
+        # the container itself like a plain file (as we do for HDF5).
+        if isinstance(obj, blosc2.TreeStore):
+            return get_model_from_obj(path, models.File, mtime=mtime, size=size)
+    # else: obj is an already-opened object; keep the caller-supplied mtime
 
     # Read metadata
     if isinstance(obj, blosc2.ndarray.NDArray):

From 4a7e9545ec7168311b7fbb741b10e9c18602701f Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 19:07:09 +0200
Subject: [PATCH 12/23] Browse hierarchical .b2z (TreeStore) containers and
 directories

A .b2z may hold a TreeStore (a hierarchy of NDArray/CTable leaves), not
just a single CTable. Address leaves by virtual path
(tree.b2z/level1/ctable) without unfolding to disk:

- split_container_path()/treestore_leaves() split a request path at the
  .b2z boundary and enumerate leaves.
- API: list descends, info/fetch open the leaf; leaves inherit the
  container mtime.
- Web: the tree expands a container into leaf rows; info/view tabs work
  on leaves.

Unify group-like things behind models.Directory (kind="dir", mtime,
size, nfiles): info returns it for a real directory, a TreeStore
container (root group), and a virtual group inside one. Group size is
summed cheaply from the .b2z zip index (no per-leaf open).

Client: new Group class (browsable/indexable); Root.__getitem__
dispatches on server-reported kind (dir->Group, ctable->Table,
shape->Array, else File), reusing already-fetched metadata to avoid a
double info round-trip.
---
 caterva2/__init__.py           |   3 +-
 caterva2/client.py             | 103 +++++++++++++++++++++++++++------
 caterva2/clients/cli.py        |   6 ++
 caterva2/models.py             |  11 ++++
 caterva2/services/server.py    |  21 +++++--
 caterva2/services/srv_utils.py |  17 +++++-
 6 files changed, 134 insertions(+), 27 deletions(-)

diff --git a/caterva2/__init__.py b/caterva2/__init__.py
index e1741c86..48ee42b6 100644
--- a/caterva2/__init__.py
+++ b/caterva2/__init__.py
@@ -9,7 +9,7 @@
 
 """Caterva2 - On demand access to remote Blosc2 data repositories"""
 
-from .client import Array, BasicAuth, Client, Dataset, File, Root, Table
+from .client import Array, BasicAuth, Client, Dataset, File, Group, Root, Table
 
 __version__ = "2025.12.4.dev0"
 """The version in use of the Caterva2 package."""
@@ -20,6 +20,7 @@
     "Client",
     "Dataset",
     "File",
+    "Group",
     "Root",
     "Table",
 ]
diff --git a/caterva2/client.py b/caterva2/client.py
index 4149c16b..fbd1949d 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -125,18 +125,18 @@ def __getitem__(self, path):
         path = path.as_posix() if hasattr(path, "as_posix") else str(path)
         if path.endswith((".b2nd", ".b2frame")):
             return Array(self, path)
-        if path.endswith(".b2z") or ".b2z/" in path:
-            # A .b2z may be a CTable or a TreeStore (a folder whose leaves are
-            # addressed by inner path). Inner leaves carry no file suffix, so the
-            # server's metadata is what tells us the kind.
-            meta = self.client.get_info(f"{self.name}/{path}")
-            if meta.get("kind") == "ctable":
-                return Table(self, path)
-            if "shape" in meta:
-                return Array(self, path)
-            # A TreeStore container itself: browse via get_list / inner paths.
-            return File(self, path)
-        return File(self, path)
+        # Anything else (a directory, a .b2z CTable/TreeStore, a virtual group or
+        # leaf inside one, or a plain file) has no reliable suffix, so the
+        # server's metadata is what tells us the kind.
+        meta = self.client.get_info(f"{self.name}/{path}")
+        kind = meta.get("kind")
+        if kind == "dir":
+            return Group(self, path, meta)
+        if kind == "ctable":
+            return Table(self, path, meta)
+        if "shape" in meta:
+            return Array(self, path, meta)
+        return File(self, path, meta)
 
     def __contains__(self, path):
         """
@@ -281,7 +281,7 @@ def load_from_url(self, urlpath, remotepath=None):
 
 
 class File:
-    def __init__(self, root, path):
+    def __init__(self, root, path, meta=None):
         """
         Represents a file, which can be a Blosc2 dataset or a regular file on a root repository.
 
@@ -317,8 +317,16 @@ def __init__(self, root, path):
         _, root = _format_paths(root.urlbase, root.name)
         self.name = name
         self.path = pathlib.PurePosixPath(f"{self.root}/{self.name}")
-        self.meta = self.root.client._get(
-            f"{self.urlbase}/api/info/{self.path}", auth_cookie=self.cookie, timeout=self.root.client.timeout
+        # `meta` may be supplied by the caller (e.g. Root.__getitem__ already
+        # fetched it to pick the class) to avoid a redundant /api/info round-trip.
+        self.meta = (
+            meta
+            if meta is not None
+            else self.root.client._get(
+                f"{self.urlbase}/api/info/{self.path}",
+                auth_cookie=self.cookie,
+                timeout=self.root.client.timeout,
+            )
         )
         # TODO: 'cparams' is not always present (e.g. for .b2nd files)
         # print(f"self.meta: {self.meta['cparams']}")
@@ -590,7 +598,7 @@ def __repr__(self):
 
 
 class Array(Dataset, blosc2.Operand):
-    def __init__(self, root, path):
+    def __init__(self, root, path, meta=None):
         """
         Represents an array dataset (.b2nd, .b2frame) within a Blosc2 container.
 
@@ -619,7 +627,7 @@ def __init__(self, root, path):
         >>> ds.blocks
         (10,)
         """
-        super().__init__(root, path)
+        super().__init__(root, path, meta)
 
     def __str__(self):
         return self.path.as_posix()
@@ -793,6 +801,67 @@ def head(self, n=5):
         return self.rows(0, n)
 
 
+class Group:
+    """A browsable group (HDF5 jargon): a directory, a TreeStore ``.b2z``, or a
+    virtual group inside one. Children are addressed by (inner) path.
+
+    Not instantiated directly; obtained from a :class:`Root`, e.g.
+    ``root['dir1']`` or ``root['tree.b2z/level1']``.
+    """
+
+    def __init__(self, root, path, meta=None):
+        self.root = root
+        _, name = _format_paths(root.urlbase, path)
+        _, rootname = _format_paths(root.urlbase, root.name)
+        self.name = name
+        self.path = pathlib.PurePosixPath(f"{rootname}/{self.name}")
+        self._meta = meta
+
+    @property
+    def client(self):
+        return self.root.client
+
+    @property
+    def urlbase(self):
+        return self.client.urlbase
+
+    @property
+    def cookie(self):
+        return self.client.cookie
+
+    @property
+    def meta(self):
+        if self._meta is None:
+            self._meta = self.client.get_info(str(self.path))
+        return self._meta
+
+    @property
+    def file_list(self):
+        """Deep list of leaf paths under this group (relative to it)."""
+        return self.client.get_list(str(self.path))
+
+    def __iter__(self):
+        return iter(self.file_list)
+
+    def __len__(self):
+        return len(self.file_list)
+
+    def __contains__(self, item):
+        item = item.as_posix() if hasattr(item, "as_posix") else str(item)
+        return item in self.file_list
+
+    def __getitem__(self, item):
+        """Retrieve a child (dataset, file, or subgroup) by relative path."""
+        item = item.as_posix() if hasattr(item, "as_posix") else str(item)
+        return self.root[f"{self.name}/{item}"]
+
+    def __repr__(self):
+        return f"<Group: {self.path}>"
+
+    def __str__(self):
+        return self.path.as_posix()
+
+
 class BasicAuth:
     """
     Basic authentication for HTTP requests.
diff --git a/caterva2/clients/cli.py b/caterva2/clients/cli.py
index 7833b08d..b460bc15 100644
--- a/caterva2/clients/cli.py
+++ b/caterva2/clients/cli.py
@@ -200,6 +200,12 @@ def _filter_names(fl):
                 names.append(f"f{f}")
         return names
 
+    if data.get("kind") == "dir":
+        print(f"nfiles : {data.get('nfiles')}")
+        print(f"size   : {_human_bytes(data.get('size'))}")
+        print(f"mtime  : {data.get('mtime')}")
+        return
+
     if data.get("kind") == "ctable":
         nbytes = data.get("nbytes")
         cbytes = data.get("cbytes")
diff --git a/caterva2/models.py b/caterva2/models.py
index fbd157c1..90f14f38 100644
--- a/caterva2/models.py
+++ b/caterva2/models.py
@@ -115,6 +115,17 @@ class File(pydantic.BaseModel):
     size: int
 
 
+class Directory(pydantic.BaseModel):
+    """A group-like container: a real directory, a TreeStore .b2z, or a
+    virtual group inside one. ``size`` is None when it is not cheap to compute
+    (virtual groups)."""
+
+    kind: str = "dir"
+    mtime: datetime.datetime | None
+    size: int | None = None
+    nfiles: int
+
+
 class Root(pydantic.BaseModel):
     name: str
 
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index b8bb5248..29397843 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -412,13 +412,22 @@ async def get_info(
     container_path, inner_key = srv_utils.split_container_path(path)
     abspath = get_abspath(container_path, user)
     if inner_key is not None:
-        # A member inside a container (e.g. a TreeStore .b2z leaf).
-        leaf = blosc2.open(abspath)[inner_key]
-        if isinstance(leaf, blosc2.TreeStore):
-            srv_utils.raise_not_found()  # a group node is directory-like; use /api/list
-        return srv_utils.read_metadata(leaf, mtime=abspath.stat().st_mtime)
+        # A member inside a container (e.g. a TreeStore .b2z leaf or group).
+        tree = blosc2.open(abspath)
+        node = tree[inner_key]
+        if isinstance(node, blosc2.TreeStore):
+            # A virtual group: report leaf count and on-disk size (summed from
+            # the .b2z zip index, no per-leaf open).
+            return models.Directory(
+                mtime=abspath.stat().st_mtime,
+                size=srv_utils.treestore_size(tree, inner_key),
+                nfiles=len(srv_utils.treestore_leaves(tree, inner_key)),
+            )
+        return srv_utils.read_metadata(node, mtime=abspath.stat().st_mtime)
     if abspath.is_dir():
-        srv_utils.raise_not_found()
+        files = list(srv_utils.walk_files(abspath))
+        size = sum(f.stat().st_size for f, _ in files)
+        return models.Directory(mtime=abspath.stat().st_mtime, size=size, nfiles=len(files))
     return srv_utils.read_metadata(abspath)
 
 
diff --git a/caterva2/services/srv_utils.py b/caterva2/services/srv_utils.py
index 98ff3e2a..e29a7394 100644
--- a/caterva2/services/srv_utils.py
+++ b/caterva2/services/srv_utils.py
@@ -65,6 +65,17 @@ def treestore_leaves(tree, prefix="/"):
     return [d for d in tree.get_descendants(prefix) if not tree.get_children(d)]
 
 
+def treestore_size(tree, prefix="/"):
+    """On-disk size (bytes) of leaves under ``prefix``, summed cheaply from the
+    ``.b2z`` zip index without opening any leaf. Returns None if unavailable."""
+    get_offsets = getattr(tree, "_get_zip_offsets", None)
+    if get_offsets is None:
+        return None
+    rel = prefix.strip("/")
+    rel = f"{rel}/" if rel else ""
+    return sum(info.get("length", 0) for m, info in get_offsets().items() if m.startswith(rel))
+
+
 def compress_file(path):
     with open(path, "rb") as src:
         data = src.read()
@@ -152,10 +163,10 @@ def read_metadata(obj, mtime=None):
             return get_model_from_obj(obj, models.Corrupt, mtime=mtime, error="Unrecognized format")
 
         # A .b2z may hold a TreeStore (a hierarchical container); it is browsed
-        # as a directory (its leaves are addressed as inner paths), so present
-        # the container itself like a plain file (as we do for HDF5).
+        # as a group (its leaves are addressed as inner paths), so present the
+        # container itself as a directory (the root group).
         if isinstance(obj, blosc2.TreeStore):
-            return get_model_from_obj(path, models.File, mtime=mtime, size=size)
+            return models.Directory(mtime=mtime, size=size, nfiles=len(treestore_leaves(obj, "/")))
     # else: obj is an already-opened object; keep the caller-supplied mtime
 
     # Read metadata

From af2cce620dff2e889492b0d3e611c386caf01180 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Wed, 1 Jul 2026 19:18:19 +0200
Subject: [PATCH 13/23] Add plan for virtual descent for h5 too

---
 plans/b2z-h5-tree.md | 107 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)
 create mode 100644 plans/b2z-h5-tree.md

diff --git a/plans/b2z-h5-tree.md b/plans/b2z-h5-tree.md
new file mode 100644
index 00000000..1f7a9787
--- /dev/null
+++ b/plans/b2z-h5-tree.md
@@ -0,0 +1,107 @@
+# Hierarchical containers in Caterva2 (`.b2z` TreeStore, and `.h5`)
+
+Design notes + plan for browsing/querying hierarchical containers via **virtual
+descent** (address inner members by path, no unfolding to disk).
+
+## Background
+
+A `.b2z` may hold a **TreeStore** (a hierarchy of NDArray/CTable leaves), not
+just a single `CTable`. Rather than the old HDF5 `unfold` approach (walk the
+container and write proxy files replicating the hierarchy), we address leaves by
+virtual path, e.g. `@personal/tree-store.b2z/level1/ctable`, resolving on the fly.
+
+Key asymmetry: TreeStore leaves are already native blosc2 objects
+(`tree[key]` → NDArray/CTable), so the seam is cheap. HDF5 leaves are not, so
+they must be wrapped in an `HDF5Proxy` — which today writes a `.b2nd` proxy file
+(the unfold path). Virtual descent for `.h5` needs a *file-less* proxy.
+
+## Done (branch `new-table`) — `.b2z` TreeStore
+
+Implemented and tested (`caterva2/tests/test_treestore.py`), full suite green.
+
+Core seam (`srv_utils.py`):
+- `split_container_path(path)` → `(container_path, inner_key)`, split at the
+  `.b2z` boundary. `BLOSC2_CONTAINER_SUFFIXES = {".b2z"}` is the knob.
+- `treestore_leaves(tree, prefix)` → deep leaf keys (groups skipped).
+- `treestore_size(tree, prefix)` → on-disk size summed from the `.b2z` zip index
+  (`_get_zip_offsets`, guarded), no per-leaf open.
+- `read_metadata(obj, mtime=None)` — TreeStore container → `models.Directory`;
+  accepts an mtime for opened leaf objects (leaves inherit the container mtime).
+
+API (`server.py`): `get_list` descends; `get_info`/`fetch_data` open
+`tree[inner_key]` (leaf → metadata/slice; group → `Directory`); `fetch` guards
+the whole-file `FileResponse` fast path so it never streams the whole container.
+
+Web (`server.py`): `htmx_path_list` expands a container into one row per leaf;
+`htmx_path_info`/`htmx_path_view` split + open the leaf.
+
+Groups unified via `models.Directory{kind:"dir", mtime, size, nfiles}`:
+`get_info` returns it for a real directory, a TreeStore container (root group),
+and a virtual group inside one. Size is cheap (zip index for `.b2z` groups;
+aggregate file stat for real dirs).
+
+Client (`client.py`): new `Group` class (browsable/indexable; exported from
+`caterva2`). `Root.__getitem__` dispatches on server `kind`
+(dir→`Group`, ctable→`Table`, shape→`Array`, else `File`) for any
+non-`.b2nd`/`.b2frame` path; `File`/`Array` accept `meta=` to avoid a double
+`/api/info` round-trip.
+
+## Open questions
+
+1. **Route `.h5` through the same seam** (chosen direction; plan below). Would
+   let us eventually retire the `unfold` proxy-file path.
+2. **Web cosmetics** (minor, marked with `ponytail:` comments):
+   - Each expanded leaf row in the web tree shows the *container's* size
+     (`add_dataset` stats the container file). Would need per-leaf size.
+   - Filter/sort on a TreeStore leaf falls back to unfiltered (default view is
+     fine).
+3. **Client perf tradeoff** (accepted, not a bug): `Root.__getitem__` now does
+   one `/api/info` call for any non-`.b2nd`/`.b2frame` path (dirs, `.b2z`, plain
+   files). Deduped via `meta=`, but still one round-trip where plain files used
+   to be lazy. Revisit only if a hot path does many `root['plainfile']` lookups.
+4. **Not committed** — all changes are in the working tree on `new-table`.
+
+## Plan: route `.h5` through the seam (~70–90 lines, mostly `hdf5.py`)
+
+More than `.b2z` (which was ~1 helper) because HDF5 isn't native, but bounded —
+the heavy lifting (HDF5Proxy, chunk readers, `to_cframe`) already exists from the
+unfold work. Feasibility of the two hard parts verified with a scratch h5 file:
+`visititems` enumerates leaves cheaply, `dset.id.get_storage_size()` gives
+per-dataset size, and `blosc2.empty(shape, dtype, **b2args)` with no urlpath
+yields an in-memory b2arr carrying cparams.
+
+1. **File-less proxy** (~15 lines, `hdf5.py`) — factory `HDF5Proxy.open(h5file,
+   dsetname)` that sets `self.dset` to the live h5 dataset and builds an
+   in-memory `self.b2arr = blosc2.empty(shape, dtype, **b2args_from_h5dset(...))`
+   (no urlpath → no disk write). Reuses existing `slice`/`to_cframe`/properties
+   (`slice` uses `self.dset` + `self.b2arr.cparams`, both satisfied). This is the
+   one genuinely new mechanism.
+2. **Enumerate + size helpers** (~12 lines, `hdf5.py`) — `hdf5_leaves(path,
+   prefix)` via `visititems`; `hdf5_size(path, prefix)` via
+   `dset.id.get_storage_size()`. Analogs of `treestore_leaves`/`treestore_size`.
+3. **`read_metadata`** (~8 lines) — plain `.h5` (no inner key) → `Directory`
+   (currently `File`) with nfiles/size; add an `HDF5Proxy` branch for a leaf
+   object.
+4. **Server descent** (~25 lines) — `get_list`/`get_info`/`fetch_data` currently
+   hardcode `.b2z` + `blosc2.open` + TreeStore. Add `.h5` siblings; cleanest is a
+   tiny "container adapter" (`open → is-group? Directory : leaf-proxy`) so both
+   formats share the flow.
+5. **`split_container_path`** — add `.h5`, `.hdf5` to
+   `BLOSC2_CONTAINER_SUFFIXES` (1 line; `get_abspath` already permits `.h5`).
+6. **Web** (~8 lines) — generalize the path-list leaf-row expansion to `.h5`.
+7. **Client** — zero change; already dispatches on server `kind`.
+
+### Decisions / risks
+- **Keep `unfold` intact** in this change; virtual descent and unfold both target
+  the same `.h5` differently. Retiring unfold (drop the command +
+  `create_hdf5_proxies` + the proxy-file reconstruct mode of `HDF5Proxy`) is a
+  clean follow-up once this proves out.
+- **Compat**: `read_metadata` on a plain `.h5` flips `File`→`Directory`; a couple
+  of `test_hdf5_proxy` assertions may expect `File` — check/adjust.
+- **Incompatible leaves** (compound/vlen/scalar h5 datasets):
+  `h5dset_is_compatible` exists; skip or surface them in enumeration rather than
+  crash.
+
+### Suggested increments
+- Spike: file-less proxy (#1) + enumeration (#2) alone, verified with a test.
+- Then wire server descent (#3–#5), then web (#6).

From 04ba21362c3bbe06783dba76a4d72839743e1125 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Thu, 2 Jul 2026 11:05:34 +0200
Subject: [PATCH 14/23] Add mountable virtual roots for .b2z TreeStore
 containers in web UI

A .b2z TreeStore now shows as a single mountable row in the datasets
list instead of auto-expanding into one row per leaf (which flooded the
list). Clicking the plug icon "mounts" it as a virtual root alongside
@personal/@shared/@public, with its own checkbox and an unmount control;
checking it lists that container's leaves. Mount state lives client-side
in localStorage (key caterva2:mounted), bridged to the server via an
htmx:configRequest listener that adds `mounted=` params to the root-list
request. No new endpoints, DB, or per-user server state.

- server.py: htmx_root_list accepts `mounted` and filters it through
  get_rootdir_or_none; htmx_path_list renders TreeStores as single
  mountable rows and expands mounted containers into leaf rows.
- templates: root_list.html renders mounted roots, path_list.html adds
  the plug button, home.html holds the mount/unmount JS.
- Rename Directory.kind "dir" -> "group" (models/client/cli).

Review fixes:
- Avoid stored XSS: read paths from data-* attributes at click time
  instead of interpolating into inline handler JS source.
- Don't 500 the listing on a corrupt/non-TreeStore/stale .b2z (untrusted
  localStorage input); skip it in both the walk and virtual-root loops.
- Dedup roots in mountRoot so a repeat click can't double-list leaves.
- stat() the container once per mount instead of once per leaf.
- Update test_treestore.py for single-row behavior; add coverage for
  virtual-root leaf expansion and bogus-container safety.
---
 caterva2/client.py                         |  2 +-
 caterva2/clients/cli.py                    |  2 +-
 caterva2/models.py                         |  2 +-
 caterva2/services/server.py                | 86 +++++++++++++++++-----
 caterva2/services/templates/home.html      | 66 +++++++++++++++++
 caterva2/services/templates/path_list.html |  6 +-
 caterva2/services/templates/root_list.html | 15 ++++
 7 files changed, 157 insertions(+), 22 deletions(-)

diff --git a/caterva2/client.py b/caterva2/client.py
index fbd1949d..30899db0 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -130,7 +130,7 @@ def __getitem__(self, path):
         # server's metadata is what tells us the kind.
         meta = self.client.get_info(f"{self.name}/{path}")
         kind = meta.get("kind")
-        if kind == "dir":
+        if kind == "group":
             return Group(self, path, meta)
         if kind == "ctable":
             return Table(self, path, meta)
diff --git a/caterva2/clients/cli.py b/caterva2/clients/cli.py
index b460bc15..2277b59f 100644
--- a/caterva2/clients/cli.py
+++ b/caterva2/clients/cli.py
@@ -200,7 +200,7 @@ def _filter_names(fl):
                 names.append(f"f{f}")
         return names
 
-    if data.get("kind") == "dir":
+    if data.get("kind") == "group":
         print(f"nfiles : {data.get('nfiles')}")
         print(f"size   : {_human_bytes(data.get('size'))}")
         print(f"mtime  : {data.get('mtime')}")
diff --git a/caterva2/models.py b/caterva2/models.py
index 90f14f38..1041fdac 100644
--- a/caterva2/models.py
+++ b/caterva2/models.py
@@ -120,7 +120,7 @@ class Directory(pydantic.BaseModel):
     virtual group inside one. ``size`` is None when it is not cheap to compute
     (virtual groups)."""
 
-    kind: str = "dir"
+    kind: str = "group"
     mtime: datetime.datetime | None
     size: int | None = None
     nfiles: int
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 29397843..59d27c79 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1625,11 +1625,21 @@ async def htmx_root_list(
     request: Request,
     # Query
     roots: list[str] = fastapi.Query([]),
+    mounted: list[str] = fastapi.Query([]),
     # Depends
     user: db.User = Depends(optional_user),
 ):
+    seen = set()
+    mounted_ok = []
+    for path in mounted:
+        prefix = path.split("/", 1)[0]
+        if get_rootdir_or_none(prefix, user) is not None and path not in seen:
+            seen.add(path)
+            mounted_ok.append(path)
+
     context = {
         "checked": roots,
+        "mounted": mounted_ok,
         "user": user,
     }
     return templates.TemplateResponse(request, "root_list.html", context)
@@ -1694,14 +1704,15 @@ def get_names():
     datasets = []
     query = {"roots": roots, "search": search}
 
-    def add_dataset(path, abspath):
+    def add_dataset(path, abspath, mountable=False, size=None):
         datasets.append(
             {
                 "name": "_",
                 "path": path,
-                "size": abspath.stat().st_size,
+                "size": abspath.stat().st_size if size is None else size,
                 "url": make_url(request, "html_home", path=path, query=query),
                 "label": truncate_path(path),
+                "mountable": mountable,
             }
         )
 
@@ -1710,19 +1721,48 @@ def add_dataset(path, abspath):
             if relpath.suffix == ".b2":
                 relpath = relpath.with_suffix("")
             path = f"{root}/{relpath}"
-            # A .b2z holding a TreeStore is browsed as a folder: expand it into
-            # one row per leaf (e.g. tree.b2z/level1/ctable).
+            # A .b2z holding a TreeStore shows as a single mountable row; its
+            # leaves are browsed once it's mounted as a virtual root. A corrupt
+            # or non-container .b2z (uploads aren't validated) falls through to
+            # a plain row instead of crashing the whole listing.
             if relpath.suffix == ".b2z":
-                tree = blosc2.open(abspath)
+                try:
+                    tree = blosc2.open(abspath)
+                except Exception:
+                    tree = None
                 if isinstance(tree, blosc2.TreeStore):
-                    for key in srv_utils.treestore_leaves(tree):
-                        leaf_path = f"{path}{key}"
-                        if search in leaf_path:
-                            add_dataset(leaf_path, abspath)
+                    if search in path:
+                        add_dataset(path, abspath, mountable=True)
                     continue
             if search in path:
                 add_dataset(path, abspath)
 
+    # Virtual roots: mounted .b2z TreeStore containers, expanded into leaves.
+    for root in roots:
+        proot = pathlib.PurePosixPath(root)
+        if proot.suffix not in srv_utils.BLOSC2_CONTAINER_SUFFIXES:
+            continue  # classic roots handled by filter_roots above
+        rootdir = get_rootdir_or_none(proot.parts[0], user)
+        if rootdir is None:
+            continue
+        abspath = (rootdir / pathlib.Path(*proot.parts[1:])).resolve()
+        if rootdir.resolve() not in abspath.parents:
+            continue
+        # `root` is untrusted (client localStorage): a stale, non-container, or
+        # corrupt path must skip silently, not 500 the whole listing. blosc2.open
+        # raises OSError (missing/dir), zipfile.BadZipFile, or RuntimeError here.
+        try:
+            tree = blosc2.open(abspath)
+        except Exception:
+            continue
+        if not isinstance(tree, blosc2.TreeStore):
+            continue
+        size = abspath.stat().st_size  # same container file for every leaf
+        for key in srv_utils.treestore_leaves(tree):
+            leaf_path = f"{root}{key}"
+            if search in leaf_path:
+                add_dataset(leaf_path, abspath, size=size)
+
     # Add current path if not already in the list
     current_path = hx_current_url.path
     segments = current_path.segments
@@ -1735,12 +1775,18 @@ def add_dataset(path, abspath):
             root = segments[1]
             rootdir = get_rootdir_or_none(root, user)
             if rootdir is not None:
-                relpath = pathlib.Path(*segments[2:])
-                abspath = rootdir / relpath
-                if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES:
-                    abspath = pathlib.Path(f"{abspath}.b2")
+                # Path may descend into a container (e.g. an unmounted TreeStore
+                # leaf); size/stat then come from the container file itself.
+                container_path, inner_key = srv_utils.split_container_path(path)
+                if inner_key is not None:
+                    abspath = rootdir / pathlib.Path(*container_path.parts[1:])
+                else:
+                    relpath = pathlib.Path(*segments[2:])
+                    abspath = rootdir / relpath
+                    if abspath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES:
+                        abspath = pathlib.Path(f"{abspath}.b2")
 
-                with contextlib.suppress(FileNotFoundError):
+                with contextlib.suppress(FileNotFoundError, NotADirectoryError):
                     add_dataset(path, abspath)
 
     # Assign names to datasets
@@ -1804,10 +1850,14 @@ async def htmx_path_info(
     # Read metadata (a path may descend into a container, e.g. a TreeStore .b2z leaf)
     container_path, inner_key = srv_utils.split_container_path(path)
     abspath = get_abspath(container_path, user)
-    if inner_key is not None:
-        meta = srv_utils.read_metadata(blosc2.open(abspath)[inner_key], mtime=abspath.stat().st_mtime)
-    else:
-        meta = srv_utils.read_metadata(abspath)
+    try:
+        if inner_key is not None:
+            meta = srv_utils.read_metadata(blosc2.open(abspath)[inner_key], mtime=abspath.stat().st_mtime)
+        else:
+            meta = srv_utils.read_metadata(abspath)
+    except FileNotFoundError:
+        # e.g. a bare root (@personal) or another directory with no dataset of its own
+        raise fastapi.HTTPException(status_code=404) from None  # NotFound
 
     # Context
     current_url = push_url or hx_current_url
diff --git a/caterva2/services/templates/home.html b/caterva2/services/templates/home.html
index 263c6afb..daa46589 100644
--- a/caterva2/services/templates/home.html
+++ b/caterva2/services/templates/home.html
@@ -91,6 +91,72 @@
 {% endif %}
 
 <script>
+const ROOT_LIST_URL = "{{ url('htmx/root-list/') }}";
+const PATH_LIST_URL = "{{ url('htmx/path-list/') }}";
+const PATH_INFO_URL = "{{ url('htmx/path-info/') }}";
+const MOUNT_KEY = 'caterva2:mounted';
+const getMounts = () => JSON.parse(localStorage.getItem(MOUNT_KEY) || '[]');
+
+htmx.on('htmx:configRequest', (evt) => {
+    if (evt.detail.path.includes('htmx/root-list'))
+        evt.detail.parameters['mounted'] = getMounts();
+});
+
+function checkedRoots() {
+    return [...document.querySelectorAll('input[name=roots]:checked')].map(e => e.value);
+}
+function refreshRoots(checked) {
+    const qs = new URLSearchParams(checked.map(r => ['roots', r]));
+    return htmx.ajax('GET', `${ROOT_LIST_URL}?${qs}`, '#root-list-wrapper');
+}
+function refreshPathList(roots) {
+    const search = document.querySelector('#query-search')?.value || '';
+    const qs = new URLSearchParams(roots.map(r => ['roots', r]));
+    if (search) qs.set('search', search);
+    return htmx.ajax('GET', `${PATH_LIST_URL}?${qs}`, '#path-list');
+}
+window.mountRoot = (path) => {
+    const m = getMounts();
+    if (!m.includes(path)) { m.push(path); localStorage.setItem(MOUNT_KEY, JSON.stringify(m)); }
+    // Auto-check the new root so its contents show up right away (a repeat
+    // click must not list the same root twice).
+    const roots = [...new Set([...checkedRoots(), path])];
+    refreshRoots(roots);
+    refreshPathList(roots);
+};
+// If a leaf inside `path` (a mounted container) is the one currently shown,
+// fall back to highlighting the container itself first. This also fixes the
+// pushed URL, so a subsequent path-list refresh doesn't re-pin the removed
+// leaf via its "keep current path visible" fallback.
+function highlightContainerIfCurrent(path) {
+    if (!decodeURIComponent(window.location.pathname).includes(`/${path}/`))
+        return Promise.resolve();
+    return htmx.ajax('GET', `${PATH_INFO_URL}${encodeURIComponent(path)}`, {
+        target: '#meta',
+        indicator: '#meta-wrapper .htmx-indicator',
+    });
+}
+window.unmountRoot = (path) => {
+    localStorage.setItem(MOUNT_KEY, JSON.stringify(getMounts().filter(p => p !== path)));
+    const roots = checkedRoots().filter(r => r !== path);
+
+    highlightContainerIfCurrent(path).then(() => {
+        refreshRoots(roots);
+        refreshPathList(roots);
+    });
+};
+// Unchecking a mounted root's checkbox normally lets the form's own
+// hx-get refresh #path-list directly. But if the leaf currently shown lives
+// under it, fix the current URL first (see highlightContainerIfCurrent) and
+// only then refresh the list, so the leaf isn't re-pinned into it.
+window.onMountedRootToggle = (event, path) => {
+    if (event.target.checked) return true;
+    if (!decodeURIComponent(window.location.pathname).includes(`/${path}/`)) return true;
+    event.stopPropagation();
+    highlightContainerIfCurrent(path).then(() => refreshPathList(checkedRoots()));
+    return false;
+};
+
 htmx.on('htmx:beforeSwap', function (evt) {
     // Allow 400 responses to swap, we treat these as form validation errors
     let detail = evt.detail;
diff --git a/caterva2/services/templates/path_list.html b/caterva2/services/templates/path_list.html
index 5110c258..c3515721 100644
--- a/caterva2/services/templates/path_list.html
+++ b/caterva2/services/templates/path_list.html
@@ -22,7 +22,7 @@ <h5>Datasets:</h5>
         {% endif %}
         <a href="{{dataset.url}}"
            class="input-group-text text-decoration-none"
-           style="width: 70%"
+           style="width: 62%"
            title="{{dataset.path}}"
 
            data-url="{{ url('htmx/path-info/') }}"
@@ -34,6 +34,10 @@ <h5>Datasets:</h5>
         <span class="input-group-text" style="width: 20%">
             {{ dataset.size|filesizeformat }}
         </span>
+        <span class="input-group-text" style="width: 8%"
+              {% if dataset.mountable %}role="button" title="Mount as root" data-path="{{ dataset.path }}" onclick="mountRoot(this.dataset.path)"{% endif %}>
+            {% if dataset.mountable %}<i class="fa-solid fa-plug"></i>{% endif %}
+        </span>
     </div>
     {% endfor %}
 </div>
diff --git a/caterva2/services/templates/root_list.html b/caterva2/services/templates/root_list.html
index 7d456f65..32b92e30 100644
--- a/caterva2/services/templates/root_list.html
+++ b/caterva2/services/templates/root_list.html
@@ -29,6 +29,21 @@
         {% include 'includes/root.html' %}
     {% endwith %}
 
+    {% for name in mounted %}
+    <div class="d-flex gap-1 justify-content-between">
+        <div class="form-check">
+            <input class="form-check-input" type="checkbox" name="roots"
+                   value="{{ name }}" {{ "checked" if name in checked }}
+                   onchange="return onMountedRootToggle(event, this.value)"
+                   id="id_root_mounted_{{ loop.index }}">
+            <label class="form-check-label" for="id_root_mounted_{{ loop.index }}"
+                   title="{{ name }}">{{ name.split('/')[-1] }}</label>
+        </div>
+        <i class="fa-solid fa-xmark" role="button" title="Unmount"
+           data-name="{{ name }}" onclick="unmountRoot(this.dataset.name)"></i>
+    </div>
+    {% endfor %}
+
 </form>
 
 <script>

From aee01e4ef371f29e766fe3d4175ed4298ca2fd2a Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 01:15:31 +0200
Subject: [PATCH 15/23] Browse .h5/.hdf5 files as mountable virtual roots

Extend the .b2z TreeStore virtual-descent/mount feature to plain HDF5
files: a srv_utils.open_container() adapter (_TreeStoreAdapter /
_HDF5Adapter) unifies list/info/fetch across both formats, backed by a
file-less HDF5Proxy.open_leaf() (in-memory, no .b2nd written to disk).
Client Group gains unfold/copy/move/remove/download, since a plain .h5
now dispatches to Group instead of File.

Also fix the mounted-root unmount (x) icon: a long root name (typical
for .h5 files) grew the row past the sidebar's fixed column, pushing
the icon under the neighboring higher-z-index panel and eating the
click. The icon now sits in a fixed, absolutely-positioned slot in the
row's own gutter, so it stays clickable and its checkbox lines up with
the regular-root rows above it.
---
 caterva2/client.py                            | 310 ++++++++++--------
 caterva2/hdf5.py                              |  69 ++++
 caterva2/services/server.py                   | 173 ++++++----
 caterva2/services/srv_utils.py                | 163 ++++++++-
 .../services/static/build/main-BWQxJoNB.js    |   1 -
 .../services/static/build/main-Bl4lbrCH.css   |   1 -
 caterva2/services/static/build/manifest.json  |   4 +-
 caterva2/services/templates/root_list.html    |  10 +-
 plans/b2z-h5-tree-implementation.md           | 286 ++++++++++++++++
 plans/b2z-h5-tree.md                          |  59 +++-
 plans/b2z-virtual-roots.md                    | 251 ++++++++++++++
 src/main.scss                                 |   8 +
 12 files changed, 1086 insertions(+), 249 deletions(-)
 delete mode 100644 caterva2/services/static/build/main-BWQxJoNB.js
 delete mode 100644 caterva2/services/static/build/main-Bl4lbrCH.css
 create mode 100644 plans/b2z-h5-tree-implementation.md
 create mode 100644 plans/b2z-virtual-roots.md

diff --git a/caterva2/client.py b/caterva2/client.py
index 30899db0..622ff725 100644
--- a/caterva2/client.py
+++ b/caterva2/client.py
@@ -280,7 +280,170 @@ def load_from_url(self, urlpath, remotepath=None):
         return self.client.load_from_url(urlpath, remotepath)
 
 
-class File:
+# Mirrors ``srv_utils.BLOSC2_CONTAINER_SUFFIXES`` (not importable here: the
+# services package needs server-only dependencies).
+_CONTAINER_SUFFIXES = {".b2z", ".h5", ".hdf5"}
+
+
+class _FileOpsMixin:
+    """File-level operations shared by :class:`File` and :class:`Group`.
+
+    They act on the underlying *file* on the server, so they refuse paths
+    addressing a member inside a container (e.g. ``@personal/foo.h5/g``),
+    which has no file of its own.
+    """
+
+    def _toplevel_path(self):
+        parts = pathlib.PurePosixPath(self.path).parts
+        if any(pathlib.PurePosixPath(p).suffix in _CONTAINER_SUFFIXES for p in parts[:-1]):
+            raise ValueError(f"Not supported for a member inside a container file: {self.path}")
+        return self.path
+
+    def download(self, localpath=None):
+        """
+        Downloads the file to storage.
+
+        Parameters
+        ----------
+        localpath : Path, optional
+            The destination path for the downloaded file.  If not specified, the file will
+            be downloaded to the current working directory.
+
+        Returns
+        -------
+        Path
+            The path to the downloaded file.
+
+        Examples
+        --------
+        >>> import caterva2 as cat2
+        >>> client = cat2.Client('https://cat2.cloud/demo')
+        >>> root = client.get('example')
+        >>> file = root['ds-1d.b2nd']
+        >>> file.download()
+        PosixPath('example/ds-1d.b2nd')
+        >>> file.download('mydir/myarray.b2nd')
+        PosixPath('mydir/myarray.b2nd')
+        """
+        return self.client.download(
+            self._toplevel_path(),
+            localpath=localpath,
+        )
+
+    def unfold(self):
+        """
+        Unfolds the file in a remote directory.
+
+        Returns
+        -------
+        Path
+            The path to the unfolded directory.
+
+        Examples
+        --------
+        >>> import caterva2 as cat2
+        >>> client = cat2.Client('https://cat2.cloud/demo')
+        >>> root = client.get('example')
+        >>> file = root['ds-1d.h5']
+        >>> file.unfold()
+        PurePosixPath('example/ds-1d.h5')
+        """
+        return self.client.unfold(self._toplevel_path())
+
+    def move(self, dst):
+        """
+        Moves the file to a new location.
+
+        Parameters
+        ----------
+        dst : Path
+            The destination path for the file.
+
+        Returns
+        -------
+        Path
+            The new path of the file after the move.
+
+        Examples
+        --------
+        >>> import caterva2 as cat2
+        >>> # For moving a file you need to be a registered user
+        >>> client = cat2.Client("https://cat2.cloud/demo", ("joedoe@example.com", "foobar"))
+        >>> root = client.get('@personal')
+        >>> root.upload('root-example/dir2/ds-4d.b2nd')
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
+        >>> file = root['root-example/dir2/ds-4d.b2nd']
+        >>> file.move('@personal/root-example/dir1/ds-4d-moved.b2nd')
+        PurePosixPath('@personal/root-example/dir1/ds-4d-moved.b2nd')
+        >>> 'root-example/dir2/ds-4d.b2nd' in root
+        False
+        >>> 'root-example/dir1/ds-4d-moved.b2nd' in root
+        True
+        """
+        return self.client.move(self._toplevel_path(), dst)
+
+    def copy(self, dst):
+        """
+        Copies the file to a new location.
+
+        Parameters
+        ----------
+        dst : Path
+            The destination path for the file.
+
+        Returns
+        -------
+        Path
+            The new path of the copied file.
+
+        Examples
+        --------
+        >>> import caterva2 as cat2
+        >>> import numpy as np
+        >>> # For copying a file you need to be a registered user
+        >>> client = cat2.Client("https://cat2.cloud/demo", ("joedoe@example.com", "foobar"))
+        >>> root = client.get('@personal')
+        >>> root.upload('root-example/dir2/ds-4d.b2nd')
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
+        >>> file = root['root-example/dir2/ds-4d.b2nd']
+        >>> file.copy('@personal/root-example/dir2/ds-4d-copy.b2nd')
+        PurePosixPath('@personal/root-example/dir2/ds-4d-copy.b2nd')
+        >>> 'root-example/dir2/ds-4d.b2nd' in root
+        True
+        >>> 'root-example/dir2/ds-4d-copy.b2nd' in root
+        True
+        """
+        return self.client.copy(self._toplevel_path(), dst)
+
+    def remove(self):
+        """
+        Removes the file from the remote repository.
+
+        Returns
+        -------
+        str
+            The path of the removed file.
+
+        Examples
+        --------
+        >>> import caterva2 as cat2
+        >>> import numpy as np
+        >>> # To remove a file you need to be a registered user
+        >>> client = cat2.Client('https://cat2.cloud/demo', ("joedoe@example.com", "foobar"))
+        >>> root = client.get('@personal')
+        >>> path = 'root-example/dir2/ds-4d.b2nd'
+        >>> root.upload(path)
+        <Array: @personal/root-example/dir2/ds-4d.b2nd>
+        >>> file = root[path]
+        >>> file.remove()
+        '@personal/root-example/dir2/ds-4d.b2nd'
+        >>> path in root
+        False
+        """
+        return self.client.remove(self._toplevel_path())
+
+
+class File(_FileOpsMixin):
     def __init__(self, root, path, meta=None):
         """
         Represents a file, which can be a Blosc2 dataset or a regular file on a root repository.
@@ -438,149 +601,6 @@ def slice(
         # Fetch and return the data as a Blosc2 object / NumPy array
         return self.client.get_slice(self.path, key, as_blosc2)
 
-    def download(self, localpath=None):
-        """
-        Downloads the file to storage.
-
-        Parameters
-        ----------
-        localpath : Path, optional
-            The destination path for the downloaded file.  If not specified, the file will
-            be downloaded to the current working directory.
-
-        Returns
-        -------
-        Path
-            The path to the downloaded file.
-
-        Examples
-        --------
-        >>> import caterva2 as cat2
-        >>> client = cat2.Client('https://cat2.cloud/demo')
-        >>> root = client.get('example')
-        >>> file = root['ds-1d.b2nd']
-        >>> file.download()
-        PosixPath('example/ds-1d.b2nd')
-        >>> file.download('mydir/myarray.b2nd')
-        PosixPath('mydir/myarray.b2nd')
-        """
-        return self.client.download(
-            self.path,
-            localpath=localpath,
-        )
-
-    def unfold(self):
-        """
-        Unfolds the file in a remote directory.
-
-        Returns
-        -------
-        Path
-            The path to the unfolded directory.
-
-        Examples
-        --------
-        >>> import caterva2 as cat2
-        >>> client = cat2.Client('https://cat2.cloud/demo')
-        >>> root = client.get('example')
-        >>> file = root['ds-1d.h5']
-        >>> file.unfold()
-        PurePosixPath('example/ds-1d.h5')
-        """
-        return self.client.unfold(self.path)
-
-    def move(self, dst):
-        """
-        Moves the file to a new location.
-
-        Parameters
-        ----------
-        dst : Path
-            The destination path for the file.
-
-        Returns
-        -------
-        Path
-            The new path of the file after the move.
-
-        Examples
-        --------
-        >>> import caterva2 as cat2
-        >>> # For moving a file you need to be a registered user
-        >>> client = cat2.Client("https://cat2.cloud/demo", ("joedoe@example.com", "foobar"))
-        >>> root = client.get('@personal')
-        >>> root.upload('root-example/dir2/ds-4d.b2nd')
-        <Array: @personal/root-example/dir2/ds-4d.b2nd>
-        >>> file = root['root-example/dir2/ds-4d.b2nd']
-        >>> file.move('@personal/root-example/dir1/ds-4d-moved.b2nd')
-        PurePosixPath('@personal/root-example/dir1/ds-4d-moved.b2nd')
-        >>> 'root-example/dir2/ds-4d.b2nd' in root
-        False
-        >>> 'root-example/dir1/ds-4d-moved.b2nd' in root
-        True
-        """
-        return self.client.move(self.path, dst)
-
-    def copy(self, dst):
-        """
-        Copies the file to a new location.
-
-        Parameters
-        ----------
-        dst : Path
-            The destination path for the file.
-
-        Returns
-        -------
-        Path
-            The new path of the copied file.
-
-        Examples
-        --------
-        >>> import caterva2 as cat2
-        >>> import numpy as np
-        >>> # For copying a file you need to be a registered user
-        >>> client = cat2.Client("https://cat2.cloud/demo", ("joedoe@example.com", "foobar"))
-        >>> root = client.get('@personal')
-        >>> root.upload('root-example/dir2/ds-4d.b2nd')
-        <Array: @personal/root-example/dir2/ds-4d.b2nd>
-        >>> file = root['root-example/dir2/ds-4d.b2nd']
-        >>> file.copy('@personal/root-example/dir2/ds-4d-copy.b2nd')
-        PurePosixPath('@personal/root-example/dir2/ds-4d-copy.b2nd')
-        >>> 'root-example/dir2/ds-4d.b2nd' in root
-        True
-        >>> 'root-example/dir2/ds-4d-copy.b2nd' in root
-        True
-        """
-        return self.client.copy(self.path, dst)
-
-    def remove(self):
-        """
-        Removes the file from the remote repository.
-
-        Returns
-        -------
-        str
-            The path of the removed file.
-
-        Examples
-        --------
-        >>> import caterva2 as cat2
-        >>> import numpy as np
-        >>> # To remove a file you need to be a registered user
-        >>> client = cat2.Client('https://cat2.cloud/demo', ("joedoe@example.com", "foobar"))
-        >>> root = client.get('@personal')
-        >>> path = 'root-example/dir2/ds-4d.b2nd'
-        >>> root.upload(path)
-        <Array: @personal/root-example/dir2/ds-4d.b2nd>
-        >>> file = root[path]
-        >>> file.remove()
-        '@personal/root-example/dir2/ds-4d.b2nd'
-        >>> path in root
-        False
-        """
-        return self.client.remove(self.path)
-
 
 class Dataset(File):
     """Generic fetchable-dataset base, shared by :class:`Array` and :class:`Table`.
@@ -801,7 +821,7 @@ def head(self, n=5):
         return self.rows(0, n)
 
 
-class Group:
+class Group(_FileOpsMixin):
     """A browsable group (HDF5 jargon): a directory, a TreeStore ``.b2z``, or a
     virtual group inside one. Children are addressed by (inner) path.
 
diff --git a/caterva2/hdf5.py b/caterva2/hdf5.py
index a08b30e6..c510b30d 100644
--- a/caterva2/hdf5.py
+++ b/caterva2/hdf5.py
@@ -297,6 +297,59 @@ def b2iterchunks_chunked() -> Iterator[bytes]:
     return b2getchunk_chunked, b2iterchunks_chunked
 
 
+def _h5group(h5file, prefix):
+    """The group at ``prefix``, or None if it is missing or not a group.
+
+    URL-supplied prefixes may name a leaf dataset or nothing at all; both must
+    degrade gracefully (matching TreeStore's tolerant prefix matching), not
+    crash the caller.
+    """
+    rel = prefix.strip("/")
+    try:
+        node = h5file[rel] if rel else h5file
+    except (KeyError, ValueError):
+        return None
+    return node if isinstance(node, (h5py.Group, h5py.File)) else None
+
+
+def hdf5_leaves(h5file, prefix="/"):
+    """Full leaf keys (e.g. ``/g/a``) under ``prefix`` of an open HDF5 file.
+
+    Mirrors ``srv_utils.treestore_leaves``. Incompatible datasets (compound,
+    vlen, too many dims) are skipped rather than surfaced as broken leaves;
+    a missing or non-group ``prefix`` yields ``[]``.
+    """
+    grp = _h5group(h5file, prefix)
+    if grp is None:
+        return []
+    base = prefix.rstrip("/")
+    out = []
+
+    def visit(name, obj):
+        if isinstance(obj, h5py.Dataset) and h5dset_is_compatible(obj):
+            out.append(f"{base}/{name}")
+
+    grp.visititems(visit)
+    return out
+
+
+def hdf5_size(h5file, prefix="/"):
+    """On-disk size (bytes) of compatible leaves under ``prefix``, in a single
+    ``visititems`` walk (no per-leaf re-lookup)."""
+    grp = _h5group(h5file, prefix)
+    if grp is None:
+        return 0
+    total = 0
+
+    def visit(name, obj):
+        nonlocal total
+        if isinstance(obj, h5py.Dataset) and h5dset_is_compatible(obj):
+            total += obj.id.get_storage_size()
+
+    grp.visititems(visit)
+    return total
+
+
 class HDF5Proxy(blosc2.Operand):
     """
     Simple proxy for an HDF5 array (or similar) that can be used with the Blosc2 compute engine.
@@ -304,6 +357,22 @@ class HDF5Proxy(blosc2.Operand):
     This only supports the __getitem__ method. No caching is performed.
     """
 
+    @classmethod
+    def open_leaf(cls, h5file, dsetname):
+        """Build a file-less proxy for a dataset in an already-open HDF5 file.
+
+        Unlike the on-disk mode below, this creates no ``.b2nd`` proxy file:
+        ``b2arr`` is an in-memory, urlpath-less Blosc2 array used only to hold
+        creation-compatible metadata (cparams/dparams/chunks/dtype).
+        """
+        self = cls.__new__(cls)
+        self.fname = h5file.filename
+        self.dsetname = dsetname
+        self.dset = h5file[dsetname] if dsetname else h5file
+        b2args = b2args_from_h5dset(self.dset)
+        self.b2arr = blosc2.empty(self.dset.shape or (), dtype=self.dset.dtype, **b2args)
+        return self
+
     def __init__(self, b2arr, h5file=None, dsetname=None):
         if b2arr is not None:
             # The file has been opened already, so we just need to set the filename and dataset name
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 59d27c79..df49e99d 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -367,18 +367,20 @@ async def get_list(
     list
         The list of datasets, as name strings relative to path.
     """
-    # A path may descend into a container (e.g. a TreeStore .b2z); list its members.
-    container_path, inner_key = srv_utils.split_container_path(path)
-    directory = get_writable_path(container_path, user)
+    # A path may descend into a container (e.g. a TreeStore .b2z or .h5); list
+    # its members.
+    directory, inner_key = split_and_resolve(path, user, resolver=get_writable_path)
     if directory.is_file():
-        if directory.suffix == ".b2z":
-            tree = blosc2.open(directory)
-            if isinstance(tree, blosc2.TreeStore):
+        container = srv_utils.open_container(directory)
+        if container is not None:
+            try:
                 # Deep listing of leaves relative to the requested path, matching
                 # walk_files() semantics for directories.
                 prefix = inner_key or "/"
                 strip = prefix.rstrip("/") + "/"
-                return sorted(d[len(strip) :] for d in srv_utils.treestore_leaves(tree, prefix))
+                return sorted(d[len(strip) :] for d in container.leaves(prefix))
+            finally:
+                container.close()
         if inner_key is not None:
             srv_utils.raise_not_found()
         name = pathlib.Path(directory.name)
@@ -409,21 +411,13 @@ async def get_info(
     dict
         The metadata of the dataset.
     """
-    container_path, inner_key = srv_utils.split_container_path(path)
-    abspath = get_abspath(container_path, user)
+    abspath, inner_key = split_and_resolve(path, user)
     if inner_key is not None:
-        # A member inside a container (e.g. a TreeStore .b2z leaf or group).
-        tree = blosc2.open(abspath)
-        node = tree[inner_key]
-        if isinstance(node, blosc2.TreeStore):
-            # A virtual group: report leaf count and on-disk size (summed from
-            # the .b2z zip index, no per-leaf open).
-            return models.Directory(
-                mtime=abspath.stat().st_mtime,
-                size=srv_utils.treestore_size(tree, inner_key),
-                nfiles=len(srv_utils.treestore_leaves(tree, inner_key)),
-            )
-        return srv_utils.read_metadata(node, mtime=abspath.stat().st_mtime)
+        # A member inside a container (e.g. a TreeStore .b2z or .h5 leaf/group).
+        meta = srv_utils.container_member_info(abspath, inner_key)
+        if meta is None:
+            srv_utils.raise_not_found()
+        return meta
     if abspath.is_dir():
         files = list(srv_utils.walk_files(abspath))
         size = sum(f.stat().st_size for f, _ in files)
@@ -483,7 +477,10 @@ def get_abspath(
         return cachedir / filepath
 
     # HDF5 files cannot be compressed, as they are supported natively
-    if filepath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES | {".h5", ".hdf5"} and not may_not_exist:
+    if (
+        filepath.suffix not in srv_utils.BLOSC2_NATIVE_SUFFIXES | srv_utils.HDF5_SUFFIXES
+        and not may_not_exist
+    ):
         if filepath.is_file():
             srv_utils.compress_file(filepath)
         filepath = f"{filepath}.b2"
@@ -500,6 +497,25 @@ def get_abspath(
     return abspath
 
 
+def split_and_resolve(path, user, resolver=None):
+    """Split a container-descent path and resolve the container on disk.
+
+    Like ``srv_utils.split_container_path`` + resolving, but skips split
+    points that are real *directories* merely named like a container (e.g.
+    ``results.h5/``, creatable through the upload API), so files beneath them
+    stay reachable instead of 404ing. Returns ``(abspath, inner_key)``.
+    """
+    resolver = resolver or get_abspath
+    parts = pathlib.Path(path).parts
+    for i, part in enumerate(parts[:-1]):
+        if pathlib.PurePath(part).suffix in srv_utils.BLOSC2_CONTAINER_SUFFIXES:
+            abspath = resolver(pathlib.Path(*parts[: i + 1]), user)
+            if abspath.is_dir():
+                continue  # a directory that merely looks like a container
+            return abspath, "/" + "/".join(parts[i + 1 :])
+    return resolver(pathlib.Path(path), user), None
+
+
 def parse_slice(string):
     if not string:
         return None
@@ -549,19 +565,30 @@ async def fetch_data(
     """
 
     slice_ = parse_slice(slice_)
-    container_path, inner_key = srv_utils.split_container_path(path)
-    abspath = get_abspath(container_path, user)
+    abspath, inner_key = split_and_resolve(path, user)
 
-    if abspath.suffix not in {".b2frame", ".b2nd", ".b2z"}:
+    # Container leaves are fetchable too; a plain .h5/.hdf5 (no inner_key) is
+    # a group, not a dataset, so it keeps the usual 400.
+    fetchable = abspath.suffix in {".b2frame", ".b2nd", ".b2z"} or (
+        abspath.suffix in srv_utils.HDF5_SUFFIXES and inner_key is not None
+    )
+    if not fetchable:
         srv_utils.raise_bad_request(
             "The fetch API only supports datasets (.b2nd, .b2frame, .b2z); "
             "use the download API if you only want to download the file"
         )
 
     if inner_key is not None:
-        # A member inside a container (e.g. a TreeStore .b2z leaf).
-        container = blosc2.open(abspath)[inner_key]
-        if isinstance(container, blosc2.TreeStore):
+        # A member inside a container (e.g. a TreeStore .b2z or .h5 leaf). Not
+        # explicitly closed: an HDF5 leaf needs its underlying h5py.File open
+        # for the reads below; CPython drops it once `container` goes out of
+        # scope at function return (verified: a leaf survives an *implicit*
+        # refcount-driven close, only an *explicit* .close() invalidates it).
+        container_adapter = srv_utils.open_container(abspath)
+        if container_adapter is None:
+            srv_utils.raise_not_found()
+        container = container_adapter.get(inner_key)
+        if container is None or container_adapter.is_group(container):
             srv_utils.raise_not_found()
     elif filter:
         if field:
@@ -1342,15 +1369,16 @@ async def remove(
     if abspath.is_dir():
         shutil.rmtree(abspath)
     else:
-        # Try to unlink the file
+        # Try to unlink the file. NotADirectoryError: a path descending into a
+        # container file (e.g. foo.h5/g) names no real file of its own.
         try:
             abspath.unlink()
-        except FileNotFoundError:
+        except (FileNotFoundError, NotADirectoryError):
             # Try adding a .b2 extension
             abspath = abspath.with_suffix(abspath.suffix + ".b2")
             try:
                 abspath.unlink()
-            except FileNotFoundError as exc:
+            except (FileNotFoundError, NotADirectoryError) as exc:
                 raise fastapi.HTTPException(
                     status_code=404,  # not found
                     detail="The specified path does not exist",
@@ -1721,23 +1749,21 @@ def add_dataset(path, abspath, mountable=False, size=None):
             if relpath.suffix == ".b2":
                 relpath = relpath.with_suffix("")
             path = f"{root}/{relpath}"
-            # A .b2z holding a TreeStore shows as a single mountable row; its
-            # leaves are browsed once it's mounted as a virtual root. A corrupt
-            # or non-container .b2z (uploads aren't validated) falls through to
-            # a plain row instead of crashing the whole listing.
-            if relpath.suffix == ".b2z":
-                try:
-                    tree = blosc2.open(abspath)
-                except Exception:
-                    tree = None
-                if isinstance(tree, blosc2.TreeStore):
-                    if search in path:
-                        add_dataset(path, abspath, mountable=True)
-                    continue
+            # A .b2z/.h5 holding a browsable container shows as a single
+            # mountable row; its leaves are browsed once it's mounted as a
+            # virtual root. A corrupt or non-container file (uploads aren't
+            # validated) falls through to a plain row instead of crashing the
+            # whole listing.
+            if relpath.suffix in srv_utils.BLOSC2_CONTAINER_SUFFIXES and srv_utils.is_container_file(
+                abspath
+            ):
+                if search in path:
+                    add_dataset(path, abspath, mountable=True)
+                continue
             if search in path:
                 add_dataset(path, abspath)
 
-    # Virtual roots: mounted .b2z TreeStore containers, expanded into leaves.
+    # Virtual roots: mounted .b2z/.h5 containers, expanded into leaves.
     for root in roots:
         proot = pathlib.PurePosixPath(root)
         if proot.suffix not in srv_utils.BLOSC2_CONTAINER_SUFFIXES:
@@ -1749,19 +1775,19 @@ def add_dataset(path, abspath, mountable=False, size=None):
         if rootdir.resolve() not in abspath.parents:
             continue
         # `root` is untrusted (client localStorage): a stale, non-container, or
-        # corrupt path must skip silently, not 500 the whole listing. blosc2.open
-        # raises OSError (missing/dir), zipfile.BadZipFile, or RuntimeError here.
-        try:
-            tree = blosc2.open(abspath)
-        except Exception:
-            continue
-        if not isinstance(tree, blosc2.TreeStore):
+        # corrupt path must skip silently, not 500 the whole listing.
+        # open_container() swallows the underlying open errors itself.
+        container = srv_utils.open_container(abspath)
+        if container is None:
             continue
-        size = abspath.stat().st_size  # same container file for every leaf
-        for key in srv_utils.treestore_leaves(tree):
-            leaf_path = f"{root}{key}"
-            if search in leaf_path:
-                add_dataset(leaf_path, abspath, size=size)
+        try:
+            size = abspath.stat().st_size  # same container file for every leaf
+            for key in container.leaves():
+                leaf_path = f"{root}{key}"
+                if search in leaf_path:
+                    add_dataset(leaf_path, abspath, size=size)
+        finally:
+            container.close()
 
     # Add current path if not already in the list
     current_path = hx_current_url.path
@@ -1847,12 +1873,14 @@ async def htmx_path_info(
     else:
         push_url = None
 
-    # Read metadata (a path may descend into a container, e.g. a TreeStore .b2z leaf)
-    container_path, inner_key = srv_utils.split_container_path(path)
-    abspath = get_abspath(container_path, user)
+    # Read metadata (a path may descend into a container, e.g. a TreeStore
+    # .b2z or .h5 leaf)
+    abspath, inner_key = split_and_resolve(path, user)
     try:
         if inner_key is not None:
-            meta = srv_utils.read_metadata(blosc2.open(abspath)[inner_key], mtime=abspath.stat().st_mtime)
+            meta = srv_utils.container_member_info(abspath, inner_key)
+            if meta is None:
+                srv_utils.raise_not_found()
         else:
             meta = srv_utils.read_metadata(abspath)
     except FileNotFoundError:
@@ -1979,15 +2007,22 @@ async def htmx_path_view(
     # Depends
     user: db.User = Depends(optional_user),
 ):
-    container_path, inner_key = srv_utils.split_container_path(path)
-    abspath = get_abspath(container_path, user)
+    abspath, inner_key = split_and_resolve(path, user)
     filter = filter.strip()
-    # ponytail: filter/sort on a TreeStore leaf would run against the container; the
-    # default (unfiltered) view is what renders on click, so leave that path as-is.
-    if inner_key is not None and not (filter or sortby):
-        try:
-            arr = blosc2.open(abspath)[inner_key]
-        except ValueError:
+    if inner_key is not None and (filter or sortby):
+        # get_filtered_array() would blosc2.open() the whole container file
+        # (uncaught RuntimeError → 500, for .h5 and TreeStore .b2z alike);
+        # container members render unfiltered only.
+        return htmx_error(request, "Filtering/sorting is not supported for container members.")
+    if inner_key is not None:
+        # Not explicitly closed: an HDF5 leaf needs its h5py.File open for the
+        # reads below (through the rest of this function); CPython drops it
+        # once `arr` goes out of scope at function return.
+        container = srv_utils.open_container(abspath)
+        if container is None:
+            return htmx_error(request, "Cannot open container member.")
+        arr = container.get(inner_key)
+        if arr is None or container.is_group(arr):
             return htmx_error(request, "Cannot open container member.")
         idx = None
     elif filter or sortby:
diff --git a/caterva2/services/srv_utils.py b/caterva2/services/srv_utils.py
index e29a7394..380ede5a 100644
--- a/caterva2/services/srv_utils.py
+++ b/caterva2/services/srv_utils.py
@@ -22,6 +22,7 @@
 # Requirements
 import blosc2
 import fastapi
+import h5py
 import safer
 from fastapi_users.exceptions import UserNotExists
 from sqlalchemy.future import select
@@ -36,8 +37,10 @@
 BLOSC2_FRAME_SUFFIXES = {".b2"}
 BLOSC2_NATIVE_SUFFIXES = BLOSC2_ARRAY_SUFFIXES | BLOSC2_TABLE_SUFFIXES | BLOSC2_FRAME_SUFFIXES
 
+HDF5_SUFFIXES = {".h5", ".hdf5"}
+
 # Container suffixes whose paths may descend into internal (virtual) members.
-BLOSC2_CONTAINER_SUFFIXES = {".b2z"}
+BLOSC2_CONTAINER_SUFFIXES = {".b2z"} | HDF5_SUFFIXES
 
 
 def split_container_path(path):
@@ -76,6 +79,130 @@ def treestore_size(tree, prefix="/"):
     return sum(info.get("length", 0) for m, info in get_offsets().items() if m.startswith(rel))
 
 
+class _TreeStoreAdapter:
+    """Adapter for a ``.b2z`` holding a TreeStore. Leaves survive `close()`
+    (they're independent objects once fetched), so callers may close eagerly."""
+
+    def __init__(self, tree):
+        self.tree = tree
+
+    def leaves(self, prefix="/"):
+        try:
+            return treestore_leaves(self.tree, prefix)
+        except (KeyError, ValueError):
+            return []
+
+    def size(self, prefix="/"):
+        return treestore_size(self.tree, prefix)
+
+    def get(self, key):
+        try:
+            return self.tree[key]
+        except (KeyError, ValueError):
+            # ValueError: TreeStore rejects malformed keys (NUL bytes, empty
+            # segments), and keys come straight from the URL — 404, not 500.
+            return None
+
+    def is_group(self, node):
+        return isinstance(node, blosc2.TreeStore)
+
+    def close(self):
+        self.tree.close()
+
+
+class _HDF5Adapter:
+    """Adapter for a ``.h5``/``.hdf5`` file. Unlike TreeStore leaves, a leaf
+    ``HDF5Proxy`` needs the underlying ``h5py.File`` to stay open for reads
+    that happen after `get()` returns, so callers reading leaf data should
+    let this adapter be garbage-collected rather than closing it eagerly
+    (CPython drops the file's refcount to zero once the proxy itself goes out
+    of scope). Only call `close()` when done with `leaves()`/`size()` alone."""
+
+    def __init__(self, h5file):
+        self.h5file = h5file
+
+    def leaves(self, prefix="/"):
+        return hdf5.hdf5_leaves(self.h5file, prefix)
+
+    def size(self, prefix="/"):
+        return hdf5.hdf5_size(self.h5file, prefix)
+
+    def get(self, key):
+        key = key.strip("/")
+        try:
+            node = self.h5file[key] if key else self.h5file
+        except KeyError:
+            return None
+        if isinstance(node, (h5py.Group, h5py.File)):
+            return node
+        if not hdf5.h5dset_is_compatible(node):
+            return None
+        return hdf5.HDF5Proxy.open_leaf(self.h5file, key)
+
+    def is_group(self, node):
+        return isinstance(node, (h5py.Group, h5py.File))
+
+    def close(self):
+        self.h5file.close()
+
+
+def open_container(abspath):
+    """Adapter for a *browsable hierarchical* file, or ``None`` if `abspath`
+    is not one (single-array .b2z, corrupt/non-container file, wrong suffix)."""
+    suffix = abspath.suffix
+    if suffix == ".b2z":
+        try:
+            tree = blosc2.open(abspath)
+        except Exception:
+            return None
+        return _TreeStoreAdapter(tree) if isinstance(tree, blosc2.TreeStore) else None
+    if suffix in HDF5_SUFFIXES:
+        try:
+            return _HDF5Adapter(h5py.File(abspath, "r"))
+        except Exception:
+            return None
+    return None
+
+
+def is_container_file(abspath):
+    """Cheap "is this mountable?" probe for the web path-list hot path (runs
+    per file per search keystroke), avoiding a full open where possible."""
+    suffix = abspath.suffix
+    if suffix in HDF5_SUFFIXES:
+        return h5py.is_hdf5(abspath)
+    if suffix == ".b2z":
+        container = open_container(abspath)
+        if container is None:
+            return False
+        container.close()
+        return True
+    return False
+
+
+def container_member_info(abspath, inner_key):
+    """Metadata model for a member inside a container file: a
+    ``models.Directory`` for a virtual group, dataset metadata for a leaf, or
+    ``None`` if the container or the member does not exist."""
+    container = open_container(abspath)
+    if container is None:
+        return None
+    try:
+        node = container.get(inner_key)
+        if node is None:
+            return None
+        if container.is_group(node):
+            # A virtual group: report leaf count and on-disk size (cheap,
+            # no per-leaf open).
+            return models.Directory(
+                mtime=abspath.stat().st_mtime,
+                size=container.size(inner_key),
+                nfiles=len(container.leaves(inner_key)),
+            )
+        return read_metadata(node, mtime=abspath.stat().st_mtime)
+    finally:
+        container.close()
+
+
 def compress_file(path):
     with open(path, "rb") as src:
         data = src.read()
@@ -139,16 +266,17 @@ def read_metadata(obj, mtime=None):
         mtime = stat.st_mtime
         size = stat.st_size
 
-        if path.suffix in {".h5", ".hdf5"}:
-            # HDF5 file
-            # TODO: extract metadata from HDF5 file
-            # try:
-            #     import h5py
-            # except ImportError:
-            #     raise ImportError("h5py is required to read HDF5 files")
-            # with h5py.File(path, "r") as f:
-            #     obj = f
-            return get_model_from_obj(obj, models.File, mtime=mtime, size=size)
+        if path.suffix in HDF5_SUFFIXES:
+            # A browsable .h5/.hdf5 is presented as a directory (its root
+            # group), mirroring the .b2z/TreeStore case below; a corrupt or
+            # unopenable file falls back to a plain File.
+            container = open_container(path)
+            if container is None:
+                return get_model_from_obj(obj, models.File, mtime=mtime, size=size)
+            try:
+                return models.Directory(mtime=mtime, size=size, nfiles=len(container.leaves("/")))
+            finally:
+                container.close()
 
         assert path.suffix in BLOSC2_NATIVE_SUFFIXES
         try:
@@ -170,7 +298,18 @@ def read_metadata(obj, mtime=None):
     # else: obj is an already-opened object; keep the caller-supplied mtime
 
     # Read metadata
-    if isinstance(obj, blosc2.ndarray.NDArray):
+    if isinstance(obj, hdf5.HDF5Proxy):
+        # A file-less HDF5 leaf proxy (from a container adapter): not an
+        # NDArray, so it needs its own branch (unlike the on-disk-proxy
+        # NDArray case below, which is keyed on vlmeta["_ftype"]).
+        proxy = obj
+        cparams = get_model_from_obj(proxy.b2arr.schunk.cparams, models.CParams)
+        cparams = reformat_cparams(cparams)
+        schunk = get_model_from_obj(proxy.b2arr.schunk, models.SChunk, cparams=cparams)
+        schunk.cratio = proxy.cratio
+        schunk.cbytes = proxy.cbytes
+        return get_model_from_obj(proxy, models.Metadata, schunk=schunk, mtime=mtime)
+    elif isinstance(obj, blosc2.ndarray.NDArray):
         array = obj
         cparams = get_model_from_obj(array.schunk.cparams, models.CParams)
         cparams = reformat_cparams(cparams)
diff --git a/caterva2/services/static/build/main-BWQxJoNB.js b/caterva2/services/static/build/main-BWQxJoNB.js
deleted file mode 100644
index c057ae17..00000000
--- a/caterva2/services/static/build/main-BWQxJoNB.js
+++ /dev/null
@@ -1 +0,0 @@
-var L="top",P="bottom",j="right",$="left",nt="auto",Ae=[L,P,j,$],de="start",Ee="end",Ai="clippingParents",Ct="viewport",Te="popper",Ei="reference",Ot=Ae.reduce(function(i,e){return i.concat([e+"-"+de,e+"-"+Ee])},[]),xt=[].concat(Ae,[nt]).reduce(function(i,e){return i.concat([e,e+"-"+de,e+"-"+Ee])},[]),Ti="beforeRead",Ci="read",Oi="afterRead",xi="beforeMain",ki="main",Si="afterMain",Li="beforeWrite",$i="write",Di="afterWrite",Ii=[Ti,Ci,Oi,xi,ki,Si,Li,$i,Di];function U(i){return i?(i.nodeName||"").toLowerCase():null}function M(i){if(i==null)return window;if(i.toString()!=="[object Window]"){var e=i.ownerDocument;return e&&e.defaultView||window}return i}function fe(i){var e=M(i).Element;return i instanceof e||i instanceof Element}function H(i){var e=M(i).HTMLElement;return i instanceof e||i instanceof HTMLElement}function kt(i){if(typeof ShadowRoot>"u")return!1;var e=M(i).ShadowRoot;return i instanceof e||i instanceof ShadowRoot}function ps(i){var e=i.state;Object.keys(e.elements).forEach(function(t){var n=e.styles[t]||{},s=e.attributes[t]||{},o=e.elements[t];!H(o)||!U(o)||(Object.assign(o.style,n),Object.keys(s).forEach(function(r){var a=s[r];a===!1?o.removeAttribute(r):o.setAttribute(r,a===!0?"":a)}))})}function ms(i){var e=i.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach(function(n){var s=e.elements[n],o=e.attributes[n]||{},r=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]),a=r.reduce(function(l,u){return l[u]="",l},{});!H(s)||!U(s)||(Object.assign(s.style,a),Object.keys(o).forEach(function(l){s.removeAttribute(l)}))})}}const St={name:"applyStyles",enabled:!0,phase:"write",fn:ps,effect:ms,requires:["computeStyles"]};function X(i){return i.split("-")[0]}var pe=Math.max,st=Math.min,Ce=Math.round;function Lt(){var i=navigator.userAgentData;return i!=null&&i.brands&&Array.isArray(i.brands)?i.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function Ni(){return!/^((?!chrome|android).)*safari/i.test(Lt())}function Oe(i,e,t){e===void 0&&(e=!1),t===void 0&&(t=!1);var n=i.getBoundingClientRect(),s=1,o=1;e&&H(i)&&(s=i.offsetWidth>0&&Ce(n.width)/i.offsetWidth||1,o=i.offsetHeight>0&&Ce(n.height)/i.offsetHeight||1);var r=fe(i)?M(i):window,a=r.visualViewport,l=!Ni()&&t,u=(n.left+(l&&a?a.offsetLeft:0))/s,h=(n.top+(l&&a?a.offsetTop:0))/o,p=n.width/s,m=n.height/o;return{width:p,height:m,top:h,right:u+p,bottom:h+m,left:u,x:u,y:h}}function $t(i){var e=Oe(i),t=i.offsetWidth,n=i.offsetHeight;return Math.abs(e.width-t)<=1&&(t=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:i.offsetLeft,y:i.offsetTop,width:t,height:n}}function Pi(i,e){var t=e.getRootNode&&e.getRootNode();if(i.contains(e))return!0;if(t&&kt(t)){var n=e;do{if(n&&i.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function K(i){return M(i).getComputedStyle(i)}function gs(i){return["table","td","th"].indexOf(U(i))>=0}function ee(i){return((fe(i)?i.ownerDocument:i.document)||window.document).documentElement}function ot(i){return U(i)==="html"?i:i.assignedSlot||i.parentNode||(kt(i)?i.host:null)||ee(i)}function ji(i){return!H(i)||K(i).position==="fixed"?null:i.offsetParent}function _s(i){var e=/firefox/i.test(Lt()),t=/Trident/i.test(Lt());if(t&&H(i)){var n=K(i);if(n.position==="fixed")return null}var s=ot(i);for(kt(s)&&(s=s.host);H(s)&&["html","body"].indexOf(U(s))<0;){var o=K(s);if(o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].indexOf(o.willChange)!==-1||e&&o.willChange==="filter"||e&&o.filter&&o.filter!=="none")return s;s=s.parentNode}return null}function Re(i){for(var e=M(i),t=ji(i);t&&gs(t)&&K(t).position==="static";)t=ji(t);return t&&(U(t)==="html"||U(t)==="body"&&K(t).position==="static")?e:t||_s(i)||e}function Dt(i){return["top","bottom"].indexOf(i)>=0?"x":"y"}function We(i,e,t){return pe(i,st(e,t))}function bs(i,e,t){var n=We(i,e,t);return n>t?t:n}function Mi(){return{top:0,right:0,bottom:0,left:0}}function Hi(i){return Object.assign({},Mi(),i)}function Fi(i,e){return e.reduce(function(t,n){return t[n]=i,t},{})}var vs=function(i,e){return i=typeof i=="function"?i(Object.assign({},e.rects,{placement:e.placement})):i,Hi(typeof i!="number"?i:Fi(i,Ae))};function ys(i){var e,t=i.state,n=i.name,s=i.options,o=t.elements.arrow,r=t.modifiersData.popperOffsets,a=X(t.placement),l=Dt(a),u=[$,j].indexOf(a)>=0,h=u?"height":"width";if(!(!o||!r)){var p=vs(s.padding,t),m=$t(o),g=l==="y"?L:$,_=l==="y"?P:j,f=t.rects.reference[h]+t.rects.reference[l]-r[l]-t.rects.popper[h],y=r[l]-t.rects.reference[l],w=Re(o),E=w?l==="y"?w.clientHeight||0:w.clientWidth||0:0,T=f/2-y/2,b=p[g],v=E-m[h]-p[_],A=E/2-m[h]/2+T,C=We(b,A,v),O=l;t.modifiersData[n]=(e={},e[O]=C,e.centerOffset=C-A,e)}}function ws(i){var e=i.state,t=i.options,n=t.element,s=n===void 0?"[data-popper-arrow]":n;s!=null&&(typeof s=="string"&&(s=e.elements.popper.querySelector(s),!s)||Pi(e.elements.popper,s)&&(e.elements.arrow=s))}const Ri={name:"arrow",enabled:!0,phase:"main",fn:ys,effect:ws,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function xe(i){return i.split("-")[1]}var As={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Es(i,e){var t=i.x,n=i.y,s=e.devicePixelRatio||1;return{x:Ce(t*s)/s||0,y:Ce(n*s)/s||0}}function Wi(i){var e,t=i.popper,n=i.popperRect,s=i.placement,o=i.variation,r=i.offsets,a=i.position,l=i.gpuAcceleration,u=i.adaptive,h=i.roundOffsets,p=i.isFixed,m=r.x,g=m===void 0?0:m,_=r.y,f=_===void 0?0:_,y=typeof h=="function"?h({x:g,y:f}):{x:g,y:f};g=y.x,f=y.y;var w=r.hasOwnProperty("x"),E=r.hasOwnProperty("y"),T=$,b=L,v=window;if(u){var A=Re(t),C="clientHeight",O="clientWidth";if(A===M(t)&&(A=ee(t),K(A).position!=="static"&&a==="absolute"&&(C="scrollHeight",O="scrollWidth")),A=A,s===L||(s===$||s===j)&&o===Ee){b=P;var x=p&&A===v&&v.visualViewport?v.visualViewport.height:A[C];f-=x-n.height,f*=l?1:-1}if(s===$||(s===L||s===P)&&o===Ee){T=j;var k=p&&A===v&&v.visualViewport?v.visualViewport.width:A[O];g-=k-n.width,g*=l?1:-1}}var D=Object.assign({position:a},u&&As),q=h===!0?Es({x:g,y:f},M(t)):{x:g,y:f};if(g=q.x,f=q.y,l){var S;return Object.assign({},D,(S={},S[b]=E?"0":"",S[T]=w?"0":"",S.transform=(v.devicePixelRatio||1)<=1?"translate("+g+"px, "+f+"px)":"translate3d("+g+"px, "+f+"px, 0)",S))}return Object.assign({},D,(e={},e[b]=E?f+"px":"",e[T]=w?g+"px":"",e.transform="",e))}function Ts(i){var e=i.state,t=i.options,n=t.gpuAcceleration,s=n===void 0?!0:n,o=t.adaptive,r=o===void 0?!0:o,a=t.roundOffsets,l=a===void 0?!0:a,u={placement:X(e.placement),variation:xe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,Wi(Object.assign({},u,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:r,roundOffsets:l})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,Wi(Object.assign({},u,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})}const It={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Ts,data:{}};var rt={passive:!0};function Cs(i){var e=i.state,t=i.instance,n=i.options,s=n.scroll,o=s===void 0?!0:s,r=n.resize,a=r===void 0?!0:r,l=M(e.elements.popper),u=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&u.forEach(function(h){h.addEventListener("scroll",t.update,rt)}),a&&l.addEventListener("resize",t.update,rt),function(){o&&u.forEach(function(h){h.removeEventListener("scroll",t.update,rt)}),a&&l.removeEventListener("resize",t.update,rt)}}const Nt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Cs,data:{}};var Os={left:"right",right:"left",bottom:"top",top:"bottom"};function at(i){return i.replace(/left|right|bottom|top/g,function(e){return Os[e]})}var xs={start:"end",end:"start"};function qi(i){return i.replace(/start|end/g,function(e){return xs[e]})}function Pt(i){var e=M(i),t=e.pageXOffset,n=e.pageYOffset;return{scrollLeft:t,scrollTop:n}}function jt(i){return Oe(ee(i)).left+Pt(i).scrollLeft}function ks(i,e){var t=M(i),n=ee(i),s=t.visualViewport,o=n.clientWidth,r=n.clientHeight,a=0,l=0;if(s){o=s.width,r=s.height;var u=Ni();(u||!u&&e==="fixed")&&(a=s.offsetLeft,l=s.offsetTop)}return{width:o,height:r,x:a+jt(i),y:l}}function Ss(i){var e,t=ee(i),n=Pt(i),s=(e=i.ownerDocument)==null?void 0:e.body,o=pe(t.scrollWidth,t.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),r=pe(t.scrollHeight,t.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),a=-n.scrollLeft+jt(i),l=-n.scrollTop;return K(s||t).direction==="rtl"&&(a+=pe(t.clientWidth,s?s.clientWidth:0)-o),{width:o,height:r,x:a,y:l}}function Mt(i){var e=K(i),t=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+s+n)}function Bi(i){return["html","body","#document"].indexOf(U(i))>=0?i.ownerDocument.body:H(i)&&Mt(i)?i:Bi(ot(i))}function qe(i,e){var t;e===void 0&&(e=[]);var n=Bi(i),s=n===((t=i.ownerDocument)==null?void 0:t.body),o=M(n),r=s?[o].concat(o.visualViewport||[],Mt(n)?n:[]):n,a=e.concat(r);return s?a:a.concat(qe(ot(r)))}function Ht(i){return Object.assign({},i,{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height})}function Ls(i,e){var t=Oe(i,!1,e==="fixed");return t.top=t.top+i.clientTop,t.left=t.left+i.clientLeft,t.bottom=t.top+i.clientHeight,t.right=t.left+i.clientWidth,t.width=i.clientWidth,t.height=i.clientHeight,t.x=t.left,t.y=t.top,t}function zi(i,e,t){return e===Ct?Ht(ks(i,t)):fe(e)?Ls(e,t):Ht(Ss(ee(i)))}function $s(i){var e=qe(ot(i)),t=["absolute","fixed"].indexOf(K(i).position)>=0,n=t&&H(i)?Re(i):i;return fe(n)?e.filter(function(s){return fe(s)&&Pi(s,n)&&U(s)!=="body"}):[]}function Ds(i,e,t,n){var s=e==="clippingParents"?$s(i):[].concat(e),o=[].concat(s,[t]),r=o[0],a=o.reduce(function(l,u){var h=zi(i,u,n);return l.top=pe(h.top,l.top),l.right=st(h.right,l.right),l.bottom=st(h.bottom,l.bottom),l.left=pe(h.left,l.left),l},zi(i,r,n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function Vi(i){var e=i.reference,t=i.element,n=i.placement,s=n?X(n):null,o=n?xe(n):null,r=e.x+e.width/2-t.width/2,a=e.y+e.height/2-t.height/2,l;switch(s){case L:l={x:r,y:e.y-t.height};break;case P:l={x:r,y:e.y+e.height};break;case j:l={x:e.x+e.width,y:a};break;case $:l={x:e.x-t.width,y:a};break;default:l={x:e.x,y:e.y}}var u=s?Dt(s):null;if(u!=null){var h=u==="y"?"height":"width";switch(o){case de:l[u]=l[u]-(e[h]/2-t[h]/2);break;case Ee:l[u]=l[u]+(e[h]/2-t[h]/2);break}}return l}function ke(i,e){e===void 0&&(e={});var t=e,n=t.placement,s=n===void 0?i.placement:n,o=t.strategy,r=o===void 0?i.strategy:o,a=t.boundary,l=a===void 0?Ai:a,u=t.rootBoundary,h=u===void 0?Ct:u,p=t.elementContext,m=p===void 0?Te:p,g=t.altBoundary,_=g===void 0?!1:g,f=t.padding,y=f===void 0?0:f,w=Hi(typeof y!="number"?y:Fi(y,Ae)),E=m===Te?Ei:Te,T=i.rects.popper,b=i.elements[_?E:m],v=Ds(fe(b)?b:b.contextElement||ee(i.elements.popper),l,h,r),A=Oe(i.elements.reference),C=Vi({reference:A,element:T,placement:s}),O=Ht(Object.assign({},T,C)),x=m===Te?O:A,k={top:v.top-x.top+w.top,bottom:x.bottom-v.bottom+w.bottom,left:v.left-x.left+w.left,right:x.right-v.right+w.right},D=i.modifiersData.offset;if(m===Te&&D){var q=D[s];Object.keys(k).forEach(function(S){var ae=[j,P].indexOf(S)>=0?1:-1,le=[L,P].indexOf(S)>=0?"y":"x";k[S]+=q[le]*ae})}return k}function Is(i,e){e===void 0&&(e={});var t=e,n=t.placement,s=t.boundary,o=t.rootBoundary,r=t.padding,a=t.flipVariations,l=t.allowedAutoPlacements,u=l===void 0?xt:l,h=xe(n),p=h?a?Ot:Ot.filter(function(_){return xe(_)===h}):Ae,m=p.filter(function(_){return u.indexOf(_)>=0});m.length===0&&(m=p);var g=m.reduce(function(_,f){return _[f]=ke(i,{placement:f,boundary:s,rootBoundary:o,padding:r})[X(f)],_},{});return Object.keys(g).sort(function(_,f){return g[_]-g[f]})}function Ns(i){if(X(i)===nt)return[];var e=at(i);return[qi(i),e,qi(e)]}function Ps(i){var e=i.state,t=i.options,n=i.name;if(!e.modifiersData[n]._skip){for(var s=t.mainAxis,o=s===void 0?!0:s,r=t.altAxis,a=r===void 0?!0:r,l=t.fallbackPlacements,u=t.padding,h=t.boundary,p=t.rootBoundary,m=t.altBoundary,g=t.flipVariations,_=g===void 0?!0:g,f=t.allowedAutoPlacements,y=e.options.placement,w=X(y),E=w===y,T=l||(E||!_?[at(y)]:Ns(y)),b=[y].concat(T).reduce(function(ue,Y){return ue.concat(X(Y)===nt?Is(e,{placement:Y,boundary:h,rootBoundary:p,padding:u,flipVariations:_,allowedAutoPlacements:f}):Y)},[]),v=e.rects.reference,A=e.rects.popper,C=new Map,O=!0,x=b[0],k=0;k<b.length;k++){var D=b[k],q=X(D),S=xe(D)===de,ae=[L,P].indexOf(q)>=0,le=ae?"width":"height",N=ke(e,{placement:D,boundary:h,rootBoundary:p,altBoundary:m,padding:u}),B=ae?S?j:$:S?P:L;v[le]>A[le]&&(B=at(B));var Je=at(B),ce=[];if(o&&ce.push(N[q]<=0),a&&ce.push(N[B]<=0,N[Je]<=0),ce.every(function(ue){return ue})){x=D,O=!1;break}C.set(D,ce)}if(O)for(var Ze=_?3:1,At=function(ue){var Y=b.find(function(tt){var Fe=C.get(tt);if(Fe)return Fe.slice(0,ue).every(function(we){return we})});if(Y)return x=Y,"break"},He=Ze;He>0;He--){var et=At(He);if(et==="break")break}e.placement!==x&&(e.modifiersData[n]._skip=!0,e.placement=x,e.reset=!0)}}const Ui={name:"flip",enabled:!0,phase:"main",fn:Ps,requiresIfExists:["offset"],data:{_skip:!1}};function Xi(i,e,t){return t===void 0&&(t={x:0,y:0}),{top:i.top-e.height-t.y,right:i.right-e.width+t.x,bottom:i.bottom-e.height+t.y,left:i.left-e.width-t.x}}function Yi(i){return[L,j,P,$].some(function(e){return i[e]>=0})}function js(i){var e=i.state,t=i.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,r=ke(e,{elementContext:"reference"}),a=ke(e,{altBoundary:!0}),l=Xi(r,n),u=Xi(a,s,o),h=Yi(l),p=Yi(u);e.modifiersData[t]={referenceClippingOffsets:l,popperEscapeOffsets:u,isReferenceHidden:h,hasPopperEscaped:p},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":p})}const Ki={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:js};function Ms(i,e,t){var n=X(i),s=[$,L].indexOf(n)>=0?-1:1,o=typeof t=="function"?t(Object.assign({},e,{placement:i})):t,r=o[0],a=o[1];return r=r||0,a=(a||0)*s,[$,j].indexOf(n)>=0?{x:a,y:r}:{x:r,y:a}}function Hs(i){var e=i.state,t=i.options,n=i.name,s=t.offset,o=s===void 0?[0,0]:s,r=xt.reduce(function(h,p){return h[p]=Ms(p,e.rects,o),h},{}),a=r[e.placement],l=a.x,u=a.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=r}const Qi={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Hs};function Fs(i){var e=i.state,t=i.name;e.modifiersData[t]=Vi({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})}const Ft={name:"popperOffsets",enabled:!0,phase:"read",fn:Fs,data:{}};function Rs(i){return i==="x"?"y":"x"}function Ws(i){var e=i.state,t=i.options,n=i.name,s=t.mainAxis,o=s===void 0?!0:s,r=t.altAxis,a=r===void 0?!1:r,l=t.boundary,u=t.rootBoundary,h=t.altBoundary,p=t.padding,m=t.tether,g=m===void 0?!0:m,_=t.tetherOffset,f=_===void 0?0:_,y=ke(e,{boundary:l,rootBoundary:u,padding:p,altBoundary:h}),w=X(e.placement),E=xe(e.placement),T=!E,b=Dt(w),v=Rs(b),A=e.modifiersData.popperOffsets,C=e.rects.reference,O=e.rects.popper,x=typeof f=="function"?f(Object.assign({},e.rects,{placement:e.placement})):f,k=typeof x=="number"?{mainAxis:x,altAxis:x}:Object.assign({mainAxis:0,altAxis:0},x),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,q={x:0,y:0};if(A){if(o){var S,ae=b==="y"?L:$,le=b==="y"?P:j,N=b==="y"?"height":"width",B=A[b],Je=B+y[ae],ce=B-y[le],Ze=g?-O[N]/2:0,At=E===de?C[N]:O[N],He=E===de?-O[N]:-C[N],et=e.elements.arrow,ue=g&&et?$t(et):{width:0,height:0},Y=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:Mi(),tt=Y[ae],Fe=Y[le],we=We(0,C[N],ue[N]),as=T?C[N]/2-Ze-we-tt-k.mainAxis:At-we-tt-k.mainAxis,ls=T?-C[N]/2+Ze+we+Fe+k.mainAxis:He+we+Fe+k.mainAxis,Et=e.elements.arrow&&Re(e.elements.arrow),cs=Et?b==="y"?Et.clientTop||0:Et.clientLeft||0:0,fi=(S=D?.[b])!=null?S:0,us=B+as-fi-cs,hs=B+ls-fi,pi=We(g?st(Je,us):Je,B,g?pe(ce,hs):ce);A[b]=pi,q[b]=pi-B}if(a){var mi,ds=b==="x"?L:$,fs=b==="x"?P:j,he=A[v],it=v==="y"?"height":"width",gi=he+y[ds],_i=he-y[fs],Tt=[L,$].indexOf(w)!==-1,bi=(mi=D?.[v])!=null?mi:0,vi=Tt?gi:he-C[it]-O[it]-bi+k.altAxis,yi=Tt?he+C[it]+O[it]-bi-k.altAxis:_i,wi=g&&Tt?bs(vi,he,yi):We(g?vi:gi,he,g?yi:_i);A[v]=wi,q[v]=wi-he}e.modifiersData[n]=q}}const Gi={name:"preventOverflow",enabled:!0,phase:"main",fn:Ws,requiresIfExists:["offset"]};function qs(i){return{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}}function Bs(i){return i===M(i)||!H(i)?Pt(i):qs(i)}function zs(i){var e=i.getBoundingClientRect(),t=Ce(e.width)/i.offsetWidth||1,n=Ce(e.height)/i.offsetHeight||1;return t!==1||n!==1}function Vs(i,e,t){t===void 0&&(t=!1);var n=H(e),s=H(e)&&zs(e),o=ee(e),r=Oe(i,s,t),a={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(n||!n&&!t)&&((U(e)!=="body"||Mt(o))&&(a=Bs(e)),H(e)?(l=Oe(e,!0),l.x+=e.clientLeft,l.y+=e.clientTop):o&&(l.x=jt(o))),{x:r.left+a.scrollLeft-l.x,y:r.top+a.scrollTop-l.y,width:r.width,height:r.height}}function Us(i){var e=new Map,t=new Set,n=[];i.forEach(function(o){e.set(o.name,o)});function s(o){t.add(o.name);var r=[].concat(o.requires||[],o.requiresIfExists||[]);r.forEach(function(a){if(!t.has(a)){var l=e.get(a);l&&s(l)}}),n.push(o)}return i.forEach(function(o){t.has(o.name)||s(o)}),n}function Xs(i){var e=Us(i);return Ii.reduce(function(t,n){return t.concat(e.filter(function(s){return s.phase===n}))},[])}function Ys(i){var e;return function(){return e||(e=new Promise(function(t){Promise.resolve().then(function(){e=void 0,t(i())})})),e}}function Ks(i){var e=i.reduce(function(t,n){var s=t[n.name];return t[n.name]=s?Object.assign({},s,n,{options:Object.assign({},s.options,n.options),data:Object.assign({},s.data,n.data)}):n,t},{});return Object.keys(e).map(function(t){return e[t]})}var Ji={placement:"bottom",modifiers:[],strategy:"absolute"};function Zi(){for(var i=arguments.length,e=new Array(i),t=0;t<i;t++)e[t]=arguments[t];return!e.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function lt(i){i===void 0&&(i={});var e=i,t=e.defaultModifiers,n=t===void 0?[]:t,s=e.defaultOptions,o=s===void 0?Ji:s;return function(r,a,l){l===void 0&&(l=o);var u={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ji,o),modifiersData:{},elements:{reference:r,popper:a},attributes:{},styles:{}},h=[],p=!1,m={state:u,setOptions:function(f){var y=typeof f=="function"?f(u.options):f;_(),u.options=Object.assign({},o,u.options,y),u.scrollParents={reference:fe(r)?qe(r):r.contextElement?qe(r.contextElement):[],popper:qe(a)};var w=Xs(Ks([].concat(n,u.options.modifiers)));return u.orderedModifiers=w.filter(function(E){return E.enabled}),g(),m.update()},forceUpdate:function(){if(!p){var f=u.elements,y=f.reference,w=f.popper;if(Zi(y,w)){u.rects={reference:Vs(y,Re(w),u.options.strategy==="fixed"),popper:$t(w)},u.reset=!1,u.placement=u.options.placement,u.orderedModifiers.forEach(function(O){return u.modifiersData[O.name]=Object.assign({},O.data)});for(var E=0;E<u.orderedModifiers.length;E++){if(u.reset===!0){u.reset=!1,E=-1;continue}var T=u.orderedModifiers[E],b=T.fn,v=T.options,A=v===void 0?{}:v,C=T.name;typeof b=="function"&&(u=b({state:u,options:A,name:C,instance:m})||u)}}}},update:Ys(function(){return new Promise(function(f){m.forceUpdate(),f(u)})}),destroy:function(){_(),p=!0}};if(!Zi(r,a))return m;m.setOptions(l).then(function(f){!p&&l.onFirstUpdate&&l.onFirstUpdate(f)});function g(){u.orderedModifiers.forEach(function(f){var y=f.name,w=f.options,E=w===void 0?{}:w,T=f.effect;if(typeof T=="function"){var b=T({state:u,name:y,instance:m,options:E}),v=function(){};h.push(b||v)}})}function _(){h.forEach(function(f){return f()}),h=[]}return m}}var Qs=lt(),Gs=[Nt,Ft,It,St],Js=lt({defaultModifiers:Gs}),Zs=[Nt,Ft,It,St,Qi,Ui,Gi,Ri,Ki],Rt=lt({defaultModifiers:Zs});const en=Object.freeze(Object.defineProperty({__proto__:null,afterMain:Si,afterRead:Oi,afterWrite:Di,applyStyles:St,arrow:Ri,auto:nt,basePlacements:Ae,beforeMain:xi,beforeRead:Ti,beforeWrite:Li,bottom:P,clippingParents:Ai,computeStyles:It,createPopper:Rt,createPopperBase:Qs,createPopperLite:Js,detectOverflow:ke,end:Ee,eventListeners:Nt,flip:Ui,hide:Ki,left:$,main:ki,modifierPhases:Ii,offset:Qi,placements:xt,popper:Te,popperGenerator:lt,popperOffsets:Ft,preventOverflow:Gi,read:Ci,reference:Ei,right:j,start:de,top:L,variationPlacements:Ot,viewport:Ct,write:$i},Symbol.toStringTag,{value:"Module"})),te=new Map,Wt={set(i,e,t){te.has(i)||te.set(i,new Map);const n=te.get(i);if(!n.has(e)&&n.size!==0){console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`);return}n.set(e,t)},get(i,e){return te.has(i)&&te.get(i).get(e)||null},remove(i,e){if(!te.has(i))return;const t=te.get(i);t.delete(e),t.size===0&&te.delete(i)}},eo=1e6,to=1e3,qt="transitionend",tn=i=>(i&&window.CSS&&window.CSS.escape&&(i=i.replace(/#([^\s"#']+)/g,(e,t)=>`#${CSS.escape(t)}`)),i),io=i=>i==null?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase(),no=i=>{do i+=Math.floor(Math.random()*eo);while(document.getElementById(i));return i},so=i=>{if(!i)return 0;let{transitionDuration:e,transitionDelay:t}=window.getComputedStyle(i);const n=Number.parseFloat(e),s=Number.parseFloat(t);return!n&&!s?0:(e=e.split(",")[0],t=t.split(",")[0],(Number.parseFloat(e)+Number.parseFloat(t))*to)},nn=i=>{i.dispatchEvent(new Event(qt))},Q=i=>!i||typeof i!="object"?!1:(typeof i.jquery<"u"&&(i=i[0]),typeof i.nodeType<"u"),ie=i=>Q(i)?i.jquery?i[0]:i:typeof i=="string"&&i.length>0?document.querySelector(tn(i)):null,Se=i=>{if(!Q(i)||i.getClientRects().length===0)return!1;const e=getComputedStyle(i).getPropertyValue("visibility")==="visible",t=i.closest("details:not([open])");if(!t)return e;if(t!==i){const n=i.closest("summary");if(n&&n.parentNode!==t||n===null)return!1}return e},ne=i=>!i||i.nodeType!==Node.ELEMENT_NODE||i.classList.contains("disabled")?!0:typeof i.disabled<"u"?i.disabled:i.hasAttribute("disabled")&&i.getAttribute("disabled")!=="false",sn=i=>{if(!document.documentElement.attachShadow)return null;if(typeof i.getRootNode=="function"){const e=i.getRootNode();return e instanceof ShadowRoot?e:null}return i instanceof ShadowRoot?i:i.parentNode?sn(i.parentNode):null},ct=()=>{},Be=i=>{i.offsetHeight},on=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,Bt=[],oo=i=>{document.readyState==="loading"?(Bt.length||document.addEventListener("DOMContentLoaded",()=>{for(const e of Bt)e()}),Bt.push(i)):i()},F=()=>document.documentElement.dir==="rtl",R=i=>{oo(()=>{const e=on();if(e){const t=i.NAME,n=e.fn[t];e.fn[t]=i.jQueryInterface,e.fn[t].Constructor=i,e.fn[t].noConflict=()=>(e.fn[t]=n,i.jQueryInterface)}})},I=(i,e=[],t=i)=>typeof i=="function"?i.call(...e):t,rn=(i,e,t=!0)=>{if(!t){I(i);return}const n=so(e)+5;let s=!1;const o=({target:r})=>{r===e&&(s=!0,e.removeEventListener(qt,o),I(i))};e.addEventListener(qt,o),setTimeout(()=>{s||nn(e)},n)},zt=(i,e,t,n)=>{const s=i.length;let o=i.indexOf(e);return o===-1?!t&&n?i[s-1]:i[0]:(o+=t?1:-1,n&&(o=(o+s)%s),i[Math.max(0,Math.min(o,s-1))])},ro=/[^.]*(?=\..*)\.|.*/,ao=/\..*/,lo=/::\d+$/,Vt={};let an=1;const ln={mouseenter:"mouseover",mouseleave:"mouseout"},co=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function cn(i,e){return e&&`${e}::${an++}`||i.uidEvent||an++}function un(i){const e=cn(i);return i.uidEvent=e,Vt[e]=Vt[e]||{},Vt[e]}function uo(i,e){return function t(n){return Xt(n,{delegateTarget:i}),t.oneOff&&c.off(i,n.type,e),e.apply(i,[n])}}function ho(i,e,t){return function n(s){const o=i.querySelectorAll(e);for(let{target:r}=s;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return Xt(s,{delegateTarget:r}),n.oneOff&&c.off(i,s.type,e,t),t.apply(r,[s])}}function hn(i,e,t=null){return Object.values(i).find(n=>n.callable===e&&n.delegationSelector===t)}function dn(i,e,t){const n=typeof e=="string",s=n?t:e||t;let o=pn(i);return co.has(o)||(o=i),[n,s,o]}function fn(i,e,t,n,s){if(typeof e!="string"||!i)return;let[o,r,a]=dn(e,t,n);e in ln&&(r=(g=>function(_){if(!_.relatedTarget||_.relatedTarget!==_.delegateTarget&&!_.delegateTarget.contains(_.relatedTarget))return g.call(this,_)})(r));const l=un(i),u=l[a]||(l[a]={}),h=hn(u,r,o?t:null);if(h){h.oneOff=h.oneOff&&s;return}const p=cn(r,e.replace(ro,"")),m=o?ho(i,t,r):uo(i,r);m.delegationSelector=o?t:null,m.callable=r,m.oneOff=s,m.uidEvent=p,u[p]=m,i.addEventListener(a,m,o)}function Ut(i,e,t,n,s){const o=hn(e[t],n,s);o&&(i.removeEventListener(t,o,!!s),delete e[t][o.uidEvent])}function fo(i,e,t,n){const s=e[t]||{};for(const[o,r]of Object.entries(s))o.includes(n)&&Ut(i,e,t,r.callable,r.delegationSelector)}function pn(i){return i=i.replace(ao,""),ln[i]||i}const c={on(i,e,t,n){fn(i,e,t,n,!1)},one(i,e,t,n){fn(i,e,t,n,!0)},off(i,e,t,n){if(typeof e!="string"||!i)return;const[s,o,r]=dn(e,t,n),a=r!==e,l=un(i),u=l[r]||{},h=e.startsWith(".");if(typeof o<"u"){if(!Object.keys(u).length)return;Ut(i,l,r,o,s?t:null);return}if(h)for(const p of Object.keys(l))fo(i,l,p,e.slice(1));for(const[p,m]of Object.entries(u)){const g=p.replace(lo,"");(!a||e.includes(g))&&Ut(i,l,r,m.callable,m.delegationSelector)}},trigger(i,e,t){if(typeof e!="string"||!i)return null;const n=on(),s=pn(e),o=e!==s;let r=null,a=!0,l=!0,u=!1;o&&n&&(r=n.Event(e,t),n(i).trigger(r),a=!r.isPropagationStopped(),l=!r.isImmediatePropagationStopped(),u=r.isDefaultPrevented());const h=Xt(new Event(e,{bubbles:a,cancelable:!0}),t);return u&&h.preventDefault(),l&&i.dispatchEvent(h),h.defaultPrevented&&r&&r.preventDefault(),h}};function Xt(i,e={}){for(const[t,n]of Object.entries(e))try{i[t]=n}catch{Object.defineProperty(i,t,{configurable:!0,get(){return n}})}return i}function mn(i){if(i==="true")return!0;if(i==="false")return!1;if(i===Number(i).toString())return Number(i);if(i===""||i==="null")return null;if(typeof i!="string")return i;try{return JSON.parse(decodeURIComponent(i))}catch{return i}}function Yt(i){return i.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}const G={setDataAttribute(i,e,t){i.setAttribute(`data-bs-${Yt(e)}`,t)},removeDataAttribute(i,e){i.removeAttribute(`data-bs-${Yt(e)}`)},getDataAttributes(i){if(!i)return{};const e={},t=Object.keys(i.dataset).filter(n=>n.startsWith("bs")&&!n.startsWith("bsConfig"));for(const n of t){let s=n.replace(/^bs/,"");s=s.charAt(0).toLowerCase()+s.slice(1),e[s]=mn(i.dataset[n])}return e},getDataAttribute(i,e){return mn(i.getAttribute(`data-bs-${Yt(e)}`))}};class ze{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(e){return e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}_configAfterMerge(e){return e}_mergeConfigObj(e,t){const n=Q(t)?G.getDataAttribute(t,"config"):{};return{...this.constructor.Default,...typeof n=="object"?n:{},...Q(t)?G.getDataAttributes(t):{},...typeof e=="object"?e:{}}}_typeCheckConfig(e,t=this.constructor.DefaultType){for(const[n,s]of Object.entries(t)){const o=e[n],r=Q(o)?"element":io(o);if(!new RegExp(s).test(r))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${n}" provided type "${r}" but expected type "${s}".`)}}}const po="5.3.8";class z extends ze{constructor(e,t){super(),e=ie(e),e&&(this._element=e,this._config=this._getConfig(t),Wt.set(this._element,this.constructor.DATA_KEY,this))}dispose(){Wt.remove(this._element,this.constructor.DATA_KEY),c.off(this._element,this.constructor.EVENT_KEY);for(const e of Object.getOwnPropertyNames(this))this[e]=null}_queueCallback(e,t,n=!0){rn(e,t,n)}_getConfig(e){return e=this._mergeConfigObj(e,this._element),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}static getInstance(e){return Wt.get(ie(e),this.DATA_KEY)}static getOrCreateInstance(e,t={}){return this.getInstance(e)||new this(e,typeof t=="object"?t:null)}static get VERSION(){return po}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(e){return`${e}${this.EVENT_KEY}`}}const Kt=i=>{let e=i.getAttribute("data-bs-target");if(!e||e==="#"){let t=i.getAttribute("href");if(!t||!t.includes("#")&&!t.startsWith("."))return null;t.includes("#")&&!t.startsWith("#")&&(t=`#${t.split("#")[1]}`),e=t&&t!=="#"?t.trim():null}return e?e.split(",").map(t=>tn(t)).join(","):null},d={find(i,e=document.documentElement){return[].concat(...Element.prototype.querySelectorAll.call(e,i))},findOne(i,e=document.documentElement){return Element.prototype.querySelector.call(e,i)},children(i,e){return[].concat(...i.children).filter(t=>t.matches(e))},parents(i,e){const t=[];let n=i.parentNode.closest(e);for(;n;)t.push(n),n=n.parentNode.closest(e);return t},prev(i,e){let t=i.previousElementSibling;for(;t;){if(t.matches(e))return[t];t=t.previousElementSibling}return[]},next(i,e){let t=i.nextElementSibling;for(;t;){if(t.matches(e))return[t];t=t.nextElementSibling}return[]},focusableChildren(i){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map(t=>`${t}:not([tabindex^="-"])`).join(",");return this.find(e,i).filter(t=>!ne(t)&&Se(t))},getSelectorFromElement(i){const e=Kt(i);return e&&d.findOne(e)?e:null},getElementFromSelector(i){const e=Kt(i);return e?d.findOne(e):null},getMultipleElementsFromSelector(i){const e=Kt(i);return e?d.find(e):[]}},ut=(i,e="hide")=>{const t=`click.dismiss${i.EVENT_KEY}`,n=i.NAME;c.on(document,t,`[data-bs-dismiss="${n}"]`,function(s){if(["A","AREA"].includes(this.tagName)&&s.preventDefault(),ne(this))return;const o=d.getElementFromSelector(this)||this.closest(`.${n}`);i.getOrCreateInstance(o)[e]()})},mo="alert",go="bs.alert",gn=`.${go}`,_o=`close${gn}`,bo=`closed${gn}`,vo="fade",yo="show";class Ye extends z{static get NAME(){return mo}close(){if(c.trigger(this._element,_o).defaultPrevented)return;this._element.classList.remove(yo);const e=this._element.classList.contains(vo);this._queueCallback(()=>this._destroyElement(),this._element,e)}_destroyElement(){this._element.remove(),c.trigger(this._element,bo),this.dispose()}static jQueryInterface(e){return this.each(function(){const t=Ye.getOrCreateInstance(this);if(typeof e=="string"){if(t[e]===void 0||e.startsWith("_")||e==="constructor")throw new TypeError(`No method named "${e}"`);t[e](this)}})}}ut(Ye,"close"),R(Ye);const wo="button",Ao="bs.button",Eo=`.${Ao}`,To=".data-api",Co="active",_n='[data-bs-toggle="button"]',Oo=`click${Eo}${To}`;class Ke extends z{static get NAME(){return wo}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle(Co))}static jQueryInterface(e){return this.each(function(){const t=Ke.getOrCreateInstance(this);e==="toggle"&&t[e]()})}}c.on(document,Oo,_n,i=>{i.preventDefault();const e=i.target.closest(_n);Ke.getOrCreateInstance(e).toggle()}),R(Ke);const xo="swipe",Le=".bs.swipe",ko=`touchstart${Le}`,So=`touchmove${Le}`,Lo=`touchend${Le}`,$o=`pointerdown${Le}`,Do=`pointerup${Le}`,Io="touch",No="pen",Po="pointer-event",jo=40,Mo={endCallback:null,leftCallback:null,rightCallback:null},Ho={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class yt extends ze{constructor(e,t){super(),this._element=e,!(!e||!yt.isSupported())&&(this._config=this._getConfig(t),this._deltaX=0,this._supportPointerEvents=!!window.PointerEvent,this._initEvents())}static get Default(){return Mo}static get DefaultType(){return Ho}static get NAME(){return xo}dispose(){c.off(this._element,Le)}_start(e){if(!this._supportPointerEvents){this._deltaX=e.touches[0].clientX;return}this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX)}_end(e){this._eventIsPointerPenTouch(e)&&(this._deltaX=e.clientX-this._deltaX),this._handleSwipe(),I(this._config.endCallback)}_move(e){this._deltaX=e.touches&&e.touches.length>1?0:e.touches[0].clientX-this._deltaX}_handleSwipe(){const e=Math.abs(this._deltaX);if(e<=jo)return;const t=e/this._deltaX;this._deltaX=0,t&&I(t>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(c.on(this._element,$o,e=>this._start(e)),c.on(this._element,Do,e=>this._end(e)),this._element.classList.add(Po)):(c.on(this._element,ko,e=>this._start(e)),c.on(this._element,So,e=>this._move(e)),c.on(this._element,Lo,e=>this._end(e)))}_eventIsPointerPenTouch(e){return this._supportPointerEvents&&(e.pointerType===No||e.pointerType===Io)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const Fo="carousel",Ro="bs.carousel",se=`.${Ro}`,bn=".data-api",Wo="ArrowLeft",qo="ArrowRight",Bo=500,Ve="next",$e="prev",De="left",ht="right",zo=`slide${se}`,Qt=`slid${se}`,Vo=`keydown${se}`,Uo=`mouseenter${se}`,Xo=`mouseleave${se}`,Yo=`dragstart${se}`,Ko=`load${se}${bn}`,Qo=`click${se}${bn}`,vn="carousel",dt="active",Go="slide",Jo="carousel-item-end",Zo="carousel-item-start",er="carousel-item-next",tr="carousel-item-prev",yn=".active",wn=".carousel-item",ir=yn+wn,nr=".carousel-item img",sr=".carousel-indicators",or="[data-bs-slide], [data-bs-slide-to]",rr='[data-bs-ride="carousel"]',ar={[Wo]:ht,[qo]:De},lr={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},cr={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class je extends z{constructor(e,t){super(e,t),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=d.findOne(sr,this._element),this._addEventListeners(),this._config.ride===vn&&this.cycle()}static get Default(){return lr}static get DefaultType(){return cr}static get NAME(){return Fo}next(){this._slide(Ve)}nextWhenVisible(){!document.hidden&&Se(this._element)&&this.next()}prev(){this._slide($e)}pause(){this._isSliding&&nn(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval(()=>this.nextWhenVisible(),this._config.interval)}_maybeEnableCycle(){if(this._config.ride){if(this._isSliding){c.one(this._element,Qt,()=>this.cycle());return}this.cycle()}}to(e){const t=this._getItems();if(e>t.length-1||e<0)return;if(this._isSliding){c.one(this._element,Qt,()=>this.to(e));return}const n=this._getItemIndex(this._getActive());if(n===e)return;const s=e>n?Ve:$e;this._slide(s,t[e])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(e){return e.defaultInterval=e.interval,e}_addEventListeners(){this._config.keyboard&&c.on(this._element,Vo,e=>this._keydown(e)),this._config.pause==="hover"&&(c.on(this._element,Uo,()=>this.pause()),c.on(this._element,Xo,()=>this._maybeEnableCycle())),this._config.touch&&yt.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of d.find(nr,this._element))c.on(t,Yo,n=>n.preventDefault());const e={leftCallback:()=>this._slide(this._directionToOrder(De)),rightCallback:()=>this._slide(this._directionToOrder(ht)),endCallback:()=>{this._config.pause==="hover"&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout(()=>this._maybeEnableCycle(),Bo+this._config.interval))}};this._swipeHelper=new yt(this._element,e)}_keydown(e){if(/input|textarea/i.test(e.target.tagName))return;const t=ar[e.key];t&&(e.preventDefault(),this._slide(this._directionToOrder(t)))}_getItemIndex(e){return this._getItems().indexOf(e)}_setActiveIndicatorElement(e){if(!this._indicatorsElement)return;const t=d.findOne(yn,this._indicatorsElement);t.classList.remove(dt),t.removeAttribute("aria-current");const n=d.findOne(`[data-bs-slide-to="${e}"]`,this._indicatorsElement);n&&(n.classList.add(dt),n.setAttribute("aria-current","true"))}_updateInterval(){const e=this._activeElement||this._getActive();if(!e)return;const t=Number.parseInt(e.getAttribute("data-bs-interval"),10);this._config.interval=t||this._config.defaultInterval}_slide(e,t=null){if(this._isSliding)return;const n=this._getActive(),s=e===Ve,o=t||zt(this._getItems(),n,s,this._config.wrap);if(o===n)return;const r=this._getItemIndex(o),a=m=>c.trigger(this._element,m,{relatedTarget:o,direction:this._orderToDirection(e),from:this._getItemIndex(n),to:r});if(a(zo).defaultPrevented||!n||!o)return;const l=!!this._interval;this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(r),this._activeElement=o;const u=s?Zo:Jo,h=s?er:tr;o.classList.add(h),Be(o),n.classList.add(u),o.classList.add(u);const p=()=>{o.classList.remove(u,h),o.classList.add(dt),n.classList.remove(dt,h,u),this._isSliding=!1,a(Qt)};this._queueCallback(p,n,this._isAnimated()),l&&this.cycle()}_isAnimated(){return this._element.classList.contains(Go)}_getActive(){return d.findOne(ir,this._element)}_getItems(){return d.find(wn,this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(e){return F()?e===De?$e:Ve:e===De?Ve:$e}_orderToDirection(e){return F()?e===$e?De:ht:e===$e?ht:De}static jQueryInterface(e){return this.each(function(){const t=je.getOrCreateInstance(this,e);if(typeof e=="number"){t.to(e);return}if(typeof e=="string"){if(t[e]===void 0||e.startsWith("_")||e==="constructor")throw new TypeError(`No method named "${e}"`);t[e]()}})}}c.on(document,Qo,or,function(i){const e=d.getElementFromSelector(this);if(!e||!e.classList.contains(vn))return;i.preventDefault();const t=je.getOrCreateInstance(e),n=this.getAttribute("data-bs-slide-to");if(n){t.to(n),t._maybeEnableCycle();return}if(G.getDataAttribute(this,"slide")==="next"){t.next(),t._maybeEnableCycle();return}t.prev(),t._maybeEnableCycle()}),c.on(window,Ko,()=>{const i=d.find(rr);for(const e of i)je.getOrCreateInstance(e)}),R(je);const ur="collapse",hr="bs.collapse",Ue=`.${hr}`,dr=".data-api",fr=`show${Ue}`,pr=`shown${Ue}`,mr=`hide${Ue}`,gr=`hidden${Ue}`,_r=`click${Ue}${dr}`,Gt="show",Ie="collapse",ft="collapsing",br="collapsed",vr=`:scope .${Ie} .${Ie}`,yr="collapse-horizontal",wr="width",Ar="height",Er=".collapse.show, .collapse.collapsing",Jt='[data-bs-toggle="collapse"]',Tr={parent:null,toggle:!0},Cr={parent:"(null|element)",toggle:"boolean"};class Me extends z{constructor(e,t){super(e,t),this._isTransitioning=!1,this._triggerArray=[];const n=d.find(Jt);for(const s of n){const o=d.getSelectorFromElement(s),r=d.find(o).filter(a=>a===this._element);o!==null&&r.length&&this._triggerArray.push(s)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return Tr}static get DefaultType(){return Cr}static get NAME(){return ur}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let e=[];if(this._config.parent&&(e=this._getFirstLevelChildren(Er).filter(o=>o!==this._element).map(o=>Me.getOrCreateInstance(o,{toggle:!1}))),e.length&&e[0]._isTransitioning||c.trigger(this._element,fr).defaultPrevented)return;for(const o of e)o.hide();const t=this._getDimension();this._element.classList.remove(Ie),this._element.classList.add(ft),this._element.style[t]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const n=()=>{this._isTransitioning=!1,this._element.classList.remove(ft),this._element.classList.add(Ie,Gt),this._element.style[t]="",c.trigger(this._element,pr)},s=`scroll${t[0].toUpperCase()+t.slice(1)}`;this._queueCallback(n,this._element,!0),this._element.style[t]=`${this._element[s]}px`}hide(){if(this._isTransitioning||!this._isShown()||c.trigger(this._element,mr).defaultPrevented)return;const e=this._getDimension();this._element.style[e]=`${this._element.getBoundingClientRect()[e]}px`,Be(this._element),this._element.classList.add(ft),this._element.classList.remove(Ie,Gt);for(const n of this._triggerArray){const s=d.getElementFromSelector(n);s&&!this._isShown(s)&&this._addAriaAndCollapsedClass([n],!1)}this._isTransitioning=!0;const t=()=>{this._isTransitioning=!1,this._element.classList.remove(ft),this._element.classList.add(Ie),c.trigger(this._element,gr)};this._element.style[e]="",this._queueCallback(t,this._element,!0)}_isShown(e=this._element){return e.classList.contains(Gt)}_configAfterMerge(e){return e.toggle=!!e.toggle,e.parent=ie(e.parent),e}_getDimension(){return this._element.classList.contains(yr)?wr:Ar}_initializeChildren(){if(!this._config.parent)return;const e=this._getFirstLevelChildren(Jt);for(const t of e){const n=d.getElementFromSelector(t);n&&this._addAriaAndCollapsedClass([t],this._isShown(n))}}_getFirstLevelChildren(e){const t=d.find(vr,this._config.parent);return d.find(e,this._config.parent).filter(n=>!t.includes(n))}_addAriaAndCollapsedClass(e,t){if(e.length)for(const n of e)n.classList.toggle(br,!t),n.setAttribute("aria-expanded",t)}static jQueryInterface(e){const t={};return typeof e=="string"&&/show|hide/.test(e)&&(t.toggle=!1),this.each(function(){const n=Me.getOrCreateInstance(this,t);if(typeof e=="string"){if(typeof n[e]>"u")throw new TypeError(`No method named "${e}"`);n[e]()}})}}c.on(document,_r,Jt,function(i){(i.target.tagName==="A"||i.delegateTarget&&i.delegateTarget.tagName==="A")&&i.preventDefault();for(const e of d.getMultipleElementsFromSelector(this))Me.getOrCreateInstance(e,{toggle:!1}).toggle()}),R(Me);const An="dropdown",Or="bs.dropdown",me=`.${Or}`,Zt=".data-api",xr="Escape",En="Tab",kr="ArrowUp",Tn="ArrowDown",Sr=2,Lr=`hide${me}`,$r=`hidden${me}`,Dr=`show${me}`,Ir=`shown${me}`,Cn=`click${me}${Zt}`,On=`keydown${me}${Zt}`,Nr=`keyup${me}${Zt}`,Ne="show",Pr="dropup",jr="dropend",Mr="dropstart",Hr="dropup-center",Fr="dropdown-center",ge='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',Rr=`${ge}.${Ne}`,pt=".dropdown-menu",Wr=".navbar",qr=".navbar-nav",Br=".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",zr=F()?"top-end":"top-start",Vr=F()?"top-start":"top-end",Ur=F()?"bottom-end":"bottom-start",Xr=F()?"bottom-start":"bottom-end",Yr=F()?"left-start":"right-start",Kr=F()?"right-start":"left-start",Qr="top",Gr="bottom",Jr={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Zr={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class V extends z{constructor(e,t){super(e,t),this._popper=null,this._parent=this._element.parentNode,this._menu=d.next(this._element,pt)[0]||d.prev(this._element,pt)[0]||d.findOne(pt,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return Jr}static get DefaultType(){return Zr}static get NAME(){return An}toggle(){return this._isShown()?this.hide():this.show()}show(){if(ne(this._element)||this._isShown())return;const e={relatedTarget:this._element};if(!c.trigger(this._element,Dr,e).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(qr))for(const t of[].concat(...document.body.children))c.on(t,"mouseover",ct);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(Ne),this._element.classList.add(Ne),c.trigger(this._element,Ir,e)}}hide(){if(ne(this._element)||!this._isShown())return;const e={relatedTarget:this._element};this._completeHide(e)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(e){if(!c.trigger(this._element,Lr,e).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))c.off(t,"mouseover",ct);this._popper&&this._popper.destroy(),this._menu.classList.remove(Ne),this._element.classList.remove(Ne),this._element.setAttribute("aria-expanded","false"),G.removeDataAttribute(this._menu,"popper"),c.trigger(this._element,$r,e)}}_getConfig(e){if(e=super._getConfig(e),typeof e.reference=="object"&&!Q(e.reference)&&typeof e.reference.getBoundingClientRect!="function")throw new TypeError(`${An.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return e}_createPopper(){if(typeof en>"u")throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org/docs/v2/)");let e=this._element;this._config.reference==="parent"?e=this._parent:Q(this._config.reference)?e=ie(this._config.reference):typeof this._config.reference=="object"&&(e=this._config.reference);const t=this._getPopperConfig();this._popper=Rt(e,this._menu,t)}_isShown(){return this._menu.classList.contains(Ne)}_getPlacement(){const e=this._parent;if(e.classList.contains(jr))return Yr;if(e.classList.contains(Mr))return Kr;if(e.classList.contains(Hr))return Qr;if(e.classList.contains(Fr))return Gr;const t=getComputedStyle(this._menu).getPropertyValue("--bs-position").trim()==="end";return e.classList.contains(Pr)?t?Vr:zr:t?Xr:Ur}_detectNavbar(){return this._element.closest(Wr)!==null}_getOffset(){const{offset:e}=this._config;return typeof e=="string"?e.split(",").map(t=>Number.parseInt(t,10)):typeof e=="function"?t=>e(t,this._element):e}_getPopperConfig(){const e={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||this._config.display==="static")&&(G.setDataAttribute(this._menu,"popper","static"),e.modifiers=[{name:"applyStyles",enabled:!1}]),{...e,...I(this._config.popperConfig,[void 0,e])}}_selectMenuItem({key:e,target:t}){const n=d.find(Br,this._menu).filter(s=>Se(s));n.length&&zt(n,t,e===Tn,!n.includes(t)).focus()}static jQueryInterface(e){return this.each(function(){const t=V.getOrCreateInstance(this,e);if(typeof e=="string"){if(typeof t[e]>"u")throw new TypeError(`No method named "${e}"`);t[e]()}})}static clearMenus(e){if(e.button===Sr||e.type==="keyup"&&e.key!==En)return;const t=d.find(Rr);for(const n of t){const s=V.getInstance(n);if(!s||s._config.autoClose===!1)continue;const o=e.composedPath(),r=o.includes(s._menu);if(o.includes(s._element)||s._config.autoClose==="inside"&&!r||s._config.autoClose==="outside"&&r||s._menu.contains(e.target)&&(e.type==="keyup"&&e.key===En||/input|select|option|textarea|form/i.test(e.target.tagName)))continue;const a={relatedTarget:s._element};e.type==="click"&&(a.clickEvent=e),s._completeHide(a)}}static dataApiKeydownHandler(e){const t=/input|textarea/i.test(e.target.tagName),n=e.key===xr,s=[kr,Tn].includes(e.key);if(!s&&!n||t&&!n)return;e.preventDefault();const o=this.matches(ge)?this:d.prev(this,ge)[0]||d.next(this,ge)[0]||d.findOne(ge,e.delegateTarget.parentNode),r=V.getOrCreateInstance(o);if(s){e.stopPropagation(),r.show(),r._selectMenuItem(e);return}r._isShown()&&(e.stopPropagation(),r.hide(),o.focus())}}c.on(document,On,ge,V.dataApiKeydownHandler),c.on(document,On,pt,V.dataApiKeydownHandler),c.on(document,Cn,V.clearMenus),c.on(document,Nr,V.clearMenus),c.on(document,Cn,ge,function(i){i.preventDefault(),V.getOrCreateInstance(this).toggle()}),R(V);const xn="backdrop",ea="fade",kn="show",Sn=`mousedown.bs.${xn}`,ta={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},ia={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class Ln extends ze{constructor(e){super(),this._config=this._getConfig(e),this._isAppended=!1,this._element=null}static get Default(){return ta}static get DefaultType(){return ia}static get NAME(){return xn}show(e){if(!this._config.isVisible){I(e);return}this._append();const t=this._getElement();this._config.isAnimated&&Be(t),t.classList.add(kn),this._emulateAnimation(()=>{I(e)})}hide(e){if(!this._config.isVisible){I(e);return}this._getElement().classList.remove(kn),this._emulateAnimation(()=>{this.dispose(),I(e)})}dispose(){this._isAppended&&(c.off(this._element,Sn),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const e=document.createElement("div");e.className=this._config.className,this._config.isAnimated&&e.classList.add(ea),this._element=e}return this._element}_configAfterMerge(e){return e.rootElement=ie(e.rootElement),e}_append(){if(this._isAppended)return;const e=this._getElement();this._config.rootElement.append(e),c.on(e,Sn,()=>{I(this._config.clickCallback)}),this._isAppended=!0}_emulateAnimation(e){rn(e,this._getElement(),this._config.isAnimated)}}const na="focustrap",sa="bs.focustrap",mt=`.${sa}`,oa=`focusin${mt}`,ra=`keydown.tab${mt}`,aa="Tab",la="forward",$n="backward",ca={autofocus:!0,trapElement:null},ua={autofocus:"boolean",trapElement:"element"};class Dn extends ze{constructor(e){super(),this._config=this._getConfig(e),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return ca}static get DefaultType(){return ua}static get NAME(){return na}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),c.off(document,mt),c.on(document,oa,e=>this._handleFocusin(e)),c.on(document,ra,e=>this._handleKeydown(e)),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,c.off(document,mt))}_handleFocusin(e){const{trapElement:t}=this._config;if(e.target===document||e.target===t||t.contains(e.target))return;const n=d.focusableChildren(t);n.length===0?t.focus():this._lastTabNavDirection===$n?n[n.length-1].focus():n[0].focus()}_handleKeydown(e){e.key===aa&&(this._lastTabNavDirection=e.shiftKey?$n:la)}}const In=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Nn=".sticky-top",gt="padding-right",Pn="margin-right";class ei{constructor(){this._element=document.body}getWidth(){const e=document.documentElement.clientWidth;return Math.abs(window.innerWidth-e)}hide(){const e=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,gt,t=>t+e),this._setElementAttributes(In,gt,t=>t+e),this._setElementAttributes(Nn,Pn,t=>t-e)}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,gt),this._resetElementAttributes(In,gt),this._resetElementAttributes(Nn,Pn)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(e,t,n){const s=this.getWidth(),o=r=>{if(r!==this._element&&window.innerWidth>r.clientWidth+s)return;this._saveInitialAttribute(r,t);const a=window.getComputedStyle(r).getPropertyValue(t);r.style.setProperty(t,`${n(Number.parseFloat(a))}px`)};this._applyManipulationCallback(e,o)}_saveInitialAttribute(e,t){const n=e.style.getPropertyValue(t);n&&G.setDataAttribute(e,t,n)}_resetElementAttributes(e,t){const n=s=>{const o=G.getDataAttribute(s,t);if(o===null){s.style.removeProperty(t);return}G.removeDataAttribute(s,t),s.style.setProperty(t,o)};this._applyManipulationCallback(e,n)}_applyManipulationCallback(e,t){if(Q(e)){t(e);return}for(const n of d.find(e,this._element))t(n)}}const ha="modal",da="bs.modal",W=`.${da}`,fa=".data-api",pa="Escape",ma=`hide${W}`,ga=`hidePrevented${W}`,jn=`hidden${W}`,Mn=`show${W}`,_a=`shown${W}`,ba=`resize${W}`,va=`click.dismiss${W}`,ya=`mousedown.dismiss${W}`,wa=`keydown.dismiss${W}`,Aa=`click${W}${fa}`,Hn="modal-open",Ea="fade",Fn="show",ti="modal-static",Ta=".modal.show",Ca=".modal-dialog",Oa=".modal-body",xa='[data-bs-toggle="modal"]',ka={backdrop:!0,focus:!0,keyboard:!0},Sa={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class ve extends z{constructor(e,t){super(e,t),this._dialog=d.findOne(Ca,this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new ei,this._addEventListeners()}static get Default(){return ka}static get DefaultType(){return Sa}static get NAME(){return ha}toggle(e){return this._isShown?this.hide():this.show(e)}show(e){this._isShown||this._isTransitioning||c.trigger(this._element,Mn,{relatedTarget:e}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(Hn),this._adjustDialog(),this._backdrop.show(()=>this._showElement(e)))}hide(){!this._isShown||this._isTransitioning||c.trigger(this._element,ma).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(Fn),this._queueCallback(()=>this._hideModal(),this._element,this._isAnimated()))}dispose(){c.off(window,W),c.off(this._dialog,W),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new Ln({isVisible:!!this._config.backdrop,isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new Dn({trapElement:this._element})}_showElement(e){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const t=d.findOne(Oa,this._dialog);t&&(t.scrollTop=0),Be(this._element),this._element.classList.add(Fn);const n=()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,c.trigger(this._element,_a,{relatedTarget:e})};this._queueCallback(n,this._dialog,this._isAnimated())}_addEventListeners(){c.on(this._element,wa,e=>{if(e.key===pa){if(this._config.keyboard){this.hide();return}this._triggerBackdropTransition()}}),c.on(window,ba,()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()}),c.on(this._element,ya,e=>{c.one(this._element,va,t=>{if(!(this._element!==e.target||this._element!==t.target)){if(this._config.backdrop==="static"){this._triggerBackdropTransition();return}this._config.backdrop&&this.hide()}})})}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide(()=>{document.body.classList.remove(Hn),this._resetAdjustments(),this._scrollBar.reset(),c.trigger(this._element,jn)})}_isAnimated(){return this._element.classList.contains(Ea)}_triggerBackdropTransition(){if(c.trigger(this._element,ga).defaultPrevented)return;const e=this._element.scrollHeight>document.documentElement.clientHeight,t=this._element.style.overflowY;t==="hidden"||this._element.classList.contains(ti)||(e||(this._element.style.overflowY="hidden"),this._element.classList.add(ti),this._queueCallback(()=>{this._element.classList.remove(ti),this._queueCallback(()=>{this._element.style.overflowY=t},this._dialog)},this._dialog),this._element.focus())}_adjustDialog(){const e=this._element.scrollHeight>document.documentElement.clientHeight,t=this._scrollBar.getWidth(),n=t>0;if(n&&!e){const s=F()?"paddingLeft":"paddingRight";this._element.style[s]=`${t}px`}if(!n&&e){const s=F()?"paddingRight":"paddingLeft";this._element.style[s]=`${t}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(e,t){return this.each(function(){const n=ve.getOrCreateInstance(this,e);if(typeof e=="string"){if(typeof n[e]>"u")throw new TypeError(`No method named "${e}"`);n[e](t)}})}}c.on(document,Aa,xa,function(i){const e=d.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&i.preventDefault(),c.one(e,Mn,n=>{n.defaultPrevented||c.one(e,jn,()=>{Se(this)&&this.focus()})});const t=d.findOne(Ta);t&&ve.getInstance(t).hide(),ve.getOrCreateInstance(e).toggle(this)}),ut(ve),R(ve);const La="offcanvas",$a="bs.offcanvas",J=`.${$a}`,Rn=".data-api",Da=`load${J}${Rn}`,Ia="Escape",Wn="show",qn="showing",Bn="hiding",Na="offcanvas-backdrop",zn=".offcanvas.show",Pa=`show${J}`,ja=`shown${J}`,Ma=`hide${J}`,Vn=`hidePrevented${J}`,Un=`hidden${J}`,Ha=`resize${J}`,Fa=`click${J}${Rn}`,Ra=`keydown.dismiss${J}`,Wa='[data-bs-toggle="offcanvas"]',qa={backdrop:!0,keyboard:!0,scroll:!1},Ba={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class Z extends z{constructor(e,t){super(e,t),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return qa}static get DefaultType(){return Ba}static get NAME(){return La}toggle(e){return this._isShown?this.hide():this.show(e)}show(e){if(this._isShown||c.trigger(this._element,Pa,{relatedTarget:e}).defaultPrevented)return;this._isShown=!0,this._backdrop.show(),this._config.scroll||new ei().hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(qn);const t=()=>{(!this._config.scroll||this._config.backdrop)&&this._focustrap.activate(),this._element.classList.add(Wn),this._element.classList.remove(qn),c.trigger(this._element,ja,{relatedTarget:e})};this._queueCallback(t,this._element,!0)}hide(){if(!this._isShown||c.trigger(this._element,Ma).defaultPrevented)return;this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add(Bn),this._backdrop.hide();const e=()=>{this._element.classList.remove(Wn,Bn),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||new ei().reset(),c.trigger(this._element,Un)};this._queueCallback(e,this._element,!0)}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const e=()=>{if(this._config.backdrop==="static"){c.trigger(this._element,Vn);return}this.hide()},t=!!this._config.backdrop;return new Ln({className:Na,isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?e:null})}_initializeFocusTrap(){return new Dn({trapElement:this._element})}_addEventListeners(){c.on(this._element,Ra,e=>{if(e.key===Ia){if(this._config.keyboard){this.hide();return}c.trigger(this._element,Vn)}})}static jQueryInterface(e){return this.each(function(){const t=Z.getOrCreateInstance(this,e);if(typeof e=="string"){if(t[e]===void 0||e.startsWith("_")||e==="constructor")throw new TypeError(`No method named "${e}"`);t[e](this)}})}}c.on(document,Fa,Wa,function(i){const e=d.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),ne(this))return;c.one(e,Un,()=>{Se(this)&&this.focus()});const t=d.findOne(zn);t&&t!==e&&Z.getInstance(t).hide(),Z.getOrCreateInstance(e).toggle(this)}),c.on(window,Da,()=>{for(const i of d.find(zn))Z.getOrCreateInstance(i).show()}),c.on(window,Ha,()=>{for(const i of d.find("[aria-modal][class*=show][class*=offcanvas-]"))getComputedStyle(i).position!=="fixed"&&Z.getOrCreateInstance(i).hide()}),ut(Z),R(Z);const za=/^aria-[\w-]*$/i,Xn={"*":["class","dir","id","lang","role",za],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},Va=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),Ua=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,Xa=(i,e)=>{const t=i.nodeName.toLowerCase();return e.includes(t)?Va.has(t)?!!Ua.test(i.nodeValue):!0:e.filter(n=>n instanceof RegExp).some(n=>n.test(t))};function Ya(i,e,t){if(!i.length)return i;if(t&&typeof t=="function")return t(i);const n=new window.DOMParser().parseFromString(i,"text/html"),s=[].concat(...n.body.querySelectorAll("*"));for(const o of s){const r=o.nodeName.toLowerCase();if(!Object.keys(e).includes(r)){o.remove();continue}const a=[].concat(...o.attributes),l=[].concat(e["*"]||[],e[r]||[]);for(const u of a)Xa(u,l)||o.removeAttribute(u.nodeName)}return n.body.innerHTML}const Ka="TemplateFactory",Qa={allowList:Xn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Ga={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Ja={entry:"(string|element|function|null)",selector:"(string|element)"};class Za extends ze{constructor(e){super(),this._config=this._getConfig(e)}static get Default(){return Qa}static get DefaultType(){return Ga}static get NAME(){return Ka}getContent(){return Object.values(this._config.content).map(e=>this._resolvePossibleFunction(e)).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(e){return this._checkContent(e),this._config.content={...this._config.content,...e},this}toHtml(){const e=document.createElement("div");e.innerHTML=this._maybeSanitize(this._config.template);for(const[s,o]of Object.entries(this._config.content))this._setContent(e,o,s);const t=e.children[0],n=this._resolvePossibleFunction(this._config.extraClass);return n&&t.classList.add(...n.split(" ")),t}_typeCheckConfig(e){super._typeCheckConfig(e),this._checkContent(e.content)}_checkContent(e){for(const[t,n]of Object.entries(e))super._typeCheckConfig({selector:t,entry:n},Ja)}_setContent(e,t,n){const s=d.findOne(n,e);if(s){if(t=this._resolvePossibleFunction(t),!t){s.remove();return}if(Q(t)){this._putElementInTemplate(ie(t),s);return}if(this._config.html){s.innerHTML=this._maybeSanitize(t);return}s.textContent=t}}_maybeSanitize(e){return this._config.sanitize?Ya(e,this._config.allowList,this._config.sanitizeFn):e}_resolvePossibleFunction(e){return I(e,[void 0,this])}_putElementInTemplate(e,t){if(this._config.html){t.innerHTML="",t.append(e);return}t.textContent=e.textContent}}const el="tooltip",tl=new Set(["sanitize","allowList","sanitizeFn"]),ii="fade",il="modal",_t="show",nl=".tooltip-inner",Yn=`.${il}`,Kn="hide.bs.modal",Xe="hover",ni="focus",si="click",sl="manual",ol="hide",rl="hidden",al="show",ll="shown",cl="inserted",ul="click",hl="focusin",dl="focusout",fl="mouseenter",pl="mouseleave",ml={AUTO:"auto",TOP:"top",RIGHT:F()?"left":"right",BOTTOM:"bottom",LEFT:F()?"right":"left"},gl={allowList:Xn,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},_l={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"};class ye extends z{constructor(e,t){if(typeof en>"u")throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org/docs/v2/)");super(e,t),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return gl}static get DefaultType(){return _l}static get NAME(){return el}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){if(this._isEnabled){if(this._isShown()){this._leave();return}this._enter()}}dispose(){clearTimeout(this._timeout),c.off(this._element.closest(Yn),Kn,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if(this._element.style.display==="none")throw new Error("Please use show on visible elements");if(!(this._isWithContent()&&this._isEnabled))return;const e=c.trigger(this._element,this.constructor.eventName(al)),t=(sn(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(e.defaultPrevented||!t)return;this._disposePopper();const n=this._getTipElement();this._element.setAttribute("aria-describedby",n.getAttribute("id"));const{container:s}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(s.append(n),c.trigger(this._element,this.constructor.eventName(cl))),this._popper=this._createPopper(n),n.classList.add(_t),"ontouchstart"in document.documentElement)for(const r of[].concat(...document.body.children))c.on(r,"mouseover",ct);const o=()=>{c.trigger(this._element,this.constructor.eventName(ll)),this._isHovered===!1&&this._leave(),this._isHovered=!1};this._queueCallback(o,this.tip,this._isAnimated())}hide(){if(!this._isShown()||c.trigger(this._element,this.constructor.eventName(ol)).defaultPrevented)return;if(this._getTipElement().classList.remove(_t),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))c.off(t,"mouseover",ct);this._activeTrigger[si]=!1,this._activeTrigger[ni]=!1,this._activeTrigger[Xe]=!1,this._isHovered=null;const e=()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),c.trigger(this._element,this.constructor.eventName(rl)))};this._queueCallback(e,this.tip,this._isAnimated())}update(){this._popper&&this._popper.update()}_isWithContent(){return!!this._getTitle()}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(e){const t=this._getTemplateFactory(e).toHtml();if(!t)return null;t.classList.remove(ii,_t),t.classList.add(`bs-${this.constructor.NAME}-auto`);const n=no(this.constructor.NAME).toString();return t.setAttribute("id",n),this._isAnimated()&&t.classList.add(ii),t}setContent(e){this._newContent=e,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(e){return this._templateFactory?this._templateFactory.changeContent(e):this._templateFactory=new Za({...this._config,content:e,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{[nl]:this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(e){return this.constructor.getOrCreateInstance(e.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(ii)}_isShown(){return this.tip&&this.tip.classList.contains(_t)}_createPopper(e){const t=I(this._config.placement,[this,e,this._element]),n=ml[t.toUpperCase()];return Rt(this._element,e,this._getPopperConfig(n))}_getOffset(){const{offset:e}=this._config;return typeof e=="string"?e.split(",").map(t=>Number.parseInt(t,10)):typeof e=="function"?t=>e(t,this._element):e}_resolvePossibleFunction(e){return I(e,[this._element,this._element])}_getPopperConfig(e){const t={placement:e,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:n=>{this._getTipElement().setAttribute("data-popper-placement",n.state.placement)}}]};return{...t,...I(this._config.popperConfig,[void 0,t])}}_setListeners(){const e=this._config.trigger.split(" ");for(const t of e)if(t==="click")c.on(this._element,this.constructor.eventName(ul),this._config.selector,n=>{const s=this._initializeOnDelegatedTarget(n);s._activeTrigger[si]=!(s._isShown()&&s._activeTrigger[si]),s.toggle()});else if(t!==sl){const n=t===Xe?this.constructor.eventName(fl):this.constructor.eventName(hl),s=t===Xe?this.constructor.eventName(pl):this.constructor.eventName(dl);c.on(this._element,n,this._config.selector,o=>{const r=this._initializeOnDelegatedTarget(o);r._activeTrigger[o.type==="focusin"?ni:Xe]=!0,r._enter()}),c.on(this._element,s,this._config.selector,o=>{const r=this._initializeOnDelegatedTarget(o);r._activeTrigger[o.type==="focusout"?ni:Xe]=r._element.contains(o.relatedTarget),r._leave()})}this._hideModalHandler=()=>{this._element&&this.hide()},c.on(this._element.closest(Yn),Kn,this._hideModalHandler)}_fixTitle(){const e=this._element.getAttribute("title");e&&(!this._element.getAttribute("aria-label")&&!this._element.textContent.trim()&&this._element.setAttribute("aria-label",e),this._element.setAttribute("data-bs-original-title",e),this._element.removeAttribute("title"))}_enter(){if(this._isShown()||this._isHovered){this._isHovered=!0;return}this._isHovered=!0,this._setTimeout(()=>{this._isHovered&&this.show()},this._config.delay.show)}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout(()=>{this._isHovered||this.hide()},this._config.delay.hide))}_setTimeout(e,t){clearTimeout(this._timeout),this._timeout=setTimeout(e,t)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(e){const t=G.getDataAttributes(this._element);for(const n of Object.keys(t))tl.has(n)&&delete t[n];return e={...t,...typeof e=="object"&&e?e:{}},e=this._mergeConfigObj(e),e=this._configAfterMerge(e),this._typeCheckConfig(e),e}_configAfterMerge(e){return e.container=e.container===!1?document.body:ie(e.container),typeof e.delay=="number"&&(e.delay={show:e.delay,hide:e.delay}),typeof e.title=="number"&&(e.title=e.title.toString()),typeof e.content=="number"&&(e.content=e.content.toString()),e}_getDelegateConfig(){const e={};for(const[t,n]of Object.entries(this._config))this.constructor.Default[t]!==n&&(e[t]=n);return e.selector=!1,e.trigger="manual",e}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(e){return this.each(function(){const t=ye.getOrCreateInstance(this,e);if(typeof e=="string"){if(typeof t[e]>"u")throw new TypeError(`No method named "${e}"`);t[e]()}})}}R(ye);const bl="popover",vl=".popover-header",yl=".popover-body",wl={...ye.Default,content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"},Al={...ye.DefaultType,content:"(null|string|element|function)"};class wt extends ye{static get Default(){return wl}static get DefaultType(){return Al}static get NAME(){return bl}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{[vl]:this._getTitle(),[yl]:this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(e){return this.each(function(){const t=wt.getOrCreateInstance(this,e);if(typeof e=="string"){if(typeof t[e]>"u")throw new TypeError(`No method named "${e}"`);t[e]()}})}}R(wt);const El="scrollspy",Tl="bs.scrollspy",oi=`.${Tl}`,Cl=".data-api",Ol=`activate${oi}`,Qn=`click${oi}`,xl=`load${oi}${Cl}`,kl="dropdown-item",Pe="active",Sl='[data-bs-spy="scroll"]',ri="[href]",Ll=".nav, .list-group",Gn=".nav-link",$l=".nav-item",Dl=".list-group-item",Il=`${Gn}, ${$l} > ${Gn}, ${Dl}`,Nl=".dropdown",Pl=".dropdown-toggle",jl={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Ml={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class Qe extends z{constructor(e,t){super(e,t),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement=getComputedStyle(this._element).overflowY==="visible"?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return jl}static get DefaultType(){return Ml}static get NAME(){return El}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const e of this._observableSections.values())this._observer.observe(e)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(e){return e.target=ie(e.target)||document.body,e.rootMargin=e.offset?`${e.offset}px 0px -30%`:e.rootMargin,typeof e.threshold=="string"&&(e.threshold=e.threshold.split(",").map(t=>Number.parseFloat(t))),e}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(c.off(this._config.target,Qn),c.on(this._config.target,Qn,ri,e=>{const t=this._observableSections.get(e.target.hash);if(t){e.preventDefault();const n=this._rootElement||window,s=t.offsetTop-this._element.offsetTop;if(n.scrollTo){n.scrollTo({top:s,behavior:"smooth"});return}n.scrollTop=s}}))}_getNewObserver(){const e={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver(t=>this._observerCallback(t),e)}_observerCallback(e){const t=r=>this._targetLinks.get(`#${r.target.id}`),n=r=>{this._previousScrollData.visibleEntryTop=r.target.offsetTop,this._process(t(r))},s=(this._rootElement||document.documentElement).scrollTop,o=s>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=s;for(const r of e){if(!r.isIntersecting){this._activeTarget=null,this._clearActiveClass(t(r));continue}const a=r.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(o&&a){if(n(r),!s)return;continue}!o&&!a&&n(r)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const e=d.find(ri,this._config.target);for(const t of e){if(!t.hash||ne(t))continue;const n=d.findOne(decodeURI(t.hash),this._element);Se(n)&&(this._targetLinks.set(decodeURI(t.hash),t),this._observableSections.set(t.hash,n))}}_process(e){this._activeTarget!==e&&(this._clearActiveClass(this._config.target),this._activeTarget=e,e.classList.add(Pe),this._activateParents(e),c.trigger(this._element,Ol,{relatedTarget:e}))}_activateParents(e){if(e.classList.contains(kl)){d.findOne(Pl,e.closest(Nl)).classList.add(Pe);return}for(const t of d.parents(e,Ll))for(const n of d.prev(t,Il))n.classList.add(Pe)}_clearActiveClass(e){e.classList.remove(Pe);const t=d.find(`${ri}.${Pe}`,e);for(const n of t)n.classList.remove(Pe)}static jQueryInterface(e){return this.each(function(){const t=Qe.getOrCreateInstance(this,e);if(typeof e=="string"){if(t[e]===void 0||e.startsWith("_")||e==="constructor")throw new TypeError(`No method named "${e}"`);t[e]()}})}}c.on(window,xl,()=>{for(const i of d.find(Sl))Qe.getOrCreateInstance(i)}),R(Qe);const Hl="tab",Fl="bs.tab",_e=`.${Fl}`,Rl=`hide${_e}`,Wl=`hidden${_e}`,ql=`show${_e}`,Bl=`shown${_e}`,zl=`click${_e}`,Vl=`keydown${_e}`,Ul=`load${_e}`,Xl="ArrowLeft",Jn="ArrowRight",Yl="ArrowUp",Zn="ArrowDown",ai="Home",es="End",be="active",ts="fade",li="show",Kl="dropdown",is=".dropdown-toggle",Ql=".dropdown-menu",ci=`:not(${is})`,Gl='.list-group, .nav, [role="tablist"]',Jl=".nav-item, .list-group-item",Zl=`.nav-link${ci}, .list-group-item${ci}, [role="tab"]${ci}`,ns='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',ui=`${Zl}, ${ns}`,ec=`.${be}[data-bs-toggle="tab"], .${be}[data-bs-toggle="pill"], .${be}[data-bs-toggle="list"]`;class re extends z{constructor(e){super(e),this._parent=this._element.closest(Gl),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),c.on(this._element,Vl,t=>this._keydown(t)))}static get NAME(){return Hl}show(){const e=this._element;if(this._elemIsActive(e))return;const t=this._getActiveElem(),n=t?c.trigger(t,Rl,{relatedTarget:e}):null;c.trigger(e,ql,{relatedTarget:t}).defaultPrevented||n&&n.defaultPrevented||(this._deactivate(t,e),this._activate(e,t))}_activate(e,t){if(!e)return;e.classList.add(be),this._activate(d.getElementFromSelector(e));const n=()=>{if(e.getAttribute("role")!=="tab"){e.classList.add(li);return}e.removeAttribute("tabindex"),e.setAttribute("aria-selected",!0),this._toggleDropDown(e,!0),c.trigger(e,Bl,{relatedTarget:t})};this._queueCallback(n,e,e.classList.contains(ts))}_deactivate(e,t){if(!e)return;e.classList.remove(be),e.blur(),this._deactivate(d.getElementFromSelector(e));const n=()=>{if(e.getAttribute("role")!=="tab"){e.classList.remove(li);return}e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"),this._toggleDropDown(e,!1),c.trigger(e,Wl,{relatedTarget:t})};this._queueCallback(n,e,e.classList.contains(ts))}_keydown(e){if(![Xl,Jn,Yl,Zn,ai,es].includes(e.key))return;e.stopPropagation(),e.preventDefault();const t=this._getChildren().filter(s=>!ne(s));let n;if([ai,es].includes(e.key))n=t[e.key===ai?0:t.length-1];else{const s=[Jn,Zn].includes(e.key);n=zt(t,e.target,s,!0)}n&&(n.focus({preventScroll:!0}),re.getOrCreateInstance(n).show())}_getChildren(){return d.find(ui,this._parent)}_getActiveElem(){return this._getChildren().find(e=>this._elemIsActive(e))||null}_setInitialAttributes(e,t){this._setAttributeIfNotExists(e,"role","tablist");for(const n of t)this._setInitialAttributesOnChild(n)}_setInitialAttributesOnChild(e){e=this._getInnerElement(e);const t=this._elemIsActive(e),n=this._getOuterElement(e);e.setAttribute("aria-selected",t),n!==e&&this._setAttributeIfNotExists(n,"role","presentation"),t||e.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(e,"role","tab"),this._setInitialAttributesOnTargetPanel(e)}_setInitialAttributesOnTargetPanel(e){const t=d.getElementFromSelector(e);t&&(this._setAttributeIfNotExists(t,"role","tabpanel"),e.id&&this._setAttributeIfNotExists(t,"aria-labelledby",`${e.id}`))}_toggleDropDown(e,t){const n=this._getOuterElement(e);if(!n.classList.contains(Kl))return;const s=(o,r)=>{const a=d.findOne(o,n);a&&a.classList.toggle(r,t)};s(is,be),s(Ql,li),n.setAttribute("aria-expanded",t)}_setAttributeIfNotExists(e,t,n){e.hasAttribute(t)||e.setAttribute(t,n)}_elemIsActive(e){return e.classList.contains(be)}_getInnerElement(e){return e.matches(ui)?e:d.findOne(ui,e)}_getOuterElement(e){return e.closest(Jl)||e}static jQueryInterface(e){return this.each(function(){const t=re.getOrCreateInstance(this);if(typeof e=="string"){if(t[e]===void 0||e.startsWith("_")||e==="constructor")throw new TypeError(`No method named "${e}"`);t[e]()}})}}c.on(document,zl,ns,function(i){["A","AREA"].includes(this.tagName)&&i.preventDefault(),!ne(this)&&re.getOrCreateInstance(this).show()}),c.on(window,Ul,()=>{for(const i of d.find(ec))re.getOrCreateInstance(i)}),R(re);const tc="toast",ic="bs.toast",oe=`.${ic}`,nc=`mouseover${oe}`,sc=`mouseout${oe}`,oc=`focusin${oe}`,rc=`focusout${oe}`,ac=`hide${oe}`,lc=`hidden${oe}`,cc=`show${oe}`,uc=`shown${oe}`,hc="fade",ss="hide",bt="show",vt="showing",dc={animation:"boolean",autohide:"boolean",delay:"number"},fc={animation:!0,autohide:!0,delay:5e3};class Ge extends z{constructor(e,t){super(e,t),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return fc}static get DefaultType(){return dc}static get NAME(){return tc}show(){if(c.trigger(this._element,cc).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add(hc);const e=()=>{this._element.classList.remove(vt),c.trigger(this._element,uc),this._maybeScheduleHide()};this._element.classList.remove(ss),Be(this._element),this._element.classList.add(bt,vt),this._queueCallback(e,this._element,this._config.animation)}hide(){if(!this.isShown()||c.trigger(this._element,ac).defaultPrevented)return;const e=()=>{this._element.classList.add(ss),this._element.classList.remove(vt,bt),c.trigger(this._element,lc)};this._element.classList.add(vt),this._queueCallback(e,this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(bt),super.dispose()}isShown(){return this._element.classList.contains(bt)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout(()=>{this.hide()},this._config.delay)))}_onInteraction(e,t){switch(e.type){case"mouseover":case"mouseout":{this._hasMouseInteraction=t;break}case"focusin":case"focusout":{this._hasKeyboardInteraction=t;break}}if(t){this._clearTimeout();return}const n=e.relatedTarget;this._element===n||this._element.contains(n)||this._maybeScheduleHide()}_setListeners(){c.on(this._element,nc,e=>this._onInteraction(e,!0)),c.on(this._element,sc,e=>this._onInteraction(e,!1)),c.on(this._element,oc,e=>this._onInteraction(e,!0)),c.on(this._element,rc,e=>this._onInteraction(e,!1))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(e){return this.each(function(){const t=Ge.getOrCreateInstance(this,e);if(typeof e=="string"){if(typeof t[e]>"u")throw new TypeError(`No method named "${e}"`);t[e](this)}})}}ut(Ge),R(Ge);const pc=Object.freeze(Object.defineProperty({__proto__:null,Alert:Ye,Button:Ke,Carousel:je,Collapse:Me,Dropdown:V,Modal:ve,Offcanvas:Z,Popover:wt,ScrollSpy:Qe,Tab:re,Toast:Ge,Tooltip:ye},Symbol.toStringTag,{value:"Module"}));function hi(i){const e=new URL(document.URL);for(let t of document.querySelectorAll(i)){const n=new URL(t.href);e.pathname.startsWith(n.pathname)?t.classList.add("active"):t.classList.remove("active")}}function mc(i){i.preventDefault();const e=i.currentTarget;let t;e.classList.contains("active")?t=e.dataset.url:t=e.dataset.url+encodeURIComponent(e.dataset.path),htmx.ajax("GET",t,{target:"#meta",indicator:"#meta-wrapper .htmx-indicator"}).then(()=>{e.classList.contains("active"),hi("#path-list a")}).catch(()=>{e.classList.contains("active"),hi("#path-list a")})}window.loadDataset=mc;function gc(i){document.querySelector(i).innerHTML=""}function _c(i){const e=document.getElementById(i);return e&&(e.style.display="none",e.replaceChildren()),e}async function os(i,e,t,n){const s={LOGIN_BAD_CREDENTIALS:"Incorrect credentials, please verify the email address and password.",REGISTER_USER_ALREADY_EXISTS:"Email address already registered, did you forget your password?",RESET_PASSWORD_BAD_TOKEN:"Invalid or expired link, did you click an old or already used link?"},o=_c(t),r={};for(const l of i.elements)l.name!=""&&(r[l.name]=l.value);const a=await fetch(i.action,{method:i.method,headers:{"Content-Type":n?"application/json":"application/x-www-form-urlencoded"},body:n?JSON.stringify(r):new URLSearchParams(r)});if(a.ok)window.location.href=e;else{const l=a.headers.get("content-type");if(l&&l.indexOf("application/json")!=-1){const u=await a.json(),h=u.detail;if(Array.isArray(h))for(let p of h)o.appendChild(document.createTextNode(`${p.msg}, `));else if(typeof h=="object"){const p=h.reason;o.appendChild(document.createTextNode(p))}else if(h){const p=s[h]||h;o.appendChild(document.createTextNode(p))}else o.appendChild(document.createTextNode(`Unexpected error: ${a.status} ${a.statusText}`)),o.appendChild(document.createElement("pre")).textContent=JSON.stringify(u)}else{const u=await a.text();o.appendChild(document.createTextNode(u))}o.style.display="block"}}async function bc(i,e,t="result"){return await os(i,e,t,!1)}async function vc(i,e,t="result"){return await os(i,e,t,!0)}function yc(i){const e=document.querySelector("#alert-error"),t=document.querySelector("#alert-error-template").content.cloneNode(!0);t.querySelector("#alert-error-text").textContent=i,e.replaceChildren(t)}function wc(i){if(i){let e=document.querySelector(`${i}-tab`);new re(e).show()}}function Ac(i,e){let t=e.querySelector("button");t.onclick=function(n){n.preventDefault(),htmx.trigger(i.detail.elt,"htmx:abort")},t.innerHTML_bak=t.innerHTML,t.innerHTML='Abort <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>'}function Ec(i,e){i.detail.xhr.status<400&&e.reset();let t=e.querySelector("button");t.innerHTML=t.innerHTML_bak,t.onclick=null}function di(i,e){const t=new URL(i);for(const[n,s]of Object.entries(e))t.searchParams.set(n,s);return t.toString()}function rs(i){let e=document.getElementById("display-image");document.getElementById("image-spinner").classList.add("htmx-request"),e.src=di(e.src,i)}function Tc(i){const e={i:i.value};rs(e);let t=document.getElementById("image-original");t&&(t.href=di(t.href,e))}function Cc(i){const e=i.selectedOptions[0],t={ndim:e.value,i:0};rs(t);const n=e.getAttribute("data-size"),s=document.querySelector('input[name="i"]');s.setAttribute("max",n-1),s.value=0;let o=document.getElementById("image-original");if(o){o.href=di(o.href,t);const[r,a]=[...i.options].filter(l=>!l.selected).map(l=>l.dataset.size);o.textContent=`${a} x ${r} (original size)`}}function Oc(){const i=document.getElementById("image-spinner");i&&i.classList.remove("htmx-request")}window.activate=hi,window.clearContent=gc,window.openTab=wc,window.showAlert=yc,window.submitForm=bc,window.submitFormAsJSON=vc,window.handleSubmit=Ac,window.resetForm=Ec,window.update_i=Tc,window.update_ndim=Cc,window.stopSpinner=Oc;export{pc as bootstrap};
diff --git a/caterva2/services/static/build/main-Bl4lbrCH.css b/caterva2/services/static/build/main-Bl4lbrCH.css
deleted file mode 100644
index 0b086735..00000000
--- a/caterva2/services/static/build/main-Bl4lbrCH.css
+++ /dev/null
@@ -1 +0,0 @@
-@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #008186;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #deab27;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 0, 129, 134;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 222, 171, 39;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text-emphasis: #003436;--bs-secondary-text-emphasis: #2b2f32;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #594410;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cce6e7;--bs-secondary-bg-subtle: #e2e3e5;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #f8eed4;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #99cdcf;--bs-secondary-border-subtle: #c4c8cb;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #f2dda9;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, .75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, .5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #008186;--bs-link-color-rgb: 0, 129, 134;--bs-link-decoration: underline;--bs-link-hover-color: #00676b;--bs-link-hover-color-rgb: 0, 103, 107;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, .175);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width: .25rem;--bs-focus-ring-opacity: .25;--bs-focus-ring-color: rgba(0, 129, 134, .25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color: #dee2e6;--bs-body-color-rgb: 222, 226, 230;--bs-body-bg: #212529;--bs-body-bg-rgb: 33, 37, 41;--bs-emphasis-color: #fff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(222, 226, 230, .75);--bs-secondary-color-rgb: 222, 226, 230;--bs-secondary-bg: #343a40;--bs-secondary-bg-rgb: 52, 58, 64;--bs-tertiary-color: rgba(222, 226, 230, .5);--bs-tertiary-color-rgb: 222, 226, 230;--bs-tertiary-bg: #2b3035;--bs-tertiary-bg-rgb: 43, 48, 53;--bs-primary-text-emphasis: #66b3b6;--bs-secondary-text-emphasis: #a7acb1;--bs-success-text-emphasis: #75b798;--bs-info-text-emphasis: #6edff6;--bs-warning-text-emphasis: #ebcd7d;--bs-danger-text-emphasis: #ea868f;--bs-light-text-emphasis: #f8f9fa;--bs-dark-text-emphasis: #dee2e6;--bs-primary-bg-subtle: #001a1b;--bs-secondary-bg-subtle: #161719;--bs-success-bg-subtle: #051b11;--bs-info-bg-subtle: #032830;--bs-warning-bg-subtle: #2c2208;--bs-danger-bg-subtle: #2c0b0e;--bs-light-bg-subtle: #343a40;--bs-dark-bg-subtle: #1a1d20;--bs-primary-border-subtle: #004d50;--bs-secondary-border-subtle: #41464b;--bs-success-border-subtle: #0f5132;--bs-info-border-subtle: #087990;--bs-warning-border-subtle: #856717;--bs-danger-border-subtle: #842029;--bs-light-border-subtle: #495057;--bs-dark-border-subtle: #343a40;--bs-heading-color: inherit;--bs-link-color: #66b3b6;--bs-link-hover-color: #85c2c5;--bs-link-color-rgb: 102, 179, 182;--bs-link-hover-color-rgb: 133, 194, 197;--bs-code-color: #e685b5;--bs-highlight-color: #dee2e6;--bs-highlight-bg: #664d03;--bs-border-color: #495057;--bs-border-color-translucent: rgba(255, 255, 255, .15);--bs-form-valid-color: #75b798;--bs-form-valid-border-color: #75b798;--bs-form-invalid-color: #ea868f;--bs-form-invalid-border-color: #ea868f}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1,.h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){h1,.h1{font-size:2.5rem}}h2,.h2{font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){h2,.h2{font-size:2rem}}h3,.h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){h3,.h3{font-size:1.75rem}}h4,.h4{font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){h4,.h4{font-size:1.5rem}}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small,.small{font-size:.875em}mark,.mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media(min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media(min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media(min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media(min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media(min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media(min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer:before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media(min-width:576px){.container-sm,.container{max-width:540px}}@media(min-width:768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width:992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: .25rem}.g-1,.gy-1{--bs-gutter-y: .25rem}.g-2,.gx-2{--bs-gutter-x: .5rem}.g-2,.gy-2{--bs-gutter-y: .5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: .25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: .25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: .5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: .5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: .25rem}.g-md-1,.gy-md-1{--bs-gutter-y: .25rem}.g-md-2,.gx-md-2{--bs-gutter-x: .5rem}.g-md-2,.gy-md-2{--bs-gutter-y: .5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: .25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: .25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: .5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: .5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: .25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: .25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: .5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: .5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: .25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: .25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: .5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: .5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.table{--bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg)}.table-active{--bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg)}.table-primary{--bs-table-color: #000;--bs-table-bg: #cce6e7;--bs-table-border-color: #a3b8b9;--bs-table-striped-bg: #c2dbdb;--bs-table-striped-color: #000;--bs-table-active-bg: #b8cfd0;--bs-table-active-color: #000;--bs-table-hover-bg: #bdd5d6;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color: #000;--bs-table-bg: #e2e3e5;--bs-table-border-color: #b5b6b7;--bs-table-striped-bg: #d7d8da;--bs-table-striped-color: #000;--bs-table-active-bg: #cbccce;--bs-table-active-color: #000;--bs-table-hover-bg: #d1d2d4;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color: #000;--bs-table-bg: #d1e7dd;--bs-table-border-color: #a7b9b1;--bs-table-striped-bg: #c7dbd2;--bs-table-striped-color: #000;--bs-table-active-bg: #bcd0c7;--bs-table-active-color: #000;--bs-table-hover-bg: #c1d6cc;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color: #000;--bs-table-bg: #cff4fc;--bs-table-border-color: #a6c3ca;--bs-table-striped-bg: #c5e8ef;--bs-table-striped-color: #000;--bs-table-active-bg: #badce3;--bs-table-active-color: #000;--bs-table-hover-bg: #bfe2e9;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color: #000;--bs-table-bg: #f8eed4;--bs-table-border-color: #c6beaa;--bs-table-striped-bg: #ece2c9;--bs-table-striped-color: #000;--bs-table-active-bg: #dfd6bf;--bs-table-active-color: #000;--bs-table-hover-bg: #e5dcc4;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color: #000;--bs-table-bg: #f8d7da;--bs-table-border-color: #c6acae;--bs-table-striped-bg: #eccccf;--bs-table-striped-color: #000;--bs-table-active-bg: #dfc2c4;--bs-table-active-color: #000;--bs-table-hover-bg: #e5c7ca;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: #c6c7c8;--bs-table-striped-bg: #ecedee;--bs-table-striped-color: #000;--bs-table-active-bg: #dfe0e1;--bs-table-active-color: #000;--bs-table-hover-bg: #e5e6e7;--bs-table-hover-color: #000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: #4d5154;--bs-table-striped-bg: #2c3034;--bs-table-striped-color: #fff;--bs-table-active-bg: #373b3e;--bs-table-active-color: #fff;--bs-table-hover-bg: #323539;--bs-table-hover-color: #fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#80c0c3;outline:0;box-shadow:0 0 0 .25rem #00818640}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#80c0c3;outline:0;box-shadow:0 0 0 .25rem #00818640}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg: var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#80c0c3;outline:0;box-shadow:0 0 0 .25rem #00818640}.form-check-input:checked{background-color:#008186;border-color:#008186}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#008186;border-color:#008186;--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380c0c3'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #00818640}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #00818640}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:#008186;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b3d9db}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#008186;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#b3d9db}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media(prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:transparent}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>textarea:focus~label:after,.form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated .form-control-color:valid,.form-control-color.is-valid{width:calc(3.75rem + 1.5em)}.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated .form-control-color:invalid,.form-control-color.is-invalid{width:calc(3.75rem + 1.5em)}.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid{z-index:4}.btn{--bs-btn-padding-x: .75rem;--bs-btn-padding-y: .375rem;--bs-btn-font-family: ;--bs-btn-font-size: 1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity: .65;--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #008186;--bs-btn-border-color: #008186;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #006e72;--bs-btn-hover-border-color: #00676b;--bs-btn-focus-shadow-rgb: 38, 148, 152;--bs-btn-active-color: #fff;--bs-btn-active-bg: #00676b;--bs-btn-active-border-color: #006165;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #008186;--bs-btn-disabled-border-color: #008186}.btn-secondary{--bs-btn-color: #fff;--bs-btn-bg: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #5c636a;--bs-btn-hover-border-color: #565e64;--bs-btn-focus-shadow-rgb: 130, 138, 145;--bs-btn-active-color: #fff;--bs-btn-active-bg: #565e64;--bs-btn-active-border-color: #51585e;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #6c757d;--bs-btn-disabled-border-color: #6c757d}.btn-success{--bs-btn-color: #fff;--bs-btn-bg: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #157347;--bs-btn-hover-border-color: #146c43;--bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: #146c43;--bs-btn-active-border-color: #13653f;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #198754;--bs-btn-disabled-border-color: #198754}.btn-info{--bs-btn-color: #000;--bs-btn-bg: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #31d2f2;--bs-btn-hover-border-color: #25cff2;--bs-btn-focus-shadow-rgb: 11, 172, 204;--bs-btn-active-color: #000;--bs-btn-active-bg: #3dd5f3;--bs-btn-active-border-color: #25cff2;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #0dcaf0;--bs-btn-disabled-border-color: #0dcaf0}.btn-warning{--bs-btn-color: #000;--bs-btn-bg: #deab27;--bs-btn-border-color: #deab27;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #e3b847;--bs-btn-hover-border-color: #e1b33d;--bs-btn-focus-shadow-rgb: 189, 145, 33;--bs-btn-active-color: #000;--bs-btn-active-bg: #e5bc52;--bs-btn-active-border-color: #e1b33d;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #deab27;--bs-btn-disabled-border-color: #deab27}.btn-danger{--bs-btn-color: #fff;--bs-btn-bg: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #bb2d3b;--bs-btn-hover-border-color: #b02a37;--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: #b02a37;--bs-btn-active-border-color: #a52834;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #dc3545;--bs-btn-disabled-border-color: #dc3545}.btn-light{--bs-btn-color: #000;--bs-btn-bg: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #d3d4d5;--bs-btn-hover-border-color: #c6c7c8;--bs-btn-focus-shadow-rgb: 211, 212, 213;--bs-btn-active-color: #000;--bs-btn-active-bg: #c6c7c8;--bs-btn-active-border-color: #babbbc;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #f8f9fa;--bs-btn-disabled-border-color: #f8f9fa}.btn-dark{--bs-btn-color: #fff;--bs-btn-bg: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #424649;--bs-btn-hover-border-color: #373b3e;--bs-btn-focus-shadow-rgb: 66, 70, 73;--bs-btn-active-color: #fff;--bs-btn-active-bg: #4d5154;--bs-btn-active-border-color: #373b3e;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #212529;--bs-btn-disabled-border-color: #212529}.btn-outline-primary{--bs-btn-color: #008186;--bs-btn-border-color: #008186;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #008186;--bs-btn-hover-border-color: #008186;--bs-btn-focus-shadow-rgb: 0, 129, 134;--bs-btn-active-color: #fff;--bs-btn-active-bg: #008186;--bs-btn-active-border-color: #008186;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #008186;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #008186;--bs-gradient: none}.btn-outline-secondary{--bs-btn-color: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #6c757d;--bs-btn-hover-border-color: #6c757d;--bs-btn-focus-shadow-rgb: 108, 117, 125;--bs-btn-active-color: #fff;--bs-btn-active-bg: #6c757d;--bs-btn-active-border-color: #6c757d;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none}.btn-outline-success{--bs-btn-color: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #198754;--bs-btn-hover-border-color: #198754;--bs-btn-focus-shadow-rgb: 25, 135, 84;--bs-btn-active-color: #fff;--bs-btn-active-bg: #198754;--bs-btn-active-border-color: #198754;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #198754;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #198754;--bs-gradient: none}.btn-outline-info{--bs-btn-color: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #0dcaf0;--bs-btn-hover-border-color: #0dcaf0;--bs-btn-focus-shadow-rgb: 13, 202, 240;--bs-btn-active-color: #000;--bs-btn-active-bg: #0dcaf0;--bs-btn-active-border-color: #0dcaf0;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #0dcaf0;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0dcaf0;--bs-gradient: none}.btn-outline-warning{--bs-btn-color: #deab27;--bs-btn-border-color: #deab27;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #deab27;--bs-btn-hover-border-color: #deab27;--bs-btn-focus-shadow-rgb: 222, 171, 39;--bs-btn-active-color: #000;--bs-btn-active-bg: #deab27;--bs-btn-active-border-color: #deab27;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #deab27;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #deab27;--bs-gradient: none}.btn-outline-danger{--bs-btn-color: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #dc3545;--bs-btn-hover-border-color: #dc3545;--bs-btn-focus-shadow-rgb: 220, 53, 69;--bs-btn-active-color: #fff;--bs-btn-active-bg: #dc3545;--bs-btn-active-border-color: #dc3545;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #dc3545;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #dc3545;--bs-gradient: none}.btn-outline-light{--bs-btn-color: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #f8f9fa;--bs-btn-hover-border-color: #f8f9fa;--bs-btn-focus-shadow-rgb: 248, 249, 250;--bs-btn-active-color: #000;--bs-btn-active-bg: #f8f9fa;--bs-btn-active-border-color: #f8f9fa;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #f8f9fa;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #f8f9fa;--bs-gradient: none}.btn-outline-dark{--bs-btn-color: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #212529;--bs-btn-hover-border-color: #212529;--bs-btn-focus-shadow-rgb: 33, 37, 41;--bs-btn-active-color: #fff;--bs-btn-active-bg: #212529;--bs-btn-active-border-color: #212529;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #212529;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #212529;--bs-gradient: none}.btn-link{--bs-btn-font-weight: 400;--bs-btn-color: var(--bs-link-color);--bs-btn-bg: transparent;--bs-btn-border-color: transparent;--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;--bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 38, 148, 152;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg,.btn-group-lg>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 1.25rem;--bs-btn-border-radius: var(--bs-border-radius-lg)}.btn-sm,.btn-group-sm>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .875rem;--bs-btn-border-radius: var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: .5rem;--bs-dropdown-spacer: .125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: var(--bs-body-bg);--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-border-radius: var(--bs-border-radius);--bs-dropdown-border-width: var(--bs-border-width);--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y: .5rem;--bs-dropdown-box-shadow: var(--bs-box-shadow);--bs-dropdown-link-color: var(--bs-body-color);--bs-dropdown-link-hover-color: var(--bs-body-color);--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #008186;--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: .25rem;--bs-dropdown-header-color: #6c757d;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: .5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width:576px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width:768px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width:992px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width:1200px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width:1400px){.dropdown-menu-xxl-start{--bs-position: start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position: end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle:after{display:none}.dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-active-bg: #008186;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child){margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x: 1rem;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color);--bs-nav-link-disabled-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #00818640}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width: var(--bs-border-width);--bs-nav-tabs-border-color: var(--bs-border-color);--bs-nav-tabs-border-radius: var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg: var(--bs-body-bg);--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius: var(--bs-border-radius);--bs-nav-pills-link-active-color: #fff;--bs-nav-pills-link-active-bg: #008186}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap: 1rem;--bs-nav-underline-border-width: .125rem;--bs-nav-underline-link-active-color: var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:hover,.nav-underline .nav-link:focus{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media(prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height, 75vh);overflow-y:auto}@media(min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media(min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color: rgba(255, 255, 255, .55);--bs-navbar-hover-color: rgba(255, 255, 255, .75);--bs-navbar-disabled-color: rgba(255, 255, 255, .25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: .5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: .75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-img-top,.card-group>.card:not(:last-child)>.card-header{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-img-bottom,.card-group>.card:not(:last-child)>.card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-img-top,.card-group>.card:not(:first-child)>.card-header{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-img-bottom,.card-group>.card:not(:first-child)>.card-footer{border-bottom-left-radius:0}}.accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform .2s ease-in-out;--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23003436' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(0, 129, 134, .25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media(prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media(prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366b3b6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2366b3b6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x: 0;--bs-breadcrumb-padding-y: 0;--bs-breadcrumb-margin-bottom: 1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color: var(--bs-secondary-color);--bs-breadcrumb-item-padding-x: .5rem;--bs-breadcrumb-item-active-color: var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x: .75rem;--bs-pagination-padding-y: .375rem;--bs-pagination-font-size: 1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(0, 129, 134, .25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #008186;--bs-pagination-active-border-color: #008186;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 1.5rem;--bs-pagination-padding-y: .75rem;--bs-pagination-font-size: 1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: .5rem;--bs-pagination-padding-y: .25rem;--bs-pagination-font-size: .875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x: .65em;--bs-badge-padding-y: .35em;--bs-badge-font-size: .75em;--bs-badge-font-weight: 700;--bs-badge-color: #fff;--bs-badge-border-radius: var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius: var(--bs-border-radius);--bs-alert-link-color: inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color: var(--bs-primary-text-emphasis);--bs-alert-bg: var(--bs-primary-bg-subtle);--bs-alert-border-color: var(--bs-primary-border-subtle);--bs-alert-link-color: var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color: var(--bs-secondary-text-emphasis);--bs-alert-bg: var(--bs-secondary-bg-subtle);--bs-alert-border-color: var(--bs-secondary-border-subtle);--bs-alert-link-color: var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color: var(--bs-success-text-emphasis);--bs-alert-bg: var(--bs-success-bg-subtle);--bs-alert-border-color: var(--bs-success-border-subtle);--bs-alert-link-color: var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color: var(--bs-info-text-emphasis);--bs-alert-bg: var(--bs-info-bg-subtle);--bs-alert-border-color: var(--bs-info-border-subtle);--bs-alert-link-color: var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color: var(--bs-warning-text-emphasis);--bs-alert-bg: var(--bs-warning-bg-subtle);--bs-alert-border-color: var(--bs-warning-border-subtle);--bs-alert-link-color: var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color: var(--bs-danger-text-emphasis);--bs-alert-bg: var(--bs-danger-bg-subtle);--bs-alert-border-color: var(--bs-danger-border-subtle);--bs-alert-link-color: var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color: var(--bs-light-text-emphasis);--bs-alert-bg: var(--bs-light-bg-subtle);--bs-alert-border-color: var(--bs-light-border-subtle);--bs-alert-link-color: var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color: var(--bs-dark-text-emphasis);--bs-alert-bg: var(--bs-dark-bg-subtle);--bs-alert-border-color: var(--bs-dark-border-subtle);--bs-alert-link-color: var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size: .75rem;--bs-progress-bg: var(--bs-secondary-bg);--bs-progress-border-radius: var(--bs-border-radius);--bs-progress-box-shadow: var(--bs-box-shadow-inset);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: #008186;--bs-progress-bar-transition: width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color: var(--bs-body-color);--bs-list-group-bg: var(--bs-body-bg);--bs-list-group-border-color: var(--bs-border-color);--bs-list-group-border-width: var(--bs-border-width);--bs-list-group-border-radius: var(--bs-border-radius);--bs-list-group-item-padding-x: 1rem;--bs-list-group-item-padding-y: .5rem;--bs-list-group-action-color: var(--bs-secondary-color);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);--bs-list-group-action-active-color: var(--bs-body-color);--bs-list-group-action-active-bg: var(--bs-secondary-bg);--bs-list-group-disabled-color: var(--bs-secondary-color);--bs-list-group-disabled-bg: var(--bs-body-bg);--bs-list-group-active-color: #fff;--bs-list-group-active-bg: #008186;--bs-list-group-active-border-color: #008186;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):hover,.list-group-item-action:not(.active):focus{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media(min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media(min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color: var(--bs-primary-text-emphasis);--bs-list-group-bg: var(--bs-primary-bg-subtle);--bs-list-group-border-color: var(--bs-primary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);--bs-list-group-active-color: var(--bs-primary-bg-subtle);--bs-list-group-active-bg: var(--bs-primary-text-emphasis);--bs-list-group-active-border-color: var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color: var(--bs-secondary-text-emphasis);--bs-list-group-bg: var(--bs-secondary-bg-subtle);--bs-list-group-border-color: var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);--bs-list-group-active-color: var(--bs-secondary-bg-subtle);--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color: var(--bs-success-text-emphasis);--bs-list-group-bg: var(--bs-success-bg-subtle);--bs-list-group-border-color: var(--bs-success-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-success-border-subtle);--bs-list-group-active-color: var(--bs-success-bg-subtle);--bs-list-group-active-bg: var(--bs-success-text-emphasis);--bs-list-group-active-border-color: var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color: var(--bs-info-text-emphasis);--bs-list-group-bg: var(--bs-info-bg-subtle);--bs-list-group-border-color: var(--bs-info-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-info-border-subtle);--bs-list-group-active-color: var(--bs-info-bg-subtle);--bs-list-group-active-bg: var(--bs-info-text-emphasis);--bs-list-group-active-border-color: var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color: var(--bs-warning-text-emphasis);--bs-list-group-bg: var(--bs-warning-bg-subtle);--bs-list-group-border-color: var(--bs-warning-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);--bs-list-group-active-color: var(--bs-warning-bg-subtle);--bs-list-group-active-bg: var(--bs-warning-text-emphasis);--bs-list-group-active-border-color: var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color: var(--bs-danger-text-emphasis);--bs-list-group-bg: var(--bs-danger-bg-subtle);--bs-list-group-border-color: var(--bs-danger-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);--bs-list-group-active-color: var(--bs-danger-bg-subtle);--bs-list-group-active-bg: var(--bs-danger-text-emphasis);--bs-list-group-active-border-color: var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color: var(--bs-light-text-emphasis);--bs-list-group-bg: var(--bs-light-bg-subtle);--bs-list-group-border-color: var(--bs-light-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-light-border-subtle);--bs-list-group-active-color: var(--bs-light-bg-subtle);--bs-list-group-active-bg: var(--bs-light-text-emphasis);--bs-list-group-active-border-color: var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color: var(--bs-dark-text-emphasis);--bs-list-group-bg: var(--bs-dark-bg-subtle);--bs-list-group-border-color: var(--bs-dark-border-subtle);--bs-list-group-action-hover-color: var(--bs-emphasis-color);--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);--bs-list-group-action-active-color: var(--bs-emphasis-color);--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);--bs-list-group-active-color: var(--bs-dark-bg-subtle);--bs-list-group-active-bg: var(--bs-dark-text-emphasis);--bs-list-group-active-border-color: var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(0, 129, 134, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close:disabled,.btn-close.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: .75rem;--bs-toast-padding-y: .5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size: .875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex: 1055;--bs-modal-width: 500px;--bs-modal-padding: 1rem;--bs-modal-margin: .5rem;--bs-modal-color: var(--bs-body-color);--bs-modal-bg: var(--bs-body-bg);--bs-modal-border-color: var(--bs-border-color-translucent);--bs-modal-border-width: var(--bs-border-width);--bs-modal-border-radius: var(--bs-border-radius-lg);--bs-modal-box-shadow: var(--bs-box-shadow-sm);--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x: 1rem;--bs-modal-header-padding-y: 1rem;--bs-modal-header-padding: 1rem 1rem;--bs-modal-header-border-color: var(--bs-border-color);--bs-modal-header-border-width: var(--bs-border-width);--bs-modal-title-line-height: 1.5;--bs-modal-footer-gap: .5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color: var(--bs-border-color);--bs-modal-footer-border-width: var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media(prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: .5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media(min-width:576px){.modal{--bs-modal-margin: 1.75rem;--bs-modal-box-shadow: var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width: 300px}}@media(min-width:992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}@media(min-width:1200px){.modal-xl{--bs-modal-width: 1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media(max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media(max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media(max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media(max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media(max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: .5rem;--bs-tooltip-padding-y: .25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size: .875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: .9;--bs-tooltip-arrow-width: .8rem;--bs-tooltip-arrow-height: .4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-top .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-bottom .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow:before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 276px;--bs-popover-font-size: .875rem;--bs-popover-bg: var(--bs-body-bg);--bs-popover-border-width: var(--bs-border-width);--bs-popover-border-color: var(--bs-border-color-translucent);--bs-popover-border-radius: var(--bs-border-radius-lg);--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow: var(--bs-box-shadow);--bs-popover-header-padding-x: 1rem;--bs-popover-header-padding-y: .5rem;--bs-popover-header-font-size: 1rem;--bs-popover-header-color: inherit;--bs-popover-header-bg: var(--bs-secondary-bg);--bs-popover-body-padding-x: 1rem;--bs-popover-body-padding-y: 1rem;--bs-popover-body-color: var(--bs-body-color);--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: .5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow:before,.popover .popover-arrow:after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-top>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-top>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-end>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-end>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-bottom>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-bottom>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-bottom .popover-header:before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-start>.popover-arrow:before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-start>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translate(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg: #fff;--bs-carousel-caption-color: #fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg: #000;--bs-carousel-caption-color: #000;--bs-carousel-control-icon-filter: invert(1) grayscale(100)}.spinner-grow,.spinner-border{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-border-width: .25em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem;--bs-spinner-border-width: .2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width: 2rem;--bs-spinner-height: 2rem;--bs-spinner-vertical-align: -.125em;--bs-spinner-animation-speed: .75s;--bs-spinner-animation-name: spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}@media(prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed: 1.5s}}.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{--bs-offcanvas-zindex: 1045;--bs-offcanvas-width: 400px;--bs-offcanvas-height: 30vh;--bs-offcanvas-padding-x: 1rem;--bs-offcanvas-padding-y: 1rem;--bs-offcanvas-color: var(--bs-body-color);--bs-offcanvas-bg: var(--bs-body-bg);--bs-offcanvas-border-width: var(--bs-border-width);--bs-offcanvas-border-color: var(--bs-border-color-translucent);--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);--bs-offcanvas-transition: transform .3s ease-in-out;--bs-offcanvas-title-line-height: 1.5}@media(max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width:575.98px)and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media(max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding){transform:none}.offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show{visibility:visible}}@media(min-width:576px){.offcanvas-sm{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media(max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width:767.98px)and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media(max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.showing,.offcanvas-md.show:not(.hiding){transform:none}.offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show{visibility:visible}}@media(min-width:768px){.offcanvas-md{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media(max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width:991.98px)and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media(max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding){transform:none}.offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show{visibility:visible}}@media(min-width:992px){.offcanvas-lg{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media(max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width:1199.98px)and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media(max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding){transform:none}.offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show{visibility:visible}}@media(min-width:1200px){.offcanvas-xl{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media(max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media(max-width:1399.98px)and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media(max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding){transform:none}.offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show{visibility:visible}}@media(min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height: auto;--bs-offcanvas-border-width: 0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media(prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.showing,.offcanvas.show:not(.hiding){transform:none}.offcanvas.showing,.offcanvas.hiding,.offcanvas.show{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn:before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix:after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity, 1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity, 1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity, 1))!important}.link-primary:hover,.link-primary:focus{color:RGBA(0,103,107,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(0,103,107,var(--bs-link-underline-opacity, 1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity, 1))!important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86,94,100,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity, 1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity, 1))!important}.link-success:hover,.link-success:focus{color:RGBA(20,108,67,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity, 1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity, 1))!important}.link-info:hover,.link-info:focus{color:RGBA(61,213,243,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity, 1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity, 1))!important}.link-warning:hover,.link-warning:focus{color:RGBA(229,188,82,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(229,188,82,var(--bs-link-underline-opacity, 1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity, 1))!important}.link-danger:hover,.link-danger:focus{color:RGBA(176,42,55,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity, 1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity, 1))!important}.link-light:hover,.link-light:focus{color:RGBA(249,250,251,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity, 1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity, 1))!important}.link-dark:hover,.link-dark:focus{color:RGBA(26,30,33,var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity, 1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, 1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, 1))!important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity, .75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity, .75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, .5));text-underline-offset:.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media(prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio:before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: 75%}.ratio-16x9{--bs-aspect-ratio: 56.25%}.ratio-21x9{--bs-aspect-ratio: 42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media(min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media(min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link:after{position:absolute;inset:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translate(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity: 1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity: 1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity: 1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity: 1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity: 1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity: 1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity: 1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity: 1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity: 1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity: 1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity: .1}.border-opacity-25{--bs-border-opacity: .25}.border-opacity-50{--bs-border-opacity: .5}.border-opacity-75{--bs-border-opacity: .75}.border-opacity-100{--bs-border-opacity: 1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity: 1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity: 1;color:#00000080!important}.text-white-50{--bs-text-opacity: 1;color:#ffffff80!important}.text-body-secondary{--bs-text-opacity: 1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity: 1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity: 1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity: 1;color:inherit!important}.text-opacity-25{--bs-text-opacity: .25}.text-opacity-50{--bs-text-opacity: .5}.text-opacity-75{--bs-text-opacity: .75}.text-opacity-100{--bs-text-opacity: 1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10,.link-opacity-10-hover:hover{--bs-link-opacity: .1}.link-opacity-25,.link-opacity-25-hover:hover{--bs-link-opacity: .25}.link-opacity-50,.link-opacity-50-hover:hover{--bs-link-opacity: .5}.link-opacity-75,.link-opacity-75-hover:hover{--bs-link-opacity: .75}.link-opacity-100,.link-opacity-100-hover:hover{--bs-link-opacity: 1}.link-offset-1,.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2,.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3,.link-offset-3-hover:hover{text-underline-offset:.375em!important}.link-underline-primary{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity: 1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity, 1))!important}.link-underline-opacity-0,.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity: 0}.link-underline-opacity-10,.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity: .1}.link-underline-opacity-25,.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity: .25}.link-underline-opacity-50,.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity: .5}.link-underline-opacity-75,.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity: .75}.link-underline-opacity-100,.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity: 1}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity: 1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity: .1}.bg-opacity-25{--bs-bg-opacity: .25}.bg-opacity-50{--bs-bg-opacity: .5}.bg-opacity-75{--bs-bg-opacity: .75}.bg-opacity-100{--bs-bg-opacity: 1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media(min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media(min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media(min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media(min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media(min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media(min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}body{background-color:#f8f9fa}#fullscreen{padding:.5rem;margin-top:1rem}#page{display:grid;padding:.5rem;margin-top:1rem;grid-template-columns:auto}#meta-wrapper{min-width:0}@media(min-width:800px)and (max-width:1300px){#page{grid-template-columns:10rem auto}#root-list-wrapper{grid-row:1/span 2}#meta-wrapper{grid-column:1/span 2}}@media(min-width:1300px){#page{grid-template-columns:10rem 30rem auto}#root-list-wrapper{grid-row:1/span 2}#prompt-wrapper{grid-column:2/span 2}}#page>div{padding:1rem}#page #logo{width:160px;margin-left:-25px;margin-top:-30px}#page-login #logo{width:160px;margin-left:-8px;margin-top:-8px}.htmx-indicator{display:none}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:block}#path-list-wrapper{z-index:10}#path-list .active{background-color:#008287;border-color:#008287;color:#fff}.btn-outline-success{color:#008287;border-color:#008287}.btn-outline-success:hover{color:#f5f5f5;background-color:#008287}.tab-content{border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;padding:1rem}.nav-tabs{margin-bottom:0}.nav-link.notab:hover,.nav-link.notab:focus{border-color:#0000}#logout-form button{padding:0;border:0;vertical-align:inherit}.file_upload.active label,.file_upload label:hover{color:#00f}.file_upload input{width:1px;height:1px;opacity:0}.file_upload .htmx-request i{display:none}pre{line-height:125%}td.linenos .normal,span.linenos{color:inherit;background-color:transparent;padding-left:5px;padding-right:5px}td.linenos .special,span.linenos.special{color:#000;background-color:#ffffc0;padding-left:5px;padding-right:5px}.highlight .hll{background-color:#ffc}.highlight .c{color:#888}.highlight .err{color:red;background-color:#faa}.highlight .k{color:#080;font-weight:700}.highlight .o{color:#333}.highlight .ch,.highlight .cm{color:#888}.highlight .cp{color:#579}.highlight .cpf,.highlight .c1{color:#888}.highlight .cs{color:#c00;font-weight:700}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .ges{font-weight:700;font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:700}.highlight .gi{color:#00a000}.highlight .go{color:#888}.highlight .gp{color:#c65d09;font-weight:700}.highlight .gs{font-weight:700}.highlight .gu{color:purple;font-weight:700}.highlight .gt{color:#04d}.highlight .kc,.highlight .kd,.highlight .kn{color:#080;font-weight:700}.highlight .kp{color:#038;font-weight:700}.highlight .kr{color:#080;font-weight:700}.highlight .kt{color:#339;font-weight:700}.highlight .m{color:#60e;font-weight:700}.highlight .s{background-color:#fff0f0}.highlight .na{color:#00c}.highlight .nb{color:#007020}.highlight .nc{color:#b06;font-weight:700}.highlight .no{color:#036;font-weight:700}.highlight .nd{color:#555;font-weight:700}.highlight .ni{color:#800;font-weight:700}.highlight .ne{color:red;font-weight:700}.highlight .nf{color:#06b;font-weight:700}.highlight .nl{color:#970;font-weight:700}.highlight .nn{color:#0e84b5;font-weight:700}.highlight .nt{color:#070}.highlight .nv{color:#963}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mb,.highlight .mf{color:#60e;font-weight:700}.highlight .mh{color:#058;font-weight:700}.highlight .mi{color:#00d;font-weight:700}.highlight .mo{color:#40e;font-weight:700}.highlight .sa,.highlight .sb{background-color:#fff0f0}.highlight .sc{color:#04d}.highlight .dl{background-color:#fff0f0}.highlight .sd{color:#d42}.highlight .s2{background-color:#fff0f0}.highlight .se{color:#666;font-weight:700;background-color:#fff0f0}.highlight .sh{background-color:#fff0f0}.highlight .si{background-color:#eee}.highlight .sx{color:#d20;background-color:#fff0f0}.highlight .sr{color:#000;background-color:#fff0ff}.highlight .s1{background-color:#fff0f0}.highlight .ss{color:#a60}.highlight .bp{color:#007020}.highlight .fm{color:#06b;font-weight:700}.highlight .vc{color:#369}.highlight .vg{color:#d70;font-weight:700}.highlight .vi{color:#33b}.highlight .vm{color:#963}.highlight .il{color:#00d;font-weight:700}
diff --git a/caterva2/services/static/build/manifest.json b/caterva2/services/static/build/manifest.json
index 903396ea..e7651087 100644
--- a/caterva2/services/static/build/manifest.json
+++ b/caterva2/services/static/build/manifest.json
@@ -1,11 +1,11 @@
 {
   "src/main.js": {
-    "file": "main-BWQxJoNB.js",
+    "file": "main-kisiQzE-.js",
     "name": "main",
     "src": "src/main.js",
     "isEntry": true,
     "css": [
-      "main-Bl4lbrCH.css"
+      "main-B-RgYrkP.css"
     ]
   }
 }
diff --git a/caterva2/services/templates/root_list.html b/caterva2/services/templates/root_list.html
index 32b92e30..ce831842 100644
--- a/caterva2/services/templates/root_list.html
+++ b/caterva2/services/templates/root_list.html
@@ -8,7 +8,7 @@
       hx-include="#query-search"
       hx-indicator="#path-list-wrapper .htmx-indicator"
       hx-on:htmx:before-request="clearContent('#path-list');"
-      style="width: max-content"
+      style="width: max-content; max-width: 100%; min-width: 0;"
 >
 
     Roots:
@@ -30,8 +30,10 @@
     {% endwith %}
 
     {% for name in mounted %}
-    <div class="d-flex gap-1 justify-content-between">
-        <div class="form-check">
+    <div class="position-relative" style="min-width: 0;">
+        <i class="fa-solid fa-xmark position-absolute" style="left: -1.1rem; top: 0.2rem;" role="button"
+           title="Unmount" data-name="{{ name }}" onclick="unmountRoot(this.dataset.name)"></i>
+        <div class="form-check text-truncate" style="min-width: 0;">
             <input class="form-check-input" type="checkbox" name="roots"
                    value="{{ name }}" {{ "checked" if name in checked }}
                    onchange="return onMountedRootToggle(event, this.value)"
@@ -39,8 +41,6 @@
             <label class="form-check-label" for="id_root_mounted_{{ loop.index }}"
                    title="{{ name }}">{{ name.split('/')[-1] }}</label>
         </div>
-        <i class="fa-solid fa-xmark" role="button" title="Unmount"
-           data-name="{{ name }}" onclick="unmountRoot(this.dataset.name)"></i>
     </div>
     {% endfor %}
 
diff --git a/plans/b2z-h5-tree-implementation.md b/plans/b2z-h5-tree-implementation.md
new file mode 100644
index 00000000..63c599c6
--- /dev/null
+++ b/plans/b2z-h5-tree-implementation.md
@@ -0,0 +1,286 @@
+# Implementation plan: browse `.h5` files as mountable virtual roots
+
+Status: implemented on `new-table` (all 6 steps + client compat fixes below).
+Companion to `plans/b2z-h5-tree.md` (design) and `plans/b2z-virtual-roots.md`
+(the shipped `.b2z` web feature this extends).
+
+Deviation from plan: the `read_metadata` File→Directory flip for a plain
+`.h5` (Step 3) broke more than "a few test_hdf5_proxy assertions" — `Root.__getitem__`
+now returns a client `Group` instead of `File` for `.h5` uploads, so generic
+`File` operations (`unfold`, `copy`, `move`, `remove`, `download`) needed
+thin delegating equivalents added to `client.Group` (`caterva2/client.py`).
+Container-adapter `close()` timing also turned out not to need the `with`
+wrapping the plan suggested: TreeStore leaves survive `close()`, and an
+HDF5 leaf's `h5py.File` only needs to stay open until `container`/`arr` go
+out of scope (CPython refcounting), which happens naturally at the end of
+each handler — so `fetch_data`/`htmx_path_view` simply never close explicitly
+for leaf reads (documented inline).
+
+## Context
+
+`.b2z` TreeStore containers can already be browsed by **virtual descent**
+(address inner leaves by path, no unfolding to disk) in both the API and the
+web UI. The web UI shipped a **virtual-roots** model: a container shows as a
+single mountable row, the user mounts it (client `localStorage`) to get a
+virtual root whose leaves are then listed.
+
+We want `.h5`/`.hdf5` files to browse **the same way** — one row, mount, expand
+leaves — retiring nothing (the legacy `unfold` proxy-file path stays intact for
+now). The blocker is that today the descent code is hardcoded to `.b2z` +
+`blosc2.open` + `blosc2.TreeStore` in ~7 places (API: `get_list`, `get_info`,
+`fetch_data`; web: the two `htmx_path_list` loops, `htmx_path_info`,
+`htmx_path_view`), and HDF5 leaves aren't native blosc2 objects so they need a
+*file-less* `HDF5Proxy`.
+
+## The pivot: one container adapter
+
+Introduce a tiny adapter in `srv_utils.py` that gives `.b2z` and `.h5` a common
+shape, so every descent call site stops branching on suffix. Two
+implementations behind one interface (justified: not a one-impl abstraction —
+it is the seam that removes ~7 scattered `if suffix == ".b2z"` /
+`blosc2.open(abspath)[inner_key]` blocks and is what makes the web generic).
+
+```python
+# srv_utils.py
+BLOSC2_CONTAINER_SUFFIXES = {".b2z", ".h5", ".hdf5"}  # was {".b2z"}
+
+
+def open_container(abspath):
+    """Adapter for a *browsable hierarchical* file, or None if abspath is not
+    one (single-array .b2z, corrupt/non-container file, wrong suffix)."""
+    suffix = abspath.suffix
+    if suffix == ".b2z":
+        try:
+            tree = blosc2.open(abspath)
+        except Exception:
+            return None
+        return _TreeStoreAdapter(tree) if isinstance(tree, blosc2.TreeStore) else None
+    if suffix in {".h5", ".hdf5"}:
+        try:
+            import h5py
+
+            return _HDF5Adapter(h5py.File(abspath, "r"))
+        except Exception:
+            return None
+    return None
+```
+
+Adapter interface (all keys are full `/g/a` strings, matching
+`treestore_leaves`):
+
+```python
+class _ContainerAdapter:
+    def leaves(self, prefix="/") -> list[str]: ...  # deep leaf keys
+    def size(self, prefix="/") -> int | None: ...  # cheap on-disk bytes
+    def get(self, key): ...  # -> leaf-obj | group-marker
+    def is_group(self, node) -> bool: ...
+```
+
+- `_TreeStoreAdapter`: wraps the existing `treestore_leaves`/`treestore_size`;
+  `get(key)` = `tree[key]` (a `TreeStore` for a group, `NDArray`/`CTable` for a
+  leaf); `is_group` = `isinstance(node, blosc2.TreeStore)`.
+- `_HDF5Adapter`: `leaves` via `h5file.visititems` collecting datasets;
+  `size` via `dset.id.get_storage_size()`; `get(key)` returns the `h5py.Group`
+  for a group or a **file-less `HDF5Proxy`** for a dataset;
+  `is_group` = `isinstance(node, (h5py.Group, h5py.File))`.
+- **`get(key)` returns `None` (→ 404) instead of raising** for URL-supplied
+  keys that go wrong: a bogus key (`h5file[key]` raises `KeyError`) and an
+  incompatible dataset reached by a hand-typed URL (compound/vlen/scalar —
+  enumeration skips them, but `open_leaf` → `b2args_from_h5dset` raises,
+  hdf5.py:60). Give `_TreeStoreAdapter.get` the same `KeyError`→`None`
+  treatment — the current TreeStore path (`tree[inner_key]`, server.py:417)
+  looks like it 500s on a bogus key today; fix it in the same move.
+- **Handle ownership**: the adapter owns the `h5py.File`; the `HDF5Proxy`
+  returned by `get()` borrows it (`open_leaf` never sets `self.h5file`, so
+  `HDF5Proxy.__del__` closes nothing). `close()` the adapter only after the
+  response bytes are materialized — fine for `get_info` (metadata is read
+  eagerly) and `fetch_data` (`to_cframe` returns bytes), but make the ordering
+  explicit with a `with` around the whole handler section.
+
+Why this stays bounded: `fetch_data` already type-dispatches on
+`hdf5.HDF5Proxy` (server.py:578, 642), so once `get()` hands back a proxy for an
+`.h5` leaf, the whole slice/stream path works unchanged.
+
+## Step 1 — File-less `HDF5Proxy` (~15 lines, `caterva2/hdf5.py`)
+
+`HDF5Proxy.__init__` today has two modes: reopen-from-proxy-file (`b2arr is not
+None`) and create-proxy-file-on-disk (`urlpath=...`, writes to disk). Add a
+third that builds an **in-memory** b2arr with no urlpath:
+
+```python
+@classmethod
+def open_leaf(cls, h5file, dsetname):
+    self = cls.__new__(cls)
+    self.fname = h5file.filename
+    self.dsetname = dsetname
+    self.dset = h5file[dsetname] if dsetname else h5file
+    b2args = b2args_from_h5dset(self.dset)  # existing helper
+    self.b2arr = blosc2.empty(self.dset.shape or (), dtype=self.dset.dtype, **b2args)
+    return self
+```
+
+Verified against the existing code: every read path uses only `self.dset` and
+`self.b2arr.cparams` — `__getitem__` (hdf5.py:457), `slice` (:481), `to_cframe`
+(:527), `cbytes` = `self.dset.id.get_storage_size()` (:418) — so no urlpath is
+needed. Guard incompatible datasets with the existing
+`h5dset_is_compatible(self.dset)` (compound/vlen/scalar) — skip in enumeration
+rather than build a broken proxy.
+
+## Step 2 — Enumerate + size helpers (~12 lines, `caterva2/hdf5.py`)
+
+Analogs of `treestore_leaves`/`treestore_size`:
+
+```python
+def hdf5_leaves(h5file, prefix="/"):
+    out = []
+    grp = h5file[prefix.strip("/")] if prefix.strip("/") else h5file
+    grp.visititems(
+        lambda name, obj: (
+            out.append("/" + name)
+            if isinstance(obj, h5py.Dataset) and h5dset_is_compatible(obj)
+            else None
+        )
+    )
+    base = prefix.rstrip("/")
+    return [f"{base}{k}" for k in out]  # full keys, mirroring treestore_leaves
+
+
+def hdf5_size(h5file, prefix="/"):
+    return sum(
+        h5file[k.strip("/")].id.get_storage_size() for k in hdf5_leaves(h5file, prefix)
+    )
+```
+
+(Feasibility already spot-checked per `b2z-h5-tree.md`: `visititems`,
+`get_storage_size`, and urlpath-less `blosc2.empty` all work.)
+
+## Step 3 — `read_metadata` (~8 lines, `srv_utils.py`)
+
+Two edits:
+- Plain `.h5` (no inner key) currently returns `models.File` (srv_utils.py:142-
+  151). Flip to `models.Directory` (the root group) with `nfiles`/`size` from
+  the adapter, mirroring the `TreeStore` branch at :168.
+- Add a **dedicated `HDF5Proxy` branch** to the leaf-metadata section (not an
+  extension of the NDArray branch: an `HDF5Proxy` isn't an `NDArray`, and the
+  existing proxy handling at srv_utils.py:178-181 is keyed on
+  `vlmeta["_ftype"]`, which a file-less proxy doesn't have). The branch reads
+  shape/dtype/cparams from `proxy.b2arr` and must also set `schunk.cbytes`/
+  `schunk.cratio` from the proxy (mirroring :180-181), otherwise cratio shows 0.
+
+## Step 4 — Server descent call sites (~25 lines, `server.py`)
+
+Replace the hardcoded `.b2z`/`blosc2.open`/`TreeStore` logic with the adapter.
+`split_container_path` needs **no change** — it already keys off
+`BLOSC2_CONTAINER_SUFFIXES`, so adding `.h5`/`.hdf5` (Step in the constant
+above) makes it split `@public/foo.h5/g/dset` for free.
+
+- `get_list` (server.py:371-385): if `container := open_container(directory)`,
+  return `sorted(k[len(strip):] for k in container.leaves(prefix))`. Drop the
+  `directory.suffix == ".b2z"` gate.
+- `get_info` (server.py:412-426): on `inner_key`, `container =
+  open_container(abspath); node = container.get(inner_key)`; if
+  `container.is_group(node)` → `models.Directory(size=container.size(inner_key),
+  nfiles=len(container.leaves(inner_key)), mtime=...)`; else
+  `read_metadata(node, mtime=abspath.stat().st_mtime)`.
+- `fetch_data` (server.py:552-565): admit `.h5`/`.hdf5` at the suffix
+  allow-list (:555) **only when `inner_key is not None`** — a plain `.h5` with
+  no inner key would otherwise fall through to `open_b2(abspath, path)` (:573)
+  → `blosc2.open` on an HDF5 file → 500. A plain `.h5` is a group: keep the 400
+  (or 404, like the TreeStore-root case at :564). On `inner_key`, `node =
+  open_container(abspath).get(inner_key)`; 404 if `None` or a group, else feed
+  `node` (a native leaf or an `HDF5Proxy`) into the existing slice/stream
+  machinery (which already knows `HDF5Proxy`).
+
+## Step 5 — Web / virtual roots (~20 lines, `server.py`)
+
+Generalize the two hardcoded `.b2z` spots in `htmx_path_list` (post-virtual-
+roots code at server.py:1728 and 1740) to the adapter, plus the two handlers
+that open leaves directly:
+
+- Walk loop "is this a mountable container?" (:1728-1736): replace
+  `if relpath.suffix == ".b2z": tree = blosc2.open(...); if isinstance(tree,
+  TreeStore): add_dataset(..., mountable=True); continue` with a suffix check
+  against `srv_utils.BLOSC2_CONTAINER_SUFFIXES` plus a **cheap mountability
+  probe**: for `.h5`/`.hdf5` use `h5py.is_hdf5(abspath)` (signature check, no
+  file open — this loop runs per `.h5` per search keystroke, and
+  `open_container` would open-and-discard an `h5py.File` each time); for `.b2z`
+  keep `open_container(abspath) is not None` (must open to tell TreeStore from
+  single CTable). Wrap both as e.g. `srv_utils.is_container_file(abspath)`.
+- Virtual-root leaf expansion (:1740-1764): replace `tree = blosc2.open(...);
+  isinstance TreeStore; treestore_leaves(tree)` with
+  `container = srv_utils.open_container(abspath); if container is None: continue;
+  size = abspath.stat().st_size; for key in container.leaves(): add_dataset(
+  f"{root}{key}", abspath, size=size)`.
+
+`htmx_root_list` needs **no change** — it already accepts arbitrary container
+paths in `mounted` and only validates the `@personal/@shared/@public` prefix.
+
+`htmx_path_info` and `htmx_path_view` do **not** inherit `.h5` support from
+Step 4: both open leaves directly with `blosc2.open(abspath)[inner_key]`
+(server.py:1855 and :1989), which raises on an `.h5` — clicking a mounted
+`.h5` leaf would error even with Steps 1-4 done. Route both through the
+adapter (`open_container(abspath).get(inner_key)`, `None` → 404/htmx_error);
+`htmx_path_info` then feeds the node to `read_metadata` as today.
+
+Net web effect: an `.h5` shows a single row with the plug icon, mounts as a
+virtual root, and lists its datasets as leaf rows — identical UX to `.b2z`.
+
+## Step 6 — Client: zero change
+
+`Root.__getitem__` already dispatches on the server-reported `kind`
+(`group`→`Group`, `ctable`→`Table`, shape→`Array`), so `.h5` groups/leaves map
+correctly with no client edit.
+
+## Decisions / risks
+
+- **Keep `unfold` intact.** Virtual descent and the legacy proxy-file `unfold`
+  target `.h5` differently; retiring `unfold` (drop the command +
+  `create_hdf5_proxies` + the proxy-file reconstruct branch of `HDF5Proxy`) is a
+  clean follow-up once this proves out.
+- **`read_metadata` compat flip.** Plain `.h5` changes `File`→`Directory`; a few
+  `test_hdf5_proxy` assertions may expect `File` — check/adjust (grep
+  `read_metadata` and `kind == "file"` in tests).
+- **`split_container_path` widening.** Adding `.h5` means any path with a
+  non-final `.h5` segment is treated as descent. Legacy unfold proxies live in a
+  `dirname/` (no `.h5` in a non-final segment) so there is no collision — but
+  add a test asserting a plain `@public/foo.h5` (no inner key) still resolves to
+  the container, not a descent.
+- **Untrusted mount paths.** The web loop already swallows open failures
+  (`open_container` returns None on any exception); keep that — a mounted
+  path is client `localStorage` and must never 500 the listing.
+- **h5py import.** Server already imports `hdf5` (which imports `h5py`); keep the
+  `import h5py` local to the adapter so a no-HDF5 install degrades to "`.h5`
+  isn't a container" rather than an ImportError at module load.
+- **File handle lifetime.** `open_container` opens an `h5py.File` per call; the
+  adapter owns it (the proxy borrows it — see the adapter section), so give the
+  adapter a `close()`/context-manager and close only after response bytes are
+  materialized. The hot path (path-list per keystroke) avoids opens entirely
+  via `h5py.is_hdf5` (Step 5).
+
+## Suggested increments
+
+1. **Spike:** Step 1 (file-less proxy) + Step 2 (enumeration) with a unit test
+   over a scratch `.h5` — prove `open_leaf(...).slice(...)` round-trips and
+   `hdf5_leaves`/`hdf5_size` match `visititems`/`get_storage_size`.
+2. **Adapter + API:** Steps 3–4 behind the adapter; extend
+   `caterva2/tests/test_treestore.py` (or a new `test_hdf5_tree.py`) with
+   list/info/fetch over an `.h5` dropped into `@public`, mirroring the existing
+   TreeStore tests.
+3. **Web:** Step 5; extend the web tests (single mountable row, virtual-root
+   leaf expansion, leaf click via `htmx_path_info`/`htmx_path_view`,
+   bogus-`.h5` and bogus-inner-key no-500) that already exist for `.b2z`.
+
+## Verification (end-to-end)
+
+Reuse the `.b2z` recipe from `plans/b2z-virtual-roots.md`, substituting an `.h5`
+file:
+
+1. Drop a multi-dataset `.h5` into `@public`; run the server (`blosc2` env,
+   free port), log in.
+2. `cat2-client ... list @public/foo.h5` → dataset keys; `... info
+   @public/foo.h5/g/dset` → shape/dtype; `... info @public/foo.h5` → group
+   summary (nfiles/size).
+3. Web: `foo.h5` shows one row + plug icon (not expanded). Mount it → virtual
+   root appears; check it → leaf rows; click a leaf → Meta + data render.
+4. `pytest caterva2/tests/test_hdf5_proxy.py caterva2/tests/test_treestore.py`
+   green; adjust any `File`→`Directory` assertions.
diff --git a/plans/b2z-h5-tree.md b/plans/b2z-h5-tree.md
index 1f7a9787..f9217417 100644
--- a/plans/b2z-h5-tree.md
+++ b/plans/b2z-h5-tree.md
@@ -32,10 +32,16 @@ API (`server.py`): `get_list` descends; `get_info`/`fetch_data` open
 `tree[inner_key]` (leaf → metadata/slice; group → `Directory`); `fetch` guards
 the whole-file `FileResponse` fast path so it never streams the whole container.
 
-Web (`server.py`): `htmx_path_list` expands a container into one row per leaf;
-`htmx_path_info`/`htmx_path_view` split + open the leaf.
-
-Groups unified via `models.Directory{kind:"dir", mtime, size, nfiles}`:
+Web (`server.py`): a TreeStore `.b2z` shows as a **single mountable row**;
+the user "mounts" it (client-side, `localStorage` key `caterva2:mounted`,
+bridged to the server via an `htmx:configRequest` listener) to get a **virtual
+root** listed next to `@personal`/`@shared`/`@public`. Checking that virtual
+root expands the container into one row per leaf. `htmx_path_info`/
+`htmx_path_view` split + open the leaf. See `plans/b2z-virtual-roots.md` for the
+full design (implemented + reviewed on `new-table`). This replaced the earlier
+"auto-expand every container into leaf rows" behavior, which flooded the list.
+
+Groups unified via `models.Directory{kind:"group", mtime, size, nfiles}`:
 `get_info` returns it for a real directory, a TreeStore container (root group),
 and a virtual group inside one. Size is cheap (zip index for `.b2z` groups;
 aggregate file stat for real dirs).
@@ -50,10 +56,13 @@ non-`.b2nd`/`.b2frame` path; `File`/`Array` accept `meta=` to avoid a double
 
 1. **Route `.h5` through the same seam** (chosen direction; plan below). Would
    let us eventually retire the `unfold` proxy-file path.
-2. **Web cosmetics** (minor, marked with `ponytail:` comments):
-   - Each expanded leaf row in the web tree shows the *container's* size
-     (`add_dataset` stats the container file). Would need per-leaf size.
-   - Filter/sort on a TreeStore leaf falls back to unfiltered (default view is
+2. **Web cosmetics** (minor):
+   - Each expanded leaf row of a mounted virtual root shows the *container's*
+     size (`add_dataset` stats the container once and reuses it for all leaves).
+     Per-leaf size is available cheaply for `.b2z` (`treestore_size(tree, key)`)
+     and `.h5` (`dset.id.get_storage_size()`); wire it through the container
+     adapter if the cosmetic matters.
+   - Filter/sort on a container leaf falls back to unfiltered (default view is
      fine).
 3. **Client perf tradeoff** (accepted, not a bug): `Root.__getitem__` now does
    one `/api/info` call for any non-`.b2nd`/`.b2frame` path (dirs, `.b2z`, plain
@@ -80,15 +89,32 @@ yields an in-memory b2arr carrying cparams.
    prefix)` via `visititems`; `hdf5_size(path, prefix)` via
    `dset.id.get_storage_size()`. Analogs of `treestore_leaves`/`treestore_size`.
 3. **`read_metadata`** (~8 lines) — plain `.h5` (no inner key) → `Directory`
-   (currently `File`) with nfiles/size; add an `HDF5Proxy` branch for a leaf
-   object.
+   (currently `File`) with nfiles/size; add a *dedicated* `HDF5Proxy` branch
+   for a leaf object (the existing proxy handling keys on `vlmeta["_ftype"]`,
+   which a file-less proxy lacks) that also sets cbytes/cratio from the proxy.
 4. **Server descent** (~25 lines) — `get_list`/`get_info`/`fetch_data` currently
    hardcode `.b2z` + `blosc2.open` + TreeStore. Add `.h5` siblings; cleanest is a
    tiny "container adapter" (`open → is-group? Directory : leaf-proxy`) so both
-   formats share the flow.
+   formats share the flow. This adapter is now load-bearing for the web too
+   (step 6), so it is the pivot of the whole change. `fetch_data` admits
+   `.h5`/`.hdf5` only when the path has an inner key — a plain `.h5` fetch must
+   keep erroring, not fall into `open_b2` → `blosc2.open` → 500.
 5. **`split_container_path`** — add `.h5`, `.hdf5` to
    `BLOSC2_CONTAINER_SUFFIXES` (1 line; `get_abspath` already permits `.h5`).
-6. **Web** (~8 lines) — generalize the path-list leaf-row expansion to `.h5`.
+6. **Web / virtual roots** (~20 lines) — since the shipped `.b2z` web feature
+   is mount-as-virtual-root (not auto-expand), routing `.h5` through it means:
+   (a) `htmx_path_list`'s "is this a mountable container?" check in the walk
+   loop and its virtual-root leaf-expansion loop both drop their hardcoded
+   `relpath.suffix == ".b2z"` / `isinstance(tree, blosc2.TreeStore)` tests and
+   call the container adapter instead (keyed off `BLOSC2_CONTAINER_SUFFIXES`,
+   which now includes `.h5`); the walk-loop probe uses `h5py.is_hdf5` for
+   `.h5` (no file open per keystroke); (b) `htmx_root_list` already accepts
+   arbitrary container paths as `mounted` — no change; (c) `htmx_path_info`
+   and `htmx_path_view` open leaves with a hardcoded
+   `blosc2.open(abspath)[inner_key]` — both must switch to the adapter, or
+   clicking a mounted `.h5` leaf errors. Result: an `.h5` file gets the plug
+   icon, mounts as a virtual root, and lists its datasets as leaf rows, exactly
+   like a `.b2z`.
 7. **Client** — zero change; already dispatches on server `kind`.
 
 ### Decisions / risks
@@ -99,8 +125,13 @@ yields an in-memory b2arr carrying cparams.
 - **Compat**: `read_metadata` on a plain `.h5` flips `File`→`Directory`; a couple
   of `test_hdf5_proxy` assertions may expect `File` — check/adjust.
 - **Incompatible leaves** (compound/vlen/scalar h5 datasets):
-  `h5dset_is_compatible` exists; skip or surface them in enumeration rather than
-  crash.
+  `h5dset_is_compatible` exists; skip them in enumeration, and have the
+  adapter's `get()` return None (→ 404) for one reached by a hand-typed URL
+  rather than crash. Same None→404 treatment for bogus inner keys (`KeyError`),
+  for both `.h5` and TreeStore paths.
+- **Handle lifetime**: the adapter owns the `h5py.File` (the file-less proxy
+  borrows it); close only after response bytes are materialized. Details in
+  `plans/b2z-h5-tree-implementation.md`.
 
 ### Suggested increments
 - Spike: file-less proxy (#1) + enumeration (#2) alone, verified with a test.
diff --git a/plans/b2z-virtual-roots.md b/plans/b2z-virtual-roots.md
new file mode 100644
index 00000000..43cc151c
--- /dev/null
+++ b/plans/b2z-virtual-roots.md
@@ -0,0 +1,251 @@
+# Virtual roots for .b2z TreeStore containers in the web UI
+
+Status: implemented + reviewed (2026-07-02). Server-side verified via curl
+and by `caterva2/tests/test_treestore.py` (11 passing: single-row rendering,
+virtual-root leaf expansion, bogus-container safety). Browser click-through
+by the author confirmed mount/unmount/highlight behavior. A high-effort code
+review ran afterwards; its findings are folded in under "Review fixes" below.
+
+## Context
+
+The `new-table` branch added virtual paths into `.b2z` TreeStore containers
+(e.g. `@personal/tree-store.b2z/level1/ctable`), which work for the CLI
+(`info`, `list`, `fetch`). But the Datasets web UI currently **auto-expands
+every TreeStore** into one row per leaf (`htmx_path_list`, server.py:1713-1722),
+flooding the dataset list.
+
+Agreed design:
+
+- A `.b2z` TreeStore shows as a **single row** in the dataset list, with a
+  **mount** button.
+- Mounting turns it into a **virtual root**: it appears in the roots sidebar
+  next to `@personal`/`@shared`/`@public`, with its own checkbox and an ✕
+  unmount control. Checking it lists only that container's leaves.
+- Mount state lives **client-side in localStorage** (list of container paths
+  like `@personal/tree-store.b2z`). No server DB, no per-user prefs, no
+  mount/unmount API endpoints.
+
+## Mechanism: localStorage ↔ htmx
+
+- localStorage key `caterva2:mounted` = JSON array of container paths.
+- One `htmx:configRequest` listener (inline in `home.html`) appends repeated
+  `mounted=<path>` query params to any request targeting `htmx/root-list`.
+  This covers both the initial `hx-trigger="load"` fetch on
+  `#root-list-wrapper` (home.html:77) and JS-triggered refreshes.
+- The server renders mounted entries as ordinary `name="roots"` checkboxes
+  inside the existing form in `root_list.html`; that form already serializes
+  every `roots` checkbox to `/htmx/path-list/` on `change` (and includes
+  `#query-search`), so everything downstream (path list, URL push, search)
+  works unchanged.
+
+## Files to modify
+
+- `caterva2/services/server.py` — `htmx_root_list` (~1623), `htmx_path_list` (~1670-1725)
+- `caterva2/services/templates/root_list.html`
+- `caterva2/services/templates/home.html` (extend inline script at ~line 93)
+- `caterva2/services/templates/path_list.html`
+
+Reused, not modified: `srv_utils.treestore_leaves`, `srv_utils.split_container_path`,
+`srv_utils.BLOSC2_CONTAINER_SUFFIXES`, `get_rootdir_or_none`. No changes to
+`src/main.js` (no vite rebuild needed — small JS goes inline in templates).
+
+## Step 1 — server.py: `htmx_root_list` accepts `mounted`
+
+Add `mounted: list[str] = fastapi.Query([])`. Pass the filtered, deduped list
+to the template as `context["mounted"]`:
+
+- Drop entries whose first segment isn't `@personal`/`@shared`/`@public`,
+  and drop `@personal`/`@shared` entries when `user` is None (stale
+  localStorage from a logged-out session).
+- No filesystem existence check — a stale mount just renders a checkbox that
+  lists nothing (Step 4 suppresses `FileNotFoundError`).
+
+## Step 2 — root_list.html: render mounted roots
+
+Inside the existing `<form>`, after the `@public` include (inline markup; do
+not generalize `includes/root.html` — it carries upload/drag-drop baggage
+virtual roots don't need):
+
+```jinja
+{% for name in mounted %}
+<div class="d-flex gap-1 justify-content-between">
+    <div class="form-check">
+        <input class="form-check-input" type="checkbox" name="roots"
+               value="{{ name }}" {{ "checked" if name in checked }}
+               id="id_root_mounted_{{ loop.index }}">
+        <label class="form-check-label" for="id_root_mounted_{{ loop.index }}"
+               title="{{ name }}">{{ name.split('/')[-1] }}</label>
+    </div>
+    <i class="fa-solid fa-xmark" role="button" title="Unmount"
+       onclick="unmountRoot('{{ name }}')"></i>
+</div>
+{% endfor %}
+```
+
+## Step 3 — home.html: mount/unmount JS
+
+Extend the existing inline `<script>` (home.html:93, already has Jinja access
+to `url()`):
+
+```js
+const ROOT_LIST_URL = "{{ url('htmx/root-list/') }}";
+const MOUNT_KEY = 'caterva2:mounted';
+const getMounts = () => JSON.parse(localStorage.getItem(MOUNT_KEY) || '[]');
+
+htmx.on('htmx:configRequest', (evt) => {
+    if (evt.detail.path.includes('htmx/root-list'))
+        evt.detail.parameters['mounted'] = getMounts();
+});
+
+function refreshRoots() {
+    const checked = [...document.querySelectorAll('input[name=roots]:checked')]
+        .map(e => e.value);
+    const qs = new URLSearchParams(checked.map(r => ['roots', r]));
+    return htmx.ajax('GET', `${ROOT_LIST_URL}?${qs}`, '#root-list-wrapper');
+}
+window.mountRoot = (path) => {
+    const m = getMounts();
+    if (!m.includes(path)) { m.push(path); localStorage.setItem(MOUNT_KEY, JSON.stringify(m)); }
+    refreshRoots();
+};
+window.unmountRoot = (path) => {
+    localStorage.setItem(MOUNT_KEY, JSON.stringify(getMounts().filter(p => p !== path)));
+    refreshRoots().then(() =>
+        htmx.trigger(document.querySelector('#root-list-wrapper form'), 'change'));
+};
+```
+
+The `change` trigger after unmount re-runs the path list without the removed
+root (its checkbox is gone from the form). Mounting needs no path-list refresh
+(leaves appear only once the new checkbox is checked).
+
+## Step 4 — server.py: `htmx_path_list` — single row + virtual-root branch
+
+a) `add_dataset(path, abspath, mountable=False)` — add the kwarg, store
+`"mountable": mountable` in the dataset dict.
+
+b) Replace the auto-expansion block (lines 1713-1722): a TreeStore `.b2z`
+becomes one mountable row instead of N leaf rows:
+
+```python
+if relpath.suffix == ".b2z":
+    tree = blosc2.open(abspath)
+    if isinstance(tree, blosc2.TreeStore):
+        if search in path:
+            add_dataset(path, abspath, mountable=True)
+        continue
+```
+
+A non-TreeStore `.b2z` falls through to the plain-row path — no mount button.
+Detection reuses the `blosc2.open` the walk already pays for.
+
+c) Before (or after) the `filter_roots` loop, handle virtual roots. Classic
+loop needs no change: `get_rootdir_or_none("@personal/x.b2z", user)` returns
+None, so `filter_roots` already skips them (verified).
+
+```python
+for root in roots:
+    proot = pathlib.PurePosixPath(root)
+    if proot.suffix not in srv_utils.BLOSC2_CONTAINER_SUFFIXES:
+        continue  # classic roots handled by filter_roots above
+    rootdir = get_rootdir_or_none(proot.parts[0], user)  # access check, reused
+    if rootdir is None:
+        continue
+    abspath = (rootdir / pathlib.Path(*proot.parts[1:])).resolve()
+    if rootdir.resolve() not in abspath.parents:  # path traversal guard
+        continue
+    with contextlib.suppress(FileNotFoundError):
+        tree = blosc2.open(abspath)
+        if isinstance(tree, blosc2.TreeStore):
+            for key in srv_utils.treestore_leaves(tree):
+                leaf_path = f"{root}{key}"
+                if search in leaf_path:
+                    add_dataset(leaf_path, abspath)
+```
+
+Leaf rows produce virtual paths (`@personal/tree.b2z/level1/ctable`), which
+`htmx_path_info` / fetch / display already resolve via `split_container_path`.
+
+## Step 5 — path_list.html: mount button
+
+Inside the dataset loop, after the size span:
+
+```jinja
+{% if dataset.mountable %}
+<span class="input-group-text" role="button" title="Mount as root"
+      onclick="mountRoot('{{ dataset.path }}')">
+    <i class="fa-solid fa-plug"></i>
+</span>
+{% endif %}
+```
+
+## Deliberately NOT done (minimal diff)
+
+- No mount/unmount endpoints, no DB, no server-side per-user prefs.
+  localStorage is per-browser: two accounts on one browser share mounts —
+  documented, not handled. Upgrade path: per-user store if it ever matters.
+- Leaf `size` keeps the whole container's `st_size` (existing new-table
+  behavior); `srv_utils.treestore_size` refinement is optional follow-up.
+- `html_home` resets anon roots to `["@public"]`; a mounted `@public/...b2z`
+  still shows in the sidebar for anon users but is unchecked after reload.
+  Acceptable.
+- The "add current path if not listed" fallback (server.py:1726-1744) doesn't
+  resolve virtual leaf paths; only affects deep-linking while the virtual root
+  is unchecked. Skip.
+
+## Review fixes (applied after the initial implementation)
+
+A high-effort code review (8 finder angles + verification) surfaced 6 real
+issues, all now fixed:
+
+1. **Stored XSS** — the mount/unmount handlers interpolated the dataset
+   path/name into inline `onclick`/`onchange` JS *source*. Jinja autoescape
+   does not protect inline event handlers (the browser HTML-entity-decodes
+   the attribute before the JS parser runs), so a filename with a quote —
+   uploadable to `@public`, which has no filename validation — could execute
+   in another user's browser. Fixed by carrying the value in a safe
+   `data-path`/`value` attribute and reading it at click time
+   (`this.dataset.path`, `this.value`), matching the existing `loadDataset`
+   pattern. Files: `path_list.html`, `root_list.html`.
+2. **500 on a bad mount** — `roots` is untrusted (client localStorage). A
+   mounted path pointing at a non-TreeStore file (`zipfile.BadZipFile`), a
+   directory (`RuntimeError`), or through a regular file (`NotADirectoryError`
+   from `stat()`) crashed the whole datasets list. The virtual-root loop now
+   wraps `blosc2.open` in `try/except Exception` and skips such paths. The
+   **classic walk loop** had the same unguarded `blosc2.open` (a corrupt
+   `.b2z` in a root would 500 the listing) and was hardened identically —
+   a corrupt container falls through to a plain row.
+3. **Duplicate leaf rows** — `mountRoot` appended the container to the checked
+   roots without dedup while the plug icon stayed clickable, so a repeat click
+   double-listed every leaf. Fixed with `[...new Set(...)]`.
+4. **Stale test** — `test_web_no_500` still asserted the removed
+   auto-expansion. Replaced with single-row + virtual-root-expansion +
+   bogus-container tests in `test_treestore.py`.
+5. **Redundant I/O** — the container was `stat()`'d once per leaf; now once per
+   mount, size reused for all leaves.
+6. **Duplicated access rules** — `htmx_root_list` hardcoded the valid-prefix
+   set; now uses `get_rootdir_or_none(prefix, user) is not None`.
+
+Two review candidates were investigated and **refuted** (left as-is): the
+`htmx.ajax('GET', url, '#selector')` string-target usage is valid in the
+bundled htmx 2.0.1; and the server's "keep current path visible" fallback is
+intentional for classic roots too, so the client-side
+`highlightContainerIfCurrent` choreography works *with* it rather than around
+a bug.
+
+## Manual verification
+
+1. Run the local server; log in as `user@example.com` / `foobar11`.
+2. Check `@personal`: `tree-store.b2z` appears as ONE row with a plug icon
+   (no leaf clutter). Clicking the row shows Meta info without a 500.
+3. Click the plug: sidebar gains `tree-store.b2z` (full path in tooltip) with
+   an ✕. Reload — it persists (localStorage → configRequest → root-list).
+4. Check its checkbox: path list shows only that TreeStore's leaves. Click a
+   leaf: info/display works. Filter box filters leaves.
+5. Check `@personal` AND the virtual root: union renders; URL push contains
+   `roots=@personal&roots=@personal%2Ftree-store.b2z`; reload restores both.
+6. Click ✕: entry leaves the sidebar and its leaves vanish from the path list.
+7. Stale mount: delete the `.b2z` from disk, reload — sidebar entry renders,
+   checking it lists nothing, no error.
+8. Log out: the `@personal` mount no longer renders in the sidebar.
+9. A non-TreeStore `.b2z` shows as a plain row with no plug icon.
diff --git a/src/main.scss b/src/main.scss
index d5877667..19f2e028 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -24,6 +24,14 @@ body {
     min-width: 0;
 }
 
+#root-list-wrapper {
+    /* Grid items default to min-width: auto, so a long mounted-root name
+       (e.g. a .h5 file) would overflow the fixed-width column instead of
+       shrinking/truncating, spilling into (and eating clicks meant for)
+       #path-list-wrapper next door. */
+    min-width: 0;
+}
+
 @media (min-width: 800px) and (max-width: 1300px) {
     #page {
         grid-template-columns: 10rem auto;

From 4070d912e8e65f051d8d44c4e863d4b1df3a75ee Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 01:30:45 +0200
Subject: [PATCH 16/23] Report each dataset's own size in the web listing, not
 the container's

htmx_path_list reused the container file's stat().st_size for every
leaf inside a mounted .b2z/.h5, so all datasets showed the same size.
Add a cheap leaf_size() to both container adapters (schunk cbytes for
TreeStore, h5py storage size for HDF5, no full proxy needed) and use
it for per-leaf rows instead.
---
 caterva2/services/server.py    | 13 +++++++++----
 caterva2/services/srv_utils.py | 24 ++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index df49e99d..a464b03d 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1781,11 +1781,10 @@ def add_dataset(path, abspath, mountable=False, size=None):
         if container is None:
             continue
         try:
-            size = abspath.stat().st_size  # same container file for every leaf
             for key in container.leaves():
                 leaf_path = f"{root}{key}"
                 if search in leaf_path:
-                    add_dataset(leaf_path, abspath, size=size)
+                    add_dataset(leaf_path, abspath, size=container.leaf_size(key))
         finally:
             container.close()
 
@@ -1802,10 +1801,16 @@ def add_dataset(path, abspath, mountable=False, size=None):
             rootdir = get_rootdir_or_none(root, user)
             if rootdir is not None:
                 # Path may descend into a container (e.g. an unmounted TreeStore
-                # leaf); size/stat then come from the container file itself.
+                # leaf); stat comes from the container file, but size is the
+                # leaf's own (not the whole container's).
                 container_path, inner_key = srv_utils.split_container_path(path)
+                leaf_size = None
                 if inner_key is not None:
                     abspath = rootdir / pathlib.Path(*container_path.parts[1:])
+                    container = srv_utils.open_container(abspath)
+                    if container is not None:
+                        leaf_size = container.leaf_size(inner_key)
+                        container.close()
                 else:
                     relpath = pathlib.Path(*segments[2:])
                     abspath = rootdir / relpath
@@ -1813,7 +1818,7 @@ def add_dataset(path, abspath, mountable=False, size=None):
                         abspath = pathlib.Path(f"{abspath}.b2")
 
                 with contextlib.suppress(FileNotFoundError, NotADirectoryError):
-                    add_dataset(path, abspath)
+                    add_dataset(path, abspath, size=leaf_size)
 
     # Assign names to datasets
     datasets = sorted(datasets, key=lambda x: x["path"])
diff --git a/caterva2/services/srv_utils.py b/caterva2/services/srv_utils.py
index 380ede5a..72cbe607 100644
--- a/caterva2/services/srv_utils.py
+++ b/caterva2/services/srv_utils.py
@@ -103,6 +103,16 @@ def get(self, key):
             # segments), and keys come straight from the URL — 404, not 500.
             return None
 
+    def leaf_size(self, key):
+        """Cheap on-disk (compressed) size of a single leaf, or None if
+        `key` doesn't resolve to a leaf. Unlike `size()`, this doesn't sum
+        anything: `treestore_size`'s prefix-matching is for group subtrees
+        and doesn't match an exact leaf key."""
+        node = self.get(key)
+        if node is None or self.is_group(node):
+            return None
+        return node.cbytes
+
     def is_group(self, node):
         return isinstance(node, blosc2.TreeStore)
 
@@ -139,6 +149,20 @@ def get(self, key):
             return None
         return hdf5.HDF5Proxy.open_leaf(self.h5file, key)
 
+    def leaf_size(self, key):
+        """Cheap on-disk (storage) size of a single dataset, or None if
+        `key` doesn't resolve to a dataset. Reads straight off the h5py
+        Dataset instead of `get()`, to avoid building a full HDF5Proxy
+        (which reads Blosc2 super-chunk metadata) just for a listing."""
+        key = key.strip("/")
+        try:
+            node = self.h5file[key] if key else self.h5file
+        except KeyError:
+            return None
+        if isinstance(node, (h5py.Group, h5py.File)):
+            return None
+        return node.id.get_storage_size()
+
     def is_group(self, node):
         return isinstance(node, (h5py.Group, h5py.File))
 

From 2be8746346938c22966da4b4fa53740a511b1010 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 07:22:48 +0200
Subject: [PATCH 17/23] [WebUI] CTable sorting now works using blosc2's
 sort_by()

---
 caterva2/services/server.py                | 16 +++++++--
 caterva2/services/templates/info_view.html |  2 +-
 caterva2/tests/test_ctable.py              | 39 ++++++++++++++++++++--
 3 files changed, 51 insertions(+), 6 deletions(-)

diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index a464b03d..31527796 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1967,10 +1967,18 @@ async def htmx_path_info(
 @functools.lru_cache(maxsize=16)
 def get_filtered_array(abspath, path, filter, sortby, mtime):
     arr = open_b2(abspath, path)
+    sortby = sortby.strip() if sortby else None
+
+    if isinstance(arr, blosc2.CTable):
+        # CTable has no .fields/.argsort; filtering isn't supported, only sort_by().
+        assert not filter
+        if sortby:
+            arr = arr.sort_by(sortby, view=True)
+        return arr, None
+
     has_ndfields = hasattr(arr, "fields") and arr.fields != {}
     assert has_ndfields
     idx = None
-    sortby = sortby.strip() if sortby else None
 
     # Filter rows only for NDArray with fields
     if filter:
@@ -2040,6 +2048,8 @@ async def htmx_path_view(
             return htmx_error(request, f"Error in filter: {exc}")
         except NameError as exc:
             return htmx_error(request, f"Unknown field: {exc}")
+        except KeyError as exc:
+            return htmx_error(request, f"Unknown field: {exc}")
         except ValueError as exc:
             return htmx_error(request, f"ValueError: {exc}")
         except SyntaxError as exc:
@@ -2094,10 +2104,11 @@ def cell(value):
             "cols": cols,
             "fields": fields,
             "filter": "",
-            "sortby": "",
+            "sortby": sortby,
             "shape": (nrows,),
             "tags": tags,
             "filterable": False,
+            "sortable": True,
         }
         return templates.TemplateResponse(request, "info_view.html", context)
 
@@ -2190,6 +2201,7 @@ def cell(value):
         "shape": shape,
         "tags": tags if len(tags) == 0 else tags[0],
         "filterable": True,
+        "sortable": True,
     }
     return templates.TemplateResponse(request, "info_view.html", context)
 
diff --git a/caterva2/services/templates/info_view.html b/caterva2/services/templates/info_view.html
index c6fd26a3..c92c4002 100644
--- a/caterva2/services/templates/info_view.html
+++ b/caterva2/services/templates/info_view.html
@@ -46,7 +46,7 @@
                 {% endfor %}
             </div>
         </div>
-        {% if filterable %}
+        {% if sortable %}
         <div class="input-group w-auto">
             <label class="input-group-text" for="id_sortby">Sort by</label>
             <select class="form-select" name="sortby" id="id_sortby" hx-post="{{ view_url }}">
diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
index d864f4e4..617c560f 100644
--- a/caterva2/tests/test_ctable.py
+++ b/caterva2/tests/test_ctable.py
@@ -402,20 +402,53 @@ def test_htmx_path_info_renders(fill_ctable_public, client):
     assert "nrows" in resp.text
 
 
-def test_htmx_path_view_no_filter_sort(fill_ctable_public, client):
+def test_htmx_path_view_no_filter(fill_ctable_public, client):
     fname, root = fill_ctable_public
     path = f"{root.name}/{fname}"
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}")
     resp.raise_for_status()
     text = resp.text
-    # Fields selector present, Filter/Sort-by absent (filterable=False for CTable)
+    # Fields and Sort-by selectors present; Filter absent (filterable=False for CTable)
     assert "Fields" in text
-    assert "Sort by" not in text
+    assert "Sort by" in text
     assert 'placeholder="Filter"' not in text
     assert "v0" in text
     assert "v2" in text
 
 
+def test_htmx_path_view_sort_by(client):
+    """Rows are inserted in descending x order; sort_by('x') must reverse them."""
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    fname = "unsorted_table.b2z"
+
+    @dataclass
+    class Row:
+        x: int = blosc2.field(blosc2.int32())
+        y: str = blosc2.field(blosc2.string(max_length=20))
+
+    t = blosc2.CTable(Row, urlpath=str(dest_dir / fname), mode="w", compact=True)
+    for i in reversed(range(5)):
+        t.append((i, f"v{i}"))
+    t.close()
+
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x"})
+    resp.raise_for_status()
+    text = resp.text
+    x_positions = [text.index(f">{i}<") for i in range(5)]
+    assert x_positions == sorted(x_positions)
+
+
+def test_htmx_path_view_sort_by_unknown_field(fill_ctable_public, client):
+    fname, root = fill_ctable_public
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "nope"})
+    resp.raise_for_status()
+    assert "Unknown field" in resp.text
+
+
 # ---------------------------------------------------------------------------
 # Regression: columns whose name is not a valid Python identifier (namedtuple
 # renames them under the hood, e.g. via CTable.from_arrow with a dotted name)

From 004e2b9a85f441ce968437ed9956fc43da037aca Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 08:11:29 +0200
Subject: [PATCH 18/23] [WebUI] Table sorting works with ascending/descending
 directions now

---
 caterva2/services/server.py                |  59 +++++++++-
 caterva2/services/templates/info_view.html |  27 +++--
 caterva2/tests/test_ctable.py              | 124 +++++++++++++++++++--
 3 files changed, 186 insertions(+), 24 deletions(-)

diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 31527796..c7fbdd3b 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1966,6 +1966,8 @@ async def htmx_path_info(
 # Added mtime to implicitly check when underlying files are changed, and so can't use cache (see issue #207)
 @functools.lru_cache(maxsize=16)
 def get_filtered_array(abspath, path, filter, sortby, mtime):
+    # Always sorts ascending (so "col asc" and "col desc" share one cache entry);
+    # descending is rendered by reading a tail window of this order in reverse.
     arr = open_b2(abspath, path)
     sortby = sortby.strip() if sortby else None
 
@@ -2006,6 +2008,29 @@ def get_filtered_array(abspath, path, filter, sortby, mtime):
     return arr, idx
 
 
+def _desc_window(total, start, size):
+    """Map window [start, start+size) of a descending view onto the ascending order."""
+    return max(total - start - size, 0), total - start
+
+
+def _header_sort_links(displayed_fields, sortby, sortdir):
+    """Per-column htmx `hx-vals` payload cycling the sort: ascending -> descending -> unsorted.
+
+    Headers post with hx-include of the live form; these values override the
+    form's hidden sortby/sortdir inputs (htmx hx-vals take precedence).
+    """
+    links = {}
+    for col in displayed_fields:
+        if sortby != col:
+            nxt = {"sortby": col, "sortdir": "asc"}
+        elif sortdir != "desc":
+            nxt = {"sortby": col, "sortdir": "desc"}
+        else:
+            nxt = {"sortby": "", "sortdir": ""}
+        links[col] = json.dumps(nxt)
+    return links
+
+
 @app.post("/htmx/path-view/{path:path}", response_class=HTMLResponse)
 async def htmx_path_view(
     request: Request,
@@ -2017,11 +2042,18 @@ async def htmx_path_view(
     fields: typing.Annotated[list[str] | None, Form()] = None,
     filter: typing.Annotated[str, Form()] = "",
     sortby: typing.Annotated[str, Form()] = "",
+    sortdir: typing.Annotated[str, Form()] = "",
     # Depends
     user: db.User = Depends(optional_user),
 ):
     abspath, inner_key = split_and_resolve(path, user)
     filter = filter.strip()
+    sortby = sortby.strip()
+    if sortby and fields and sortby not in fields:
+        # The sorted column was removed from the displayed fields; without a
+        # header to click, the sort would be stuck. Clear it instead.
+        sortby = sortdir = ""
+    sort_desc = bool(sortby) and sortdir == "desc"
     if inner_key is not None and (filter or sortby):
         # get_filtered_array() would blosc2.open() the whole container file
         # (uncaught RuntimeError → 500, for .h5 and TreeStore .b2z alike);
@@ -2096,7 +2128,13 @@ def cell(value):
                 return value.item()
             return value
 
-        rows = [fields] + [[cell(row[f]) for f in fields] for row in arr.slice(start, stop)]
+        if sort_desc:
+            # arr is ascending-sorted; read its tail and reverse for descending order.
+            lo, hi = _desc_window(nrows, start, size)
+            window = list(arr.slice(lo, hi))[::-1]
+        else:
+            window = arr.slice(start, stop)
+        rows = [fields] + [[cell(row[f]) for f in fields] for row in window]
         context = {
             "view_url": make_url(request, "htmx_path_view", path=path),
             "inputs": inputs,
@@ -2105,10 +2143,11 @@ def cell(value):
             "fields": fields,
             "filter": "",
             "sortby": sortby,
+            "sortdir": sortdir,
             "shape": (nrows,),
             "tags": tags,
             "filterable": False,
-            "sortable": True,
+            "header_sort": _header_sort_links(fields, sortby, sortdir),
         }
         return templates.TemplateResponse(request, "info_view.html", context)
 
@@ -2150,6 +2189,10 @@ def cell(value):
             stop = min(start + size, size_max)
             if idx is None:
                 tags.append(list(range(start, stop)))
+            elif sort_desc:
+                # idx is ascending-sorted; read its tail and reverse for descending order.
+                lo, hi = _desc_window(size_max, start, size)
+                tags.append(list(reversed(idx[lo:hi])))
             else:
                 tags.append(list(idx[start:stop]))
 
@@ -2167,8 +2210,13 @@ def cell(value):
             arr = arr.tolist()
         elif ndims == 1:
             i, isize = index[0], sizes[0]
-            arr = arr[i : i + isize]
-            arr = arr.tolist()
+            if idx is not None and sort_desc:
+                # arr is ascending-sorted; read its tail and reverse for descending order.
+                lo, hi = _desc_window(shape[0], i, isize)
+                arr = list(reversed(arr[lo:hi].tolist()))
+            else:
+                arr = arr[i : i + isize]
+                arr = arr.tolist()
         else:
             arr = [arr[()].tolist()]
         rows += [[row[i] for i in idxs] for row in arr]
@@ -2198,10 +2246,11 @@ def cell(value):
         "fields": fields,
         "filter": filter,
         "sortby": sortby,
+        "sortdir": sortdir,
         "shape": shape,
         "tags": tags if len(tags) == 0 else tags[0],
         "filterable": True,
-        "sortable": True,
+        "header_sort": _header_sort_links(fields, sortby, sortdir) if cols else {},
     }
     return templates.TemplateResponse(request, "info_view.html", context)
 
diff --git a/caterva2/services/templates/info_view.html b/caterva2/services/templates/info_view.html
index c92c4002..24b5c172 100644
--- a/caterva2/services/templates/info_view.html
+++ b/caterva2/services/templates/info_view.html
@@ -1,4 +1,4 @@
-<form class="mb-2" hx-target="#info-view" hx-indicator="#id_data_indicator">
+<form id="info-view-form" class="mb-2" hx-target="#info-view" hx-indicator="#id_data_indicator">
 
     shape = {{ shape }}
 
@@ -25,6 +25,8 @@
             {% endif %}
         </div>
         {% endfor %}
+        <input type="hidden" name="sortby" value="{{ sortby }}">
+        <input type="hidden" name="sortdir" value="{{ sortdir }}">
         {% if cols %}
         <div class="dropdown" id="id_fields">
             <button type="button" class="btn btn-light dropdown-toggle"
@@ -46,17 +48,6 @@
                 {% endfor %}
             </div>
         </div>
-        {% if sortable %}
-        <div class="input-group w-auto">
-            <label class="input-group-text" for="id_sortby">Sort by</label>
-            <select class="form-select" name="sortby" id="id_sortby" hx-post="{{ view_url }}">
-                <option value=""></option>
-                {% for col in cols %}
-                <option value="{{ col }}" {% if col == sortby %}selected{% endif %}>{{ col }}</option>
-                {% endfor %}
-            </select>
-        </div>
-        {% endif %}
         {% endif %}
         {% with id="id_data_indicator" %}
             {% include 'includes/loading.html' %}
@@ -93,7 +84,19 @@
         {% endfor %}
     {% else %}
         {% for value in rows[0] %}
+        {% if value in header_sort %}
+        {# hx-include carries the live form state; hx-vals overrides its hidden sortby/sortdir #}
+        <th role="button" tabindex="0" style="cursor: pointer;"
+            hx-post="{{ view_url }}" hx-target="#info-view" hx-indicator="#id_data_indicator"
+            hx-include="#info-view-form" hx-vals='{{ header_sort[value] }}'>
+            {{ value }}
+            {% if sortby == value %}
+            <span class="text-muted">{% if sortdir == 'desc' %}&#9660;{% else %}&#9650;{% endif %}</span>
+            {% endif %}
+        </th>
+        {% else %}
         <th>{{ value }}</th>
+        {% endif %}
         {% endfor %}
         </tr>
 
diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
index 617c560f..9d20fa9e 100644
--- a/caterva2/tests/test_ctable.py
+++ b/caterva2/tests/test_ctable.py
@@ -4,6 +4,7 @@
 import io
 import json
 import pathlib
+import re
 import sys
 import tempfile
 from contextlib import redirect_stdout
@@ -12,6 +13,7 @@
 import blosc2
 import blosc2.ctable as ct
 import httpx
+import numpy as np
 import pytest
 
 import caterva2 as cat2
@@ -408,19 +410,22 @@ def test_htmx_path_view_no_filter(fill_ctable_public, client):
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}")
     resp.raise_for_status()
     text = resp.text
-    # Fields and Sort-by selectors present; Filter absent (filterable=False for CTable)
+    # Fields selector and clickable sortable headers present; Filter absent
+    # (filterable=False for CTable)
     assert "Fields" in text
-    assert "Sort by" in text
+    assert 'name="sortby"' in text  # hidden input preserving sort state
+    assert "hx-vals=" in text  # header click targets
+    assert 'hx-target="#info-view"' in text  # headers must not swap into themselves
+    assert 'hx-include="#info-view-form"' in text  # headers carry the live form state
     assert 'placeholder="Filter"' not in text
     assert "v0" in text
     assert "v2" in text
 
 
-def test_htmx_path_view_sort_by(client):
-    """Rows are inserted in descending x order; sort_by('x') must reverse them."""
-    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+def _make_unsorted_public_table(state_dir, fname="unsorted_table.b2z", n=5):
+    """Drop a CTable with rows inserted in descending x order (x: n-1..0)."""
+    dest_dir = pathlib.Path(state_dir) / "server/public"
     dest_dir.mkdir(parents=True, exist_ok=True)
-    fname = "unsorted_table.b2z"
 
     @dataclass
     class Row:
@@ -428,10 +433,15 @@ class Row:
         y: str = blosc2.field(blosc2.string(max_length=20))
 
     t = blosc2.CTable(Row, urlpath=str(dest_dir / fname), mode="w", compact=True)
-    for i in reversed(range(5)):
+    for i in reversed(range(n)):
         t.append((i, f"v{i}"))
     t.close()
+    return fname
 
+
+def test_htmx_path_view_sort_by_ascending(client):
+    """Rows are inserted in descending x order; sort_by('x') must reverse them."""
+    fname = _make_unsorted_public_table(TEST_STATE_DIR)
     root = client.get(TEST_CATERVA2_ROOT)
     path = f"{root.name}/{fname}"
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x"})
@@ -439,6 +449,48 @@ class Row:
     text = resp.text
     x_positions = [text.index(f">{i}<") for i in range(5)]
     assert x_positions == sorted(x_positions)
+    assert "&#9650;" in text  # ascending indicator on the active header
+
+
+def test_htmx_path_view_sort_by_descending(client):
+    """sortdir=desc must sort by x in descending order (row insertion order)."""
+    fname = _make_unsorted_public_table(TEST_STATE_DIR, fname="unsorted_table2.b2z")
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x", "sortdir": "desc"})
+    resp.raise_for_status()
+    text = resp.text
+    x_positions = [text.index(f">{i}<") for i in range(5)]
+    assert x_positions == sorted(x_positions, reverse=True)
+    assert "&#9660;" in text  # descending indicator on the active header
+
+
+def test_htmx_path_view_sort_by_descending_paginated(client):
+    """CTable descending is emulated via a reversed tail window; check page 2."""
+    fname = _make_unsorted_public_table(TEST_STATE_DIR, fname="unsorted_table12.b2z", n=12)
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(
+        f"{client.urlbase}/htmx/path-view/{path}",
+        data={"sortby": "x", "sortdir": "desc", "sizes": "4", "index": "4"},
+    )
+    resp.raise_for_status()
+    # Second page (offset 4, size 4) of a descending 0..11 order is 7,6,5,4.
+    assert re.findall(r">v(\d+)<", resp.text) == ["7", "6", "5", "4"]
+
+
+def test_htmx_path_view_sort_cleared_when_column_hidden(client):
+    """Hiding the sorted column via the Fields selector must clear the sort."""
+    fname = _make_unsorted_public_table(TEST_STATE_DIR, fname="unsorted_table3.b2z")
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x", "fields": "y"})
+    resp.raise_for_status()
+    text = resp.text
+    # Insertion order (v4..v0) preserved: the sort on the hidden 'x' was dropped.
+    y_positions = [text.index(f">v{i}<") for i in range(5)]
+    assert y_positions == sorted(y_positions, reverse=True)
+    assert 'name="sortby" value=""' in text  # hidden input no longer re-posts the sort
 
 
 def test_htmx_path_view_sort_by_unknown_field(fill_ctable_public, client):
@@ -449,6 +501,64 @@ def test_htmx_path_view_sort_by_unknown_field(fill_ctable_public, client):
     assert "Unknown field" in resp.text
 
 
+# ---------------------------------------------------------------------------
+# Sorting for structured NDArray (.b2nd with fields), asc/desc via headers.
+# blosc2's NDArray.argsort/sort are ascending-only; descending is done by
+# reading the ascending order's tail window and reversing it.
+# ---------------------------------------------------------------------------
+
+
+def _make_unsorted_ndarray_public(fname="nd_fields.b2nd", n=6):
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    dtype = np.dtype([("x", "i4"), ("y", "i4")])
+    data = np.zeros(n, dtype=dtype)
+    data["x"] = np.arange(n)[::-1]
+    data["y"] = np.arange(n)
+    blosc2.asarray(data, urlpath=str(dest_dir / fname), mode="w")
+    return fname
+
+
+def test_htmx_path_view_ndarray_sort_by_ascending(client):
+    fname = _make_unsorted_ndarray_public()
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x"})
+    resp.raise_for_status()
+    text = resp.text
+    x_positions = [text.index(f"<td>{i}</td>") for i in range(6)]
+    assert x_positions == sorted(x_positions)
+    assert "&#9650;" in text
+
+
+def test_htmx_path_view_ndarray_sort_by_descending(client):
+    fname = _make_unsorted_ndarray_public(fname="nd_fields2.b2nd")
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x", "sortdir": "desc"})
+    resp.raise_for_status()
+    text = resp.text
+    x_positions = [text.index(f"<td>{i}</td>") for i in range(6)]
+    assert x_positions == sorted(x_positions, reverse=True)
+    assert "&#9660;" in text
+
+
+def test_htmx_path_view_ndarray_sort_by_descending_paginated(client):
+    """Descending order must remain correct across a paged window, not just page 1."""
+    fname = _make_unsorted_ndarray_public(fname="nd_fields3.b2nd", n=12)
+    root = client.get(TEST_CATERVA2_ROOT)
+    path = f"{root.name}/{fname}"
+    resp = httpx.post(
+        f"{client.urlbase}/htmx/path-view/{path}",
+        data={"sortby": "x", "sortdir": "desc", "sizes": "4", "index": "4"},
+    )
+    resp.raise_for_status()
+    text = resp.text
+    # Second page (offset 4, size 4) of a descending 0..11 order is 7,6,5,4.
+    xs = [int(v) for v in re.findall(r"<td>(\d+)</td>", text)[::2]]
+    assert xs == [7, 6, 5, 4]
+
+
 # ---------------------------------------------------------------------------
 # Regression: columns whose name is not a valid Python identifier (namedtuple
 # renames them under the hood, e.g. via CTable.from_arrow with a dotted name)

From 3b9e14a062e74ff69aa80c6a53dfc4d0b60778ee Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 08:50:42 +0200
Subject: [PATCH 19/23] feat: filter/sort for .b2z TreeStore container members
 + fix 0d scalar 500

   - get_filtered_array: accept inner_key param, open container member instead
     of blosc2.open() on the whole file
   - htmx_path_view: replace blanket "no filter/sort on container members" 400
     with HDF5-only guard; .b2z members now flow through get_filtered_array
   - Fix pre-existing 500 on 0-d container members: arr[()] returns unhashable
     ndarray, broken by `value in header_sort` in template; convert to scalar
   - Tests: structured & 0-d leaves in _make_tree fixture, sort asc/desc tests,
     0-d view test, i4-no-fields 400 test
---
 caterva2/services/server.py | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index c7fbdd3b..b03ab007 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1965,10 +1965,16 @@ async def htmx_path_info(
 
 # Added mtime to implicitly check when underlying files are changed, and so can't use cache (see issue #207)
 @functools.lru_cache(maxsize=16)
-def get_filtered_array(abspath, path, filter, sortby, mtime):
+def get_filtered_array(abspath, path, filter, sortby, mtime, inner_key=None):
     # Always sorts ascending (so "col asc" and "col desc" share one cache entry);
     # descending is rendered by reading a tail window of this order in reverse.
-    arr = open_b2(abspath, path)
+    if inner_key is not None:
+        container = srv_utils.open_container(abspath)
+        arr = container.get(inner_key)
+        if arr is None or container.is_group(arr):
+            raise ValueError("Cannot open container member")
+    else:
+        arr = open_b2(abspath, path)
     sortby = sortby.strip() if sortby else None
 
     if isinstance(arr, blosc2.CTable):
@@ -2054,12 +2060,10 @@ async def htmx_path_view(
         # header to click, the sort would be stuck. Clear it instead.
         sortby = sortdir = ""
     sort_desc = bool(sortby) and sortdir == "desc"
-    if inner_key is not None and (filter or sortby):
-        # get_filtered_array() would blosc2.open() the whole container file
-        # (uncaught RuntimeError → 500, for .h5 and TreeStore .b2z alike);
-        # container members render unfiltered only.
-        return htmx_error(request, "Filtering/sorting is not supported for container members.")
-    if inner_key is not None:
+    # ponytail: HDF5 member filter/sort deferred to Phase 2
+    if inner_key is not None and abspath.suffix in srv_utils.HDF5_SUFFIXES and (filter or sortby):
+        return htmx_error(request, "Filtering/sorting is not supported for HDF5 container members.")
+    if inner_key is not None and not (filter or sortby):
         # Not explicitly closed: an HDF5 leaf needs its h5py.File open for the
         # reads below (through the rest of this function); CPython drops it
         # once `arr` goes out of scope at function return.
@@ -2073,7 +2077,7 @@ async def htmx_path_view(
     elif filter or sortby:
         try:
             mtime = abspath.stat().st_mtime
-            arr, idx = get_filtered_array(abspath, path, filter, sortby, mtime)
+            arr, idx = get_filtered_array(abspath, path, filter, sortby, mtime, inner_key)
         except AssertionError:
             return htmx_error(request, "Filtering/sorting is not supported for this dataset type.")
         except TypeError as exc:
@@ -2234,7 +2238,11 @@ def cell(value):
             arr = [arr[i : i + isize]]
             rows = [tags[-1]] + list(arr)
         else:
-            arr = [[arr[()]]]
+            val = arr[()]
+            # ponytail: arr[()] may return 0-d ndarray (unhashable) not scalar
+            if isinstance(val, np.ndarray):
+                val = val.item()
+            arr = [[val]]
             rows = list(arr)
 
     # Render

From 2261a80f6c40f8608fc6d207cbd2d1667efe509d Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 12:43:41 +0200
Subject: [PATCH 20/23] feat: sort for .h5 container members + avoid full numpy
 materialization
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

   - get_filtered_array: HDF5Proxy branch using .indices()/.sort() (materialized,
     cache-safe). Filter still blocked (needs LazyExpr plumbing on proxy).
   - htmx_path_view: narrow HDF5 guard to filter-only; sort passes through.
     Set filterable=False for HDF5 members (hide filter box in UI).
   - hdf5.py: blosc2.asarray(self.dset) instead of self.dset[:] so ingestion
     streams chunk-by-chunk from HDF5 for >16 MB datasets — no intermediate
     full numpy array.
   - Tests: structured HDF5 leaf in fixture, sort asc/desc, filter 400, sort
     on plain-dtype 400, filterable=False assertion, 0-d scalar view fix.
---
 caterva2/hdf5.py                 |   4 +-
 caterva2/services/server.py      |  21 +-
 caterva2/tests/test_hdf5_tree.py | 322 +++++++++++++++++++++++++++++++
 caterva2/tests/test_treestore.py | 265 +++++++++++++++++++++++++
 4 files changed, 606 insertions(+), 6 deletions(-)
 create mode 100644 caterva2/tests/test_hdf5_tree.py
 create mode 100644 caterva2/tests/test_treestore.py

diff --git a/caterva2/hdf5.py b/caterva2/hdf5.py
index c510b30d..c80146dd 100644
--- a/caterva2/hdf5.py
+++ b/caterva2/hdf5.py
@@ -570,7 +570,7 @@ def indices(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDAr
             An array with the indices.
         """
         # TODO: optimize this for the case where the Blosc2 codec is used inside HDF5
-        nda = blosc2.asarray(self.dset[:], cparams=self.b2arr.cparams, **kwargs)
+        nda = blosc2.asarray(self.dset, cparams=self.b2arr.cparams, **kwargs)
         return nda.argsort(order=order, **kwargs)
 
     def sort(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDArray:
@@ -590,7 +590,7 @@ def sort(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDArray
             An array with the sorted data.
         """
         # TODO: optimize this for the case where the Blosc2 codec is used inside HDF5
-        nda = blosc2.asarray(self.dset[:], cparams=self.b2arr.cparams, **kwargs)
+        nda = blosc2.asarray(self.dset, cparams=self.b2arr.cparams, **kwargs)
         return nda.sort(order=order, **kwargs)
 
     def to_cframe(self, item=()) -> bytes:
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index b03ab007..47604c19 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -1977,6 +1977,18 @@ def get_filtered_array(abspath, path, filter, sortby, mtime, inner_key=None):
         arr = open_b2(abspath, path)
     sortby = sortby.strip() if sortby else None
 
+    if isinstance(arr, hdf5.HDF5Proxy):
+        # ponytail: HDF5Proxy has .indices()/.sort() (materialized, cache-safe)
+        # but no string-indexed LazyExpr → filter unsupported for now
+        has_ndfields = hasattr(arr, "fields") and arr.fields != {}
+        assert has_ndfields
+        assert not filter
+        idx = None
+        if sortby:
+            idx = arr.indices(sortby)
+            arr = arr.sort(sortby)
+        return arr, idx
+
     if isinstance(arr, blosc2.CTable):
         # CTable has no .fields/.argsort; filtering isn't supported, only sort_by().
         assert not filter
@@ -2060,9 +2072,10 @@ async def htmx_path_view(
         # header to click, the sort would be stuck. Clear it instead.
         sortby = sortdir = ""
     sort_desc = bool(sortby) and sortdir == "desc"
-    # ponytail: HDF5 member filter/sort deferred to Phase 2
-    if inner_key is not None and abspath.suffix in srv_utils.HDF5_SUFFIXES and (filter or sortby):
-        return htmx_error(request, "Filtering/sorting is not supported for HDF5 container members.")
+    hdf5_member = inner_key is not None and abspath.suffix in srv_utils.HDF5_SUFFIXES
+    # ponytail: HDF5 filter needs LazyExpr plumbing on HDF5Proxy; sort works via .indices()/.sort()
+    if hdf5_member and filter:
+        return htmx_error(request, "Filtering is not supported for HDF5 container members.")
     if inner_key is not None and not (filter or sortby):
         # Not explicitly closed: an HDF5 leaf needs its h5py.File open for the
         # reads below (through the rest of this function); CPython drops it
@@ -2257,7 +2270,7 @@ def cell(value):
         "sortdir": sortdir,
         "shape": shape,
         "tags": tags if len(tags) == 0 else tags[0],
-        "filterable": True,
+        "filterable": not hdf5_member,
         "header_sort": _header_sort_links(fields, sortby, sortdir) if cols else {},
     }
     return templates.TemplateResponse(request, "info_view.html", context)
diff --git a/caterva2/tests/test_hdf5_tree.py b/caterva2/tests/test_hdf5_tree.py
new file mode 100644
index 00000000..ed968731
--- /dev/null
+++ b/caterva2/tests/test_hdf5_tree.py
@@ -0,0 +1,322 @@
+"""Tests for .h5/.hdf5 virtual descent (list/info/fetch of inner leaves),
+mirroring test_treestore.py for the .b2z/TreeStore case."""
+
+import pathlib
+
+import blosc2
+import h5py
+import httpx
+import numpy as np
+import pytest
+
+from caterva2.services import srv_utils
+
+from .services import TEST_CATERVA2_ROOT, TEST_STATE_DIR
+
+
+def _make_h5(path):
+    with h5py.File(str(path), "w") as f:
+        f.create_dataset("/g/a", data=np.arange(6, dtype="i4").reshape(2, 3))
+        f.create_dataset("/g/b", data=np.arange(4, dtype="i4"))
+        f.create_dataset("/h/c", data=np.arange(10, dtype="i4"))
+        # Structured leaf for sort tests
+        dtype = np.dtype([("x", "i4"), ("y", "f8")])
+        data = np.array([(3, 2.0), (1, 1.0), (2, 3.0)], dtype=dtype)
+        f.create_dataset("/s/people", data=data)
+
+
+# --- split_container_path (pure) -------------------------------------------
+
+
+def test_split_container_path_h5():
+    f = srv_utils.split_container_path
+    assert f("@public/tree.h5/g/a") == (pathlib.Path("@public/tree.h5"), "/g/a")
+    assert f("@public/sub/tree.hdf5/g") == (pathlib.Path("@public/sub/tree.hdf5"), "/g")
+    # No descent: a plain .h5 (no inner key) still resolves to the container itself.
+    assert f("@public/tree.h5") == (pathlib.Path("@public/tree.h5"), None)
+
+
+# --- HTTP: list / info / fetch on a .h5 dropped into @public ----------------
+
+
+@pytest.fixture
+def fill_h5_public(client):
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    fname = "test_tree.h5"
+    _make_h5(dest_dir / fname)
+    return fname, client.get(TEST_CATERVA2_ROOT)
+
+
+def test_list_descends(fill_h5_public, client):
+    fname, root = fill_h5_public
+    # Root of the container: deep leaf listing, relative to the container path.
+    assert client.get_list(f"{root.name}/{fname}") == ["g/a", "g/b", "h/c", "s/people"]
+    # A group node lists only its leaves, relative to that node.
+    assert client.get_list(f"{root.name}/{fname}/g") == ["a", "b"]
+
+
+def test_info_leaf(fill_h5_public, client):
+    fname, root = fill_h5_public
+    info = client.get_info(f"{root.name}/{fname}/g/a")
+    assert tuple(info["shape"]) == (2, 3)
+    assert info["dtype"] == "int32"
+    # A leaf has no file of its own; it inherits the container's mtime.
+    assert info["mtime"] is not None
+
+
+def test_info_bogus_inner_key_404(fill_h5_public, client):
+    fname, root = fill_h5_public
+    with pytest.raises(Exception) as e_info:
+        client.get_info(f"{root.name}/{fname}/does/not/exist")
+    assert "Not Found" in str(e_info.value)
+
+
+def test_list_leaf_or_bogus_inner(fill_h5_public, client):
+    """get_list on a leaf or bogus inner path degrades to [] (no 500)."""
+    fname, root = fill_h5_public
+    assert client.get_list(f"{root.name}/{fname}/g/a") == []
+    assert client.get_list(f"{root.name}/{fname}/does/not/exist") == []
+
+
+def test_remove_inner_member_404(fill_h5_public, auth_client):
+    """Removing a member inside a container is a clean 404, not a 500."""
+    if auth_client is None:
+        pytest.skip("needs authentication")
+    fname, root = fill_h5_public
+    with pytest.raises(Exception) as e_info:
+        auth_client.remove(f"{root.name}/{fname}/g")
+    assert "Not Found" in str(e_info.value)
+
+
+def test_client_ops_refuse_inner_member(fill_h5_public):
+    """File-level ops (move/copy/remove/download/unfold) refuse container members."""
+    fname, root = fill_h5_public
+    grp = root[f"{fname}/g"]
+    for op in (grp.remove, grp.unfold):
+        with pytest.raises(ValueError, match="container"):
+            op()
+    with pytest.raises(ValueError, match="container"):
+        grp.move("@public/elsewhere")
+    leaf = root[f"{fname}/g/a"]
+    with pytest.raises(ValueError, match="container"):
+        leaf.download()
+    # The container itself is a real file, so its path passes the guard.
+    assert root[fname]._toplevel_path() is not None
+
+
+def test_dir_named_like_container(client):
+    """A real directory named *.h5 is not a container; files beneath it stay
+    reachable (such directories are creatable through the upload API)."""
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public/dirname.h5"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    blosc2.asarray(np.arange(10, dtype="i4"), urlpath=str(dest_dir / "x.b2nd"), mode="w")
+    root = client.get(TEST_CATERVA2_ROOT)
+    assert "x.b2nd" in client.get_list(f"{root.name}/dirname.h5")
+    info = client.get_info(f"{root.name}/dirname.h5/x.b2nd")
+    assert tuple(info["shape"]) == (10,)
+
+
+def test_fetch_leaf(fill_h5_public, client):
+    fname, root = fill_h5_public
+    whole = client.get_slice(f"{root.name}/{fname}/g/a", as_blosc2=True)
+    assert np.array_equal(whole[:], np.arange(6, dtype="i4").reshape(2, 3))
+    part = client.get_slice(f"{root.name}/{fname}/h/c", slice(2, 5), as_blosc2=True)
+    assert np.array_equal(part[:], np.arange(10, dtype="i4")[2:5])
+
+
+def test_leaf_size_not_container_size(fill_h5_public):
+    """Each leaf reports its own size, not the whole container's (regression:
+    the web listing used to show the container's file size for every leaf)."""
+    fname, _root = fill_h5_public
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    abspath = dest_dir / fname
+    container_size = abspath.stat().st_size
+
+    container = srv_utils.open_container(abspath)
+    try:
+        size_a = container.leaf_size("/g/a")
+        size_b = container.leaf_size("/g/b")
+        size_c = container.leaf_size("/h/c")
+    finally:
+        container.close()
+
+    assert None not in (size_a, size_b, size_c)
+    assert len({size_a, size_b, size_c}) > 1  # not all identical
+    assert container_size not in (size_a, size_b, size_c)
+
+
+def test_web_virtual_root_leaf_sizes_differ(fill_h5_public, client):
+    """The web listing shows distinct per-leaf sizes, not the container's."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [f"{root.name}/{fname}"]})
+    assert r.status_code == 200
+    # /h/c (10 elements) is bigger on disk than /g/b (4 elements); if the bug
+    # reappears both would render the same (the container's) formatted size.
+    rows = r.text.split('class="input-group"')
+    row_b = next(row for row in rows if f"{fname}/g/b" in row)
+    row_c = next(row for row in rows if f"{fname}/h/c" in row)
+    size_b = row_b.split('class="input-group-text" style="width: 20%">')[1].split("<")[0].strip()
+    size_c = row_c.split('class="input-group-text" style="width: 20%">')[1].split("<")[0].strip()
+    assert size_b != size_c
+
+
+def test_client_get_mapping(fill_h5_public):
+    from caterva2 import client as cc
+
+    fname, root = fill_h5_public
+    # The .h5 container itself is a browsable Group (not a Table).
+    container = root[fname]
+    assert isinstance(container, cc.Group)
+    # Its children are addressed relative to the group.
+    assert "g/a" in container
+    # A virtual group inside the container is also a Group.
+    grp = root[f"{fname}/g"]
+    assert isinstance(grp, cc.Group)
+    # A leaf resolves by server-reported kind (no file suffix to go on).
+    leaf = root[f"{fname}/g/a"]
+    assert isinstance(leaf, cc.Array)
+    assert tuple(leaf.shape) == (2, 3)
+    # Indexing through a group reaches the same leaf.
+    assert isinstance(grp["a"], cc.Array)
+    assert isinstance(container["g/a"], cc.Array)
+
+
+def test_read_metadata_container_is_directory():
+    """A plain .h5 presents as a Directory (the root group)."""
+    import caterva2.models as models
+
+    tmp = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    tmp.mkdir(parents=True, exist_ok=True)
+    p = tmp / "meta_tree.h5"
+    _make_h5(p)
+    meta = srv_utils.read_metadata(p)
+    assert isinstance(meta, models.Directory)
+    assert meta.kind == "group"
+    assert meta.nfiles == 4
+    assert meta.size > 0
+
+
+def test_group_info(fill_h5_public, client):
+    fname, root = fill_h5_public
+    # info on a virtual group inside a .h5 container.
+    ginfo = client.get_info(f"{root.name}/{fname}/g")
+    assert ginfo["kind"] == "group"
+    assert ginfo["nfiles"] == 2  # g/a, g/b
+    assert ginfo["size"] > 0
+    assert ginfo["mtime"] is not None
+
+
+def test_web_no_500(fill_h5_public, client):
+    """Web path-info must not 500 on a .h5 container or its leaves."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-info/{root.name}/{fname}")
+    assert r.status_code == 200
+    r = httpx.get(f"{base}/htmx/path-info/{root.name}/{fname}/g/a")
+    assert r.status_code == 200
+
+
+def test_web_container_is_single_row(fill_h5_public, client):
+    """A classic root shows the .h5 as one row, not expanded into leaves."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [root.name]})
+    assert r.status_code == 200
+    assert f"{root.name}/{fname}" in r.text  # the container row
+    assert f"{fname}/g/a" not in r.text  # leaves are not auto-expanded
+
+
+def test_web_virtual_root_expands_leaves(fill_h5_public, client):
+    """Mounting the container as a virtual root lists its leaves."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [f"{root.name}/{fname}"]})
+    assert r.status_code == 200
+    assert f"{root.name}/{fname}/g/a" in r.text
+    assert f"{root.name}/{fname}/h/c" in r.text
+
+
+def test_web_leaf_view_no_500(fill_h5_public, client):
+    """Clicking a mounted .h5 leaf renders data (was: crashed via blosc2.open)."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/g/a")
+    assert r.status_code == 200
+
+
+def test_web_leaf_view_filter_unsupported(fill_h5_public, client):
+    """Filter on HDF5 members still gives friendly 400 (LazyExpr not plumbed)."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/s/people", data={"filter": "x > 1"})
+    assert r.status_code == 400
+    assert "not supported" in r.text
+
+
+def test_web_leaf_view_sort_i4_no_fields(fill_h5_public, client):
+    """Sort on a plain (no fields) HDF5 leaf = friendly 400, not 500."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    r = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/g/a", data={"sortby": "x"})
+    assert r.status_code == 400
+    assert "not supported" in r.text
+
+
+# --- Phase 2: sort on HDF5 structured members ---------------------------------
+
+
+def test_htmx_path_view_h5_member_sort_asc(fill_h5_public, client):
+    """Sort a structured HDF5 leaf ascending."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    resp = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/s/people", data={"sortby": "x"})
+    assert resp.status_code == 200
+    # Data: (3,2.0), (1,1.0), (2,3.0) → ascending by x: 1, 2, 3
+    pos1 = resp.text.index("<td>1</td>")
+    pos2 = resp.text.index("<td>2</td>")
+    pos3 = resp.text.index("<td>3</td>")
+    assert pos1 < pos2 < pos3
+    assert "&#9650;" in resp.text
+
+
+def test_htmx_path_view_h5_member_sort_desc(fill_h5_public, client):
+    """Sort a structured HDF5 leaf descending."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    resp = httpx.post(
+        f"{base}/htmx/path-view/{root.name}/{fname}/s/people",
+        data={"sortby": "x", "sortdir": "desc"},
+    )
+    assert resp.status_code == 200
+    # Descending by x: 3, 2, 1
+    pos1 = resp.text.index("<td>1</td>")
+    pos2 = resp.text.index("<td>2</td>")
+    pos3 = resp.text.index("<td>3</td>")
+    assert pos3 < pos2 < pos1
+    assert "&#9660;" in resp.text
+
+
+def test_htmx_path_view_h5_member_filterable_false(fill_h5_public, client):
+    """HDF5 member views must hide the filter box (filterable=False in context)."""
+    fname, root = fill_h5_public
+    base = client.urlbase
+    resp = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/s/people")
+    assert resp.status_code == 200
+    assert 'name="filter"' not in resp.text
+
+
+def test_web_bogus_h5_no_500(client):
+    """A non-HDF5/corrupt .h5 (classic walk or mounted) must not 500."""
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    (dest_dir / "bogus.h5").write_text("not an hdf5 file")
+    root = client.get(TEST_CATERVA2_ROOT)
+    base = client.urlbase
+    # Classic listing walks the bogus file.
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [root.name]})
+    assert r.status_code == 200
+    # Mounting it as a virtual root just lists nothing, no crash.
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [f"{root.name}/bogus.h5"]})
+    assert r.status_code == 200
diff --git a/caterva2/tests/test_treestore.py b/caterva2/tests/test_treestore.py
new file mode 100644
index 00000000..2499cbe6
--- /dev/null
+++ b/caterva2/tests/test_treestore.py
@@ -0,0 +1,265 @@
+"""Tests for TreeStore .b2z virtual descent (list/info/fetch of inner leaves)."""
+
+import pathlib
+
+import blosc2
+import httpx
+import numpy as np
+import pytest
+
+from caterva2.services import srv_utils
+
+from .services import TEST_CATERVA2_ROOT, TEST_STATE_DIR
+
+
+def _make_tree(path):
+    t = blosc2.TreeStore(str(path), mode="w")
+    t["/g/a"] = np.arange(6, dtype="i4").reshape(2, 3)
+    t["/g/b"] = np.arange(4, dtype="i4")
+    t["/h/c"] = np.arange(10, dtype="i4")
+    # Structured leaf for filter/sort tests
+    t["/s/people"] = np.array([(1, 3.0), (2, 1.0), (3, 2.0)], dtype=[("x", "i4"), ("y", "f8")])
+    # 0-d leaf for scalar rendering
+    t["/s/scalar"] = np.array(42, dtype="i4")
+    t.close()
+
+
+# --- split_container_path (pure) -------------------------------------------
+
+
+def test_split_container_path():
+    f = srv_utils.split_container_path
+    assert f("@public/tree.b2z/g/a") == (pathlib.Path("@public/tree.b2z"), "/g/a")
+    assert f("@public/sub/tree.b2z/g") == (pathlib.Path("@public/sub/tree.b2z"), "/g")
+    # No descent: plain container or plain file.
+    assert f("@public/tree.b2z") == (pathlib.Path("@public/tree.b2z"), None)
+    assert f("@public/dir/x.b2nd") == (pathlib.Path("@public/dir/x.b2nd"), None)
+
+
+# --- HTTP: list / info / fetch on a TreeStore dropped into @public ----------
+
+
+@pytest.fixture
+def fill_tree_public(client):
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    fname = "test_tree.b2z"
+    _make_tree(dest_dir / fname)
+    return fname, client.get(TEST_CATERVA2_ROOT)
+
+
+def test_list_descends(fill_tree_public, client):
+    fname, root = fill_tree_public
+    # Root of the container: deep leaf listing, relative to the container path.
+    assert client.get_list(f"{root.name}/{fname}") == ["g/a", "g/b", "h/c", "s/people", "s/scalar"]
+    # A group node lists only its leaves, relative to that node.
+    assert client.get_list(f"{root.name}/{fname}/g") == ["a", "b"]
+
+
+def test_info_leaf(fill_tree_public, client):
+    fname, root = fill_tree_public
+    info = client.get_info(f"{root.name}/{fname}/g/a")
+    assert tuple(info["shape"]) == (2, 3)
+    assert info["dtype"] == "int32"
+    # A leaf has no file of its own; it inherits the container's mtime.
+    assert info["mtime"] is not None
+
+
+def test_fetch_leaf(fill_tree_public, client):
+    fname, root = fill_tree_public
+    whole = client.get_slice(f"{root.name}/{fname}/g/a", as_blosc2=True)
+    assert np.array_equal(whole[:], np.arange(6, dtype="i4").reshape(2, 3))
+    part = client.get_slice(f"{root.name}/{fname}/h/c", slice(2, 5), as_blosc2=True)
+    assert np.array_equal(part[:], np.arange(10, dtype="i4")[2:5])
+
+
+def test_leaf_size_not_container_size(fill_tree_public):
+    """Each leaf reports its own size, not the whole container's (regression:
+    the web listing used to show the container's file size for every leaf)."""
+    fname, _root = fill_tree_public
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    abspath = dest_dir / fname
+    container_size = abspath.stat().st_size
+
+    container = srv_utils.open_container(abspath)
+    try:
+        size_a = container.leaf_size("/g/a")
+        size_b = container.leaf_size("/g/b")
+        size_c = container.leaf_size("/h/c")
+    finally:
+        container.close()
+
+    assert None not in (size_a, size_b, size_c)
+    assert len({size_a, size_b, size_c}) > 1  # not all identical
+    assert container_size not in (size_a, size_b, size_c)
+
+
+def test_client_get_mapping(fill_tree_public):
+    from caterva2 import client as cc
+
+    fname, root = fill_tree_public
+    # The TreeStore container itself is a browsable Group (not a Table).
+    container = root[fname]
+    assert isinstance(container, cc.Group)
+    # Its children are addressed relative to the group.
+    assert "g/a" in container
+    # A virtual group inside the container is also a Group.
+    grp = root[f"{fname}/g"]
+    assert isinstance(grp, cc.Group)
+    # A leaf resolves by server-reported kind (no file suffix to go on).
+    leaf = root[f"{fname}/g/a"]
+    assert isinstance(leaf, cc.Array)
+    assert tuple(leaf.shape) == (2, 3)
+    # Indexing through a group reaches the same leaf.
+    assert isinstance(grp["a"], cc.Array)
+    assert isinstance(container["g/a"], cc.Array)
+
+
+def test_read_metadata_container_is_directory():
+    """A TreeStore .b2z presents as a Directory (the root group)."""
+    import caterva2.models as models
+
+    tmp = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    tmp.mkdir(parents=True, exist_ok=True)
+    p = tmp / "meta_tree.b2z"
+    _make_tree(p)
+    meta = srv_utils.read_metadata(p)
+    assert isinstance(meta, models.Directory)
+    assert meta.kind == "group"
+    assert meta.nfiles == 5
+    assert meta.size > 0
+
+
+def test_dir_and_group_info(fill_tree_public, client):
+    from caterva2 import client as cc
+
+    fname, root = fill_tree_public
+    # A real directory with two datasets.
+    ddir = pathlib.Path(TEST_STATE_DIR) / "server/public" / "gdir"
+    ddir.mkdir(parents=True, exist_ok=True)
+    blosc2.asarray(np.arange(4), urlpath=str(ddir / "x.b2nd"), mode="w")
+    blosc2.asarray(np.arange(6), urlpath=str(ddir / "y.b2nd"), mode="w")
+
+    # info on a real directory returns a dir summary.
+    dinfo = client.get_info(f"{root.name}/gdir")
+    assert dinfo["kind"] == "group"
+    assert dinfo["nfiles"] == 2
+    assert dinfo["size"] > 0
+    # a real directory maps to a Group client-side, browsable/indexable.
+    grp = root["gdir"]
+    assert isinstance(grp, cc.Group)
+    assert "x.b2nd" in grp
+    assert isinstance(grp["x.b2nd"], cc.Array)
+    # info on a virtual group inside a .b2z container.
+    ginfo = client.get_info(f"{root.name}/{fname}/g")
+    assert ginfo["kind"] == "group"
+    assert ginfo["nfiles"] == 2  # g/a, g/b
+    assert ginfo["size"] > 0  # summed from the .b2z zip index
+    assert ginfo["mtime"] is not None
+
+
+def test_malformed_inner_key_404(fill_tree_public, client):
+    """Malformed TreeStore keys (e.g. NUL bytes survive URL decoding) raise
+    ValueError inside blosc2; they must 404, not 500."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/api/info/{root.name}/{fname}/g/%00bad")
+    assert r.status_code == 404
+
+
+def test_web_no_500(fill_tree_public, client):
+    """Web path-info must not 500 on a TreeStore container or its leaves."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-info/{root.name}/{fname}")
+    assert r.status_code == 200
+    r = httpx.get(f"{base}/htmx/path-info/{root.name}/{fname}/g/a")
+    assert r.status_code == 200
+
+
+def test_web_container_is_single_row(fill_tree_public, client):
+    """A classic root shows the .b2z as one row, not expanded into leaves."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [root.name]})
+    assert r.status_code == 200
+    assert f"{root.name}/{fname}" in r.text  # the container row
+    assert f"{fname}/g/a" not in r.text  # leaves are not auto-expanded
+
+
+def test_web_virtual_root_expands_leaves(fill_tree_public, client):
+    """Mounting the container as a virtual root lists its leaves."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [f"{root.name}/{fname}"]})
+    assert r.status_code == 200
+    assert f"{root.name}/{fname}/g/a" in r.text
+    assert f"{root.name}/{fname}/h/c" in r.text
+
+
+def test_web_bogus_container_no_500(client):
+    """A non-TreeStore/corrupt .b2z (classic walk or mounted) must not 500."""
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    (dest_dir / "bogus.b2z").write_text("not a blosc2 container")
+    root = client.get(TEST_CATERVA2_ROOT)
+    base = client.urlbase
+    # Classic listing walks the bogus file.
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [root.name]})
+    assert r.status_code == 200
+    # Mounting it as a virtual root just lists nothing, no crash.
+    r = httpx.get(f"{base}/htmx/path-list/", params={"roots": [f"{root.name}/bogus.b2z"]})
+    assert r.status_code == 200
+
+
+# --- Phase 1: filter/sort on .b2z structured members -----------------------
+
+
+def test_htmx_path_view_member_sort_asc(fill_tree_public, client):
+    """Sort a structured TreeStore leaf by field ascending."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    resp = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/s/people", data={"sortby": "x"})
+    assert resp.status_code == 200
+    # x values: 1 before 2 before 3
+    pos1 = resp.text.index("<td>1</td>")
+    pos2 = resp.text.index("<td>2</td>")
+    pos3 = resp.text.index("<td>3</td>")
+    assert pos1 < pos2 < pos3
+    assert "&#9650;" in resp.text  # asc indicator
+
+
+def test_htmx_path_view_member_sort_desc(fill_tree_public, client):
+    """Sort a structured TreeStore leaf by field descending."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    resp = httpx.post(
+        f"{base}/htmx/path-view/{root.name}/{fname}/s/people",
+        data={"sortby": "x", "sortdir": "desc"},
+    )
+    assert resp.status_code == 200
+    # x values: 3 before 2 before 1
+    pos1 = resp.text.index("<td>1</td>")
+    pos2 = resp.text.index("<td>2</td>")
+    pos3 = resp.text.index("<td>3</td>")
+    assert pos3 < pos2 < pos1
+    assert "&#9660;" in resp.text  # desc indicator
+
+
+def test_htmx_path_view_member_i4_no_fields(fill_tree_public, client):
+    """Sort/filter on a plain (no fields) TreeStore leaf gives friendly 400, not 500."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    for data in ({"sortby": "x"}, {"filter": "x > 0"}):
+        resp = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/g/a", data=data)
+        assert resp.status_code == 400
+        assert "not supported" in resp.text
+
+
+def test_htmx_path_view_member_0d_scalar(fill_tree_public, client):
+    """0-d container member must render without 500 (unhashable np.array regression)."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    resp = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/s/scalar")
+    assert resp.status_code == 200
+    assert "42" in resp.text

From d93a19fe66f7f3bc7b6030d728673c1ccb40565f Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 17:43:36 +0200
Subject: [PATCH 21/23] Different fixes for .b2z and .h5 navigation:
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. Filter-only crash on .b2z members — root cause is a blosc2 bug: the where-fastpath re-opens the operand's urlpath, which for a TreeStore leaf is the whole .b2z. Worked around in get_filtered_array by detaching filtered members with an in-memory arr.copy() (cache-bounded, same materialization trade-off the filter path already makes). New tests cover filter-only and filter+sort on members.
2. /api/fetch silently dropping filter on members — fetch_data now routes filter requests through get_filtered_array(..., inner_key=inner_key); HDF5-member filters get a clean 400 (raised from a 2-line guard in get_filtered_array), and ValueErrors map to 400 instead of 500. Tested for both .b2z (filtered rows come back) and .h5 (400).
3. Corrupt-member 500s — added except (RuntimeError, OSError) to the htmx except chain.
4. open_container None-check divergence — new srv_utils.open_container_member() helper replaces all three copies of the open→get→validate pattern (htmx view, fetch, filtered path). The bogus-.b2z-member case now yields "Cannot open container member" instead of the nonsensical "Invalid filter" message (regression test added).
5. Double dataset ingest — HDF5Proxy now materializes once via a memoized _as_blosc2(); argsort (with indices kept as an alias) and sort share the single conversion.
6. Tiny-chunk inheritance cliff — _as_blosc2() ignores degenerate HDF5 chunks (< 1 MiB) and lets blosc2 pick its own chunking.
7. Redundant HDF5Proxy branch in the server — deleted; the argsort alias lets HDF5 members flow through the generic NDArray path.
8. 0-d comment misattribution — reworded to name blosc2.NDArray[()] as the 0-d source.

Two bonus fixes along the way: the "unsupported dataset type" asserts became ValueErrors (they were uncaught 500s from /api/fetch and vanish under python -O), and running the suite exposed 4 latent test bugs from the earlier header-sort session (assertions matching row-label/y cells, and raise_for_status() on an intentional 400) — those tests were curl-verified back then because port 8000 was occupied; they're now fixed and passing under pytest.
---
 caterva2/hdf5.py                 | 34 +++++++++-----
 caterva2/services/server.py      | 77 +++++++++++++++-----------------
 caterva2/services/srv_utils.py   | 17 +++++++
 caterva2/tests/test_ctable.py    | 18 ++++----
 caterva2/tests/test_hdf5_tree.py |  9 ++++
 caterva2/tests/test_treestore.py | 45 +++++++++++++++++++
 6 files changed, 138 insertions(+), 62 deletions(-)

diff --git a/caterva2/hdf5.py b/caterva2/hdf5.py
index c80146dd..010f029b 100644
--- a/caterva2/hdf5.py
+++ b/caterva2/hdf5.py
@@ -7,11 +7,12 @@
 # See LICENSE.txt for details about copyright and rights to use.
 ###############################################################################
 import json
+import math
 import os
 from collections.abc import Callable, Iterator, Mapping
 
 # Requirements
-import b2h5py.auto  # noqa: F401A
+import b2h5py.auto  # noqa: F401
 import blosc2
 import h5py
 
@@ -553,25 +554,38 @@ def slice(self, item: slice | list[slice] | tuple | None) -> blosc2.NDArray:
             result = blosc2.empty((), dtype=self.dtype)
         return blosc2.asarray(result, cparams=self.b2arr.cparams)
 
-    def indices(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDArray:
+    def _as_blosc2(self) -> blosc2.NDArray:
+        """Materialize the whole dataset as an in-memory NDArray (memoized per proxy)."""
+        nda = getattr(self, "_nda", None)
+        if nda is None:
+            # TODO: optimize this for the case where the Blosc2 codec is used inside HDF5
+            chunks = self.dset.chunks
+            if chunks is not None and math.prod(chunks) * self.dset.dtype.itemsize < 2**20:
+                # Tiny HDF5 chunks (e.g. row-chunked tables) would be inherited by
+                # asarray and cripple blosc2 sorts; let blosc2 pick its own chunking.
+                chunks, _ = blosc2.compute_chunks_blocks(self.dset.shape, None, None, self.dset.dtype)
+            nda = self._nda = blosc2.asarray(self.dset, cparams=self.b2arr.cparams, chunks=chunks)
+        return nda
+
+    def argsort(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDArray:
         """
-        Get the indices of the HDF5 dataset.
+        Get the indices that would sort the HDF5 dataset.
 
         Parameters
         ----------
         order: str | list[str] | None
             The order of the indices. If None, use the default order.
         kwargs: Any
-            Additional arguments to pass to the Blosc2 array.
+            Additional arguments to pass to NDArray.argsort.
 
         Returns
         -------
         out: NDArray
             An array with the indices.
         """
-        # TODO: optimize this for the case where the Blosc2 codec is used inside HDF5
-        nda = blosc2.asarray(self.dset, cparams=self.b2arr.cparams, **kwargs)
-        return nda.argsort(order=order, **kwargs)
+        return self._as_blosc2().argsort(order=order, **kwargs)
+
+    indices = argsort  # backwards-compatible name
 
     def sort(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDArray:
         """
@@ -582,16 +596,14 @@ def sort(self, order: str | list[str] | None = None, **kwargs) -> blosc2.NDArray
         order: str | list[str] | None
             The order of the indices. If None, use the default order.
         kwargs: Any
-            Additional arguments to pass to the Blosc2 array.
+            Additional arguments to pass to NDArray.sort.
 
         Returns
         -------
         out: NDArray
             An array with the sorted data.
         """
-        # TODO: optimize this for the case where the Blosc2 codec is used inside HDF5
-        nda = blosc2.asarray(self.dset, cparams=self.b2arr.cparams, **kwargs)
-        return nda.sort(order=order, **kwargs)
+        return self._as_blosc2().sort(order=order, **kwargs)
 
     def to_cframe(self, item=()) -> bytes:
         # Convert the HDF5 dataset to a Blosc2 CFrame
diff --git a/caterva2/services/server.py b/caterva2/services/server.py
index 47604c19..41369cc4 100644
--- a/caterva2/services/server.py
+++ b/caterva2/services/server.py
@@ -578,24 +578,22 @@ async def fetch_data(
             "use the download API if you only want to download the file"
         )
 
-    if inner_key is not None:
-        # A member inside a container (e.g. a TreeStore .b2z or .h5 leaf). Not
-        # explicitly closed: an HDF5 leaf needs its underlying h5py.File open
-        # for the reads below; CPython drops it once `container` goes out of
-        # scope at function return (verified: a leaf survives an *implicit*
-        # refcount-driven close, only an *explicit* .close() invalidates it).
-        container_adapter = srv_utils.open_container(abspath)
-        if container_adapter is None:
-            srv_utils.raise_not_found()
-        container = container_adapter.get(inner_key)
-        if container is None or container_adapter.is_group(container):
-            srv_utils.raise_not_found()
-    elif filter:
+    filter = filter.strip() if filter else filter
+    if filter:
         if field:
             srv_utils.raise_bad_request("Cannot handle both field and filter parameters at the same time")
-        filter = filter.strip()
         mtime = abspath.stat().st_mtime
-        container, _ = get_filtered_array(abspath, path, filter, sortby=None, mtime=mtime)
+        try:
+            container, _ = get_filtered_array(
+                abspath, path, filter, sortby=None, mtime=mtime, inner_key=inner_key
+            )
+        except ValueError as exc:
+            srv_utils.raise_bad_request(str(exc))
+    elif inner_key is not None:
+        # A member inside a container (e.g. a TreeStore .b2z or .h5 leaf).
+        container = srv_utils.open_container_member(abspath, inner_key)
+        if container is None:
+            srv_utils.raise_not_found()
     else:
         container = open_b2(abspath, path)
 
@@ -1969,35 +1967,33 @@ def get_filtered_array(abspath, path, filter, sortby, mtime, inner_key=None):
     # Always sorts ascending (so "col asc" and "col desc" share one cache entry);
     # descending is rendered by reading a tail window of this order in reverse.
     if inner_key is not None:
-        container = srv_utils.open_container(abspath)
-        arr = container.get(inner_key)
-        if arr is None or container.is_group(arr):
+        arr = srv_utils.open_container_member(abspath, inner_key)
+        if arr is None:
             raise ValueError("Cannot open container member")
+        if filter and isinstance(arr, blosc2.NDArray):
+            # blosc2's where fastpath re-opens the operand's urlpath, which for
+            # a TreeStore leaf is the whole .b2z ("Key must be a string" error);
+            # detach with an in-memory copy (cache-bounded, like .compute() below).
+            arr = arr.copy()
     else:
         arr = open_b2(abspath, path)
     sortby = sortby.strip() if sortby else None
 
-    if isinstance(arr, hdf5.HDF5Proxy):
-        # ponytail: HDF5Proxy has .indices()/.sort() (materialized, cache-safe)
-        # but no string-indexed LazyExpr → filter unsupported for now
-        has_ndfields = hasattr(arr, "fields") and arr.fields != {}
-        assert has_ndfields
-        assert not filter
-        idx = None
-        if sortby:
-            idx = arr.indices(sortby)
-            arr = arr.sort(sortby)
-        return arr, idx
+    if filter and isinstance(arr, hdf5.HDF5Proxy):
+        # HDF5Proxy supports slicing only; no string-indexed LazyExpr yet.
+        raise ValueError("Filtering is not supported for HDF5-backed datasets")
 
     if isinstance(arr, blosc2.CTable):
         # CTable has no .fields/.argsort; filtering isn't supported, only sort_by().
-        assert not filter
+        if filter:
+            raise ValueError("Filtering is not supported for this dataset type")
         if sortby:
             arr = arr.sort_by(sortby, view=True)
         return arr, None
 
     has_ndfields = hasattr(arr, "fields") and arr.fields != {}
-    assert has_ndfields
+    if not has_ndfields:
+        raise ValueError("Filtering/sorting is not supported for this dataset type")
     idx = None
 
     # Filter rows only for NDArray with fields
@@ -2077,22 +2073,14 @@ async def htmx_path_view(
     if hdf5_member and filter:
         return htmx_error(request, "Filtering is not supported for HDF5 container members.")
     if inner_key is not None and not (filter or sortby):
-        # Not explicitly closed: an HDF5 leaf needs its h5py.File open for the
-        # reads below (through the rest of this function); CPython drops it
-        # once `arr` goes out of scope at function return.
-        container = srv_utils.open_container(abspath)
-        if container is None:
-            return htmx_error(request, "Cannot open container member.")
-        arr = container.get(inner_key)
-        if arr is None or container.is_group(arr):
+        arr = srv_utils.open_container_member(abspath, inner_key)
+        if arr is None:
             return htmx_error(request, "Cannot open container member.")
         idx = None
     elif filter or sortby:
         try:
             mtime = abspath.stat().st_mtime
             arr, idx = get_filtered_array(abspath, path, filter, sortby, mtime, inner_key)
-        except AssertionError:
-            return htmx_error(request, "Filtering/sorting is not supported for this dataset type.")
         except TypeError as exc:
             return htmx_error(request, f"Error in filter: {exc}")
         except NameError as exc:
@@ -2105,6 +2093,10 @@ async def htmx_path_view(
             return htmx_error(request, f"SyntaxError: {exc}")
         except IndexError as exc:
             return htmx_error(request, f"IndexError: {exc}")
+        except (RuntimeError, OSError) as exc:
+            # e.g. a corrupt member frame in a .b2z (blosc2 RuntimeError) or a
+            # truncated HDF5 dataset (h5py OSError).
+            return htmx_error(request, f"Error reading dataset: {exc}")
         except AttributeError as exc:
             return htmx_error(
                 request,
@@ -2252,7 +2244,8 @@ def cell(value):
             rows = [tags[-1]] + list(arr)
         else:
             val = arr[()]
-            # ponytail: arr[()] may return 0-d ndarray (unhashable) not scalar
+            # blosc2.NDArray[()] returns a 0-d ndarray, not a scalar
+            # (HDF5Proxy[()] already returns a scalar)
             if isinstance(val, np.ndarray):
                 val = val.item()
             arr = [[val]]
diff --git a/caterva2/services/srv_utils.py b/caterva2/services/srv_utils.py
index 72cbe607..92edd19d 100644
--- a/caterva2/services/srv_utils.py
+++ b/caterva2/services/srv_utils.py
@@ -188,6 +188,23 @@ def open_container(abspath):
     return None
 
 
+def open_container_member(abspath, inner_key):
+    """The leaf at `inner_key` inside a container file, or ``None`` if the
+    container cannot be opened, the key does not exist, or it is a group.
+
+    The returned leaf stays readable after the adapter goes out of scope:
+    TreeStore leaves are independent objects, and an HDF5 leaf keeps its
+    h5py.File alive via the dataset reference (only an explicit ``.close()``
+    on the file invalidates it)."""
+    container = open_container(abspath)
+    if container is None:
+        return None
+    node = container.get(inner_key)
+    if node is None or container.is_group(node):
+        return None
+    return node
+
+
 def is_container_file(abspath):
     """Cheap "is this mountable?" probe for the web path-list hot path (runs
     per file per search keystroke), avoiding a full open where possible."""
diff --git a/caterva2/tests/test_ctable.py b/caterva2/tests/test_ctable.py
index 9d20fa9e..e9fb4dc2 100644
--- a/caterva2/tests/test_ctable.py
+++ b/caterva2/tests/test_ctable.py
@@ -447,8 +447,8 @@ def test_htmx_path_view_sort_by_ascending(client):
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x"})
     resp.raise_for_status()
     text = resp.text
-    x_positions = [text.index(f">{i}<") for i in range(5)]
-    assert x_positions == sorted(x_positions)
+    # x is the only integer <td> column (y renders as vN, row labels are <th>).
+    assert [int(v) for v in re.findall(r"<td>(\d+)</td>", text)] == [0, 1, 2, 3, 4]
     assert "&#9650;" in text  # ascending indicator on the active header
 
 
@@ -460,8 +460,8 @@ def test_htmx_path_view_sort_by_descending(client):
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x", "sortdir": "desc"})
     resp.raise_for_status()
     text = resp.text
-    x_positions = [text.index(f">{i}<") for i in range(5)]
-    assert x_positions == sorted(x_positions, reverse=True)
+    # x is the only integer <td> column (y renders as vN, row labels are <th>).
+    assert [int(v) for v in re.findall(r"<td>(\d+)</td>", text)] == [4, 3, 2, 1, 0]
     assert "&#9660;" in text  # descending indicator on the active header
 
 
@@ -497,7 +497,7 @@ def test_htmx_path_view_sort_by_unknown_field(fill_ctable_public, client):
     fname, root = fill_ctable_public
     path = f"{root.name}/{fname}"
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "nope"})
-    resp.raise_for_status()
+    assert resp.status_code == 400  # htmx error alert
     assert "Unknown field" in resp.text
 
 
@@ -526,8 +526,8 @@ def test_htmx_path_view_ndarray_sort_by_ascending(client):
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x"})
     resp.raise_for_status()
     text = resp.text
-    x_positions = [text.index(f"<td>{i}</td>") for i in range(6)]
-    assert x_positions == sorted(x_positions)
+    # <td> ints interleave x,y per row; [::2] picks the x column.
+    assert [int(v) for v in re.findall(r"<td>(\d+)</td>", text)[::2]] == list(range(6))
     assert "&#9650;" in text
 
 
@@ -538,8 +538,8 @@ def test_htmx_path_view_ndarray_sort_by_descending(client):
     resp = httpx.post(f"{client.urlbase}/htmx/path-view/{path}", data={"sortby": "x", "sortdir": "desc"})
     resp.raise_for_status()
     text = resp.text
-    x_positions = [text.index(f"<td>{i}</td>") for i in range(6)]
-    assert x_positions == sorted(x_positions, reverse=True)
+    # <td> ints interleave x,y per row; [::2] picks the x column.
+    assert [int(v) for v in re.findall(r"<td>(\d+)</td>", text)[::2]] == list(range(5, -1, -1))
     assert "&#9660;" in text
 
 
diff --git a/caterva2/tests/test_hdf5_tree.py b/caterva2/tests/test_hdf5_tree.py
index ed968731..0006b10d 100644
--- a/caterva2/tests/test_hdf5_tree.py
+++ b/caterva2/tests/test_hdf5_tree.py
@@ -255,6 +255,15 @@ def test_web_leaf_view_filter_unsupported(fill_h5_public, client):
     assert "not supported" in r.text
 
 
+def test_fetch_h5_member_filter_unsupported(fill_h5_public, client):
+    """/api/fetch with a filter on an HDF5 member gives a 400, not a 500 or
+    silently unfiltered data."""
+    fname, root = fill_h5_public
+    r = httpx.get(f"{client.urlbase}/api/fetch/{root.name}/{fname}/s/people", params={"filter": "x > 1"})
+    assert r.status_code == 400
+    assert "not supported" in r.text
+
+
 def test_web_leaf_view_sort_i4_no_fields(fill_h5_public, client):
     """Sort on a plain (no fields) HDF5 leaf = friendly 400, not 500."""
     fname, root = fill_h5_public
diff --git a/caterva2/tests/test_treestore.py b/caterva2/tests/test_treestore.py
index 2499cbe6..b805a3e2 100644
--- a/caterva2/tests/test_treestore.py
+++ b/caterva2/tests/test_treestore.py
@@ -246,6 +246,51 @@ def test_htmx_path_view_member_sort_desc(fill_tree_public, client):
     assert "&#9660;" in resp.text  # desc indicator
 
 
+def test_htmx_path_view_member_filter_only(fill_tree_public, client):
+    """Filter without sort on a structured TreeStore leaf (regression: blosc2's
+    where fastpath re-opened the leaf's urlpath — the whole .b2z — and crashed)."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    resp = httpx.post(f"{base}/htmx/path-view/{root.name}/{fname}/s/people", data={"filter": "x > 1"})
+    assert resp.status_code == 200
+    assert "<td>2</td>" in resp.text
+    assert "<td>3</td>" in resp.text
+    assert "<td>1</td>" not in resp.text  # the x == 1 row is filtered out
+
+
+def test_htmx_path_view_member_filter_and_sort(fill_tree_public, client):
+    """Filter combined with sort on a structured TreeStore leaf."""
+    fname, root = fill_tree_public
+    base = client.urlbase
+    resp = httpx.post(
+        f"{base}/htmx/path-view/{root.name}/{fname}/s/people",
+        data={"filter": "x > 1", "sortby": "y", "sortdir": "desc"},
+    )
+    assert resp.status_code == 200
+    # Rows with x > 1 sorted by y descending: (3, y=2.0) before (2, y=1.0).
+    assert resp.text.index("<td>3</td>") < resp.text.index("<td>2</td>")
+
+
+def test_fetch_member_filter(fill_tree_public, client):
+    """/api/fetch must honor the filter parameter on container members
+    (regression: it was silently ignored and the whole member returned)."""
+    fname, root = fill_tree_public
+    arr = client.get_slice(f"{root.name}/{fname}/s/people", "x > 1")
+    assert arr[:]["x"].tolist() == [2, 3]
+
+
+def test_htmx_path_view_bogus_member_sort_friendly_error(client):
+    """Sorting a member path inside a non-TreeStore .b2z gives a clear 400
+    (regression: AttributeError surfaced as a bogus 'Invalid filter' message)."""
+    dest_dir = pathlib.Path(TEST_STATE_DIR) / "server/public"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    (dest_dir / "bogus2.b2z").write_text("not a blosc2 container")
+    root = client.get(TEST_CATERVA2_ROOT)
+    resp = httpx.post(f"{client.urlbase}/htmx/path-view/{root.name}/bogus2.b2z/x", data={"sortby": "x"})
+    assert resp.status_code == 400
+    assert "Cannot open container member" in resp.text
+
+
 def test_htmx_path_view_member_i4_no_fields(fill_tree_public, client):
     """Sort/filter on a plain (no fields) TreeStore leaf gives friendly 400, not 500."""
     fname, root = fill_tree_public

From 454b032a9d12b823b627b8d6140a70da2ffe2d08 Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 18:27:38 +0200
Subject: [PATCH 22/23] [WebUI] Mouse/touch scroll is supported in Datasets and
 Display panels

---
 caterva2/services/static/build/manifest.json |  4 +-
 caterva2/services/templates/info_view.html   | 21 ++++++++
 caterva2/services/templates/path_list.html   |  2 +-
 src/main.js                                  | 50 ++++++++++++++++++++
 src/main.scss                                | 29 ++++++++++++
 5 files changed, 103 insertions(+), 3 deletions(-)

diff --git a/caterva2/services/static/build/manifest.json b/caterva2/services/static/build/manifest.json
index e7651087..6a536fc1 100644
--- a/caterva2/services/static/build/manifest.json
+++ b/caterva2/services/static/build/manifest.json
@@ -1,11 +1,11 @@
 {
   "src/main.js": {
-    "file": "main-kisiQzE-.js",
+    "file": "main-D_V0cpPS.js",
     "name": "main",
     "src": "src/main.js",
     "isEntry": true,
     "css": [
-      "main-B-RgYrkP.css"
+      "main-D82NxnGE.css"
     ]
   }
 }
diff --git a/caterva2/services/templates/info_view.html b/caterva2/services/templates/info_view.html
index 24b5c172..b3298ccd 100644
--- a/caterva2/services/templates/info_view.html
+++ b/caterva2/services/templates/info_view.html
@@ -66,6 +66,18 @@
     {% endif %}
 </form>
 
+{% set ns = namespace(dim=none) %}
+{% for input in inputs %}
+{% if ns.dim is none and input.size < input.size_max %}
+{% set ns.dim = loop.index0 %}
+{% set ns.start = input.start %}
+{% set ns.size = input.size %}
+{% set ns.size_max = input.size_max %}
+{% endif %}
+{% endfor %}
+
+<div class="d-flex gap-2">
+<div class="table-responsive flex-grow-1">
 <table class="table table-sm">
     <tbody>
     <tr>
@@ -113,6 +125,15 @@
     {% endif %}
     </tbody>
 </table>
+</div>
+{% if ns.dim is not none %}
+<div class="info-view-scrollbar" title="dim {{ ns.dim }} position: {{ ns.start }}-{{ ns.start + ns.size }} of {{ ns.size_max }}">
+    <div class="info-view-scrollbar-thumb"
+         style="top: {{ (ns.start / ns.size_max * 100) }}%; height: {{ [(ns.size / ns.size_max * 100), 4] | max }}%;">
+    </div>
+</div>
+{% endif %}
+</div>
 
 <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasFilterHelp" aria-labelledby="offcanvasFilterHelpLabel" style="width: 600px">
   <div class="offcanvas-header">
diff --git a/caterva2/services/templates/path_list.html b/caterva2/services/templates/path_list.html
index c3515721..55634533 100644
--- a/caterva2/services/templates/path_list.html
+++ b/caterva2/services/templates/path_list.html
@@ -12,7 +12,7 @@ <h5>Datasets:</h5>
        >
 
 <!-- Datasets list -->
-<div class="h-75 overflow-scroll mt-1" id="dataset-list">
+<div class="mt-1" id="dataset-list">
     {% for dataset in datasets %}
     <div class="input-group">
         {% if user %}
diff --git a/src/main.js b/src/main.js
index 278225f5..bb01e6d7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -252,6 +252,56 @@ function stopSpinner() {
 }
 
 
+// Wheel over the data table pages the dim-0 window via its htmx-wired input
+let wheelBusy = false;
+document.addEventListener('wheel', (ev) => {
+    const table = ev.target.closest('#info-view table');
+    if (!table) return;
+    const input = document.querySelector('#info-view-form input[name="index"]:not([readonly])');
+    if (!input) return;              // whole dim fits: nothing to page
+    ev.preventDefault();             // don't also scroll the page
+    if (wheelBusy) return;           // one page per gesture / in-flight request
+    wheelBusy = true;
+    setTimeout(() => { wheelBusy = false; }, 300);
+    const before = input.value;
+    ev.deltaY > 0 ? input.stepUp() : input.stepDown();  // step == window size, clamped to min/max
+    if (input.value !== before) htmx.trigger(input, 'change');
+}, { passive: false });
+
+// Drag the lateral position bar in the Display tab to seek within the dataset.
+// Pointer events (not mouse events) so this also works with touch/pen.
+document.addEventListener('pointerdown', (ev) => {
+    const bar = ev.target.closest('.info-view-scrollbar');
+    if (!bar) return;
+    const input = document.querySelector('#info-view-form input[name="index"]:not([readonly])');
+    if (!input) return;
+    ev.preventDefault();  // no text-selection drag artifacts
+    bar.setPointerCapture(ev.pointerId);  // keep tracking even if pointer leaves the bar
+    bar.classList.add('dragging');
+    const max = Number(input.max), step = Number(input.step);
+    const sizeMax = max + step;
+    const seek = (clientY) => {
+        const rect = bar.getBoundingClientRect();
+        const frac = Math.min(1, Math.max(0, (clientY - rect.top) / rect.height));
+        const start = Math.min(max, Math.round(frac * sizeMax / step) * step);
+        if (String(start) !== input.value) {
+            input.value = start;
+            htmx.trigger(input, 'change');
+        }
+    };
+    seek(ev.clientY);
+    const onMove = (e) => seek(e.clientY);
+    const onUp = () => {
+        bar.classList.remove('dragging');
+        bar.removeEventListener('pointermove', onMove);
+        bar.removeEventListener('pointerup', onUp);
+        bar.removeEventListener('pointercancel', onUp);
+    };
+    bar.addEventListener('pointermove', onMove);
+    bar.addEventListener('pointerup', onUp);
+    bar.addEventListener('pointercancel', onUp);
+});
+
 window.activate = activate;
 window.clearContent = clearContent;
 window.openTab = openTab;
diff --git a/src/main.scss b/src/main.scss
index 19f2e028..a944e478 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -145,3 +145,32 @@ body {
 .file_upload .htmx-request i {
     display: none;
 }
+
+#dataset-list {
+    max-height: 70vh;
+    overflow-y: auto;
+}
+
+.info-view-scrollbar {
+    position: relative;
+    width: 6px;
+    align-self: stretch;
+    min-height: 100px;
+    background: #e9ecef;
+    border-radius: 3px;
+    cursor: grab;
+    touch-action: none;
+}
+
+.info-view-scrollbar.dragging {
+    cursor: grabbing;
+}
+
+.info-view-scrollbar-thumb {
+    position: absolute;
+    left: 0;
+    right: 0;
+    min-height: 4px;
+    background: $primary;
+    border-radius: 3px;
+}

From 622536429250ebe932bd95db33fa78bd11486aeb Mon Sep 17 00:00:00 2001
From: Francesc Alted <francesc@blosc.org>
Date: Fri, 3 Jul 2026 19:05:55 +0200
Subject: [PATCH 23/23] Add click-to-select + arrow-key navigation for datasets
 and data rows

Datasets panel: clicking a row highlights it as the keyboard cursor
(separate from the teal "loaded" indicator); Up/Down move the cursor
and focus its link so Enter loads it, starting from whichever dataset
is already active if no cursor has been set yet.

Display tab: clicking a data row highlights it; Up/Down move the
highlight within the loaded window and page in the adjacent window
at the edges, continuing the highlight into it.

Reuses Bootstrap's border/table-active utilities, no new CSS beyond
suppressing the default focus outline on dataset links in favor of
the row border.
---
 caterva2/services/static/build/manifest.json |  4 +-
 caterva2/services/templates/info_view.html   |  2 +-
 src/main.js                                  | 95 ++++++++++++++++++++
 src/main.scss                                |  9 ++
 4 files changed, 107 insertions(+), 3 deletions(-)

diff --git a/caterva2/services/static/build/manifest.json b/caterva2/services/static/build/manifest.json
index 6a536fc1..c7c23400 100644
--- a/caterva2/services/static/build/manifest.json
+++ b/caterva2/services/static/build/manifest.json
@@ -1,11 +1,11 @@
 {
   "src/main.js": {
-    "file": "main-D_V0cpPS.js",
+    "file": "main-RJU3caZu.js",
     "name": "main",
     "src": "src/main.js",
     "isEntry": true,
     "css": [
-      "main-D82NxnGE.css"
+      "main-q5uDPSg5.css"
     ]
   }
 }
diff --git a/caterva2/services/templates/info_view.html b/caterva2/services/templates/info_view.html
index b3298ccd..8cb45e8a 100644
--- a/caterva2/services/templates/info_view.html
+++ b/caterva2/services/templates/info_view.html
@@ -113,7 +113,7 @@
         </tr>
 
         {% for i in range(1, rows|length) %}
-            <tr>
+            <tr class="data-row" data-row-index="{{ i - 1 }}">
             {% if tags|length != 0 %}
                 <th>{{ tags[i-1] }}</th>
             {% endif %}
diff --git a/src/main.js b/src/main.js
index bb01e6d7..fefaa604 100644
--- a/src/main.js
+++ b/src/main.js
@@ -302,6 +302,101 @@ document.addEventListener('pointerdown', (ev) => {
     bar.addEventListener('pointercancel', onUp);
 });
 
+// Row selection + arrow-key navigation for the Datasets panel and the Display data table.
+// Arrows just move the highlight (dataset list) except at the Display table's window
+// edge, where they page in the adjacent window (dataset list never auto-loads).
+let lastRowPanel = null; // 'datasets' | 'display'
+let pendingRowEdge = null; // 'first' | 'last' | null, set right before paging past a window edge
+
+document.addEventListener('click', (ev) => {
+    const datasetRow = ev.target.closest('#dataset-list .input-group');
+    if (datasetRow) {
+        document.querySelectorAll('#dataset-list .input-group.border-primary')
+            .forEach(r => r.classList.remove('border', 'border-primary'));
+        datasetRow.classList.add('border', 'border-primary');
+        lastRowPanel = 'datasets';
+        return;
+    }
+    const dataRow = ev.target.closest('#info-view table tr.data-row');
+    if (dataRow) {
+        dataRow.closest('table').querySelectorAll('tr.table-active')
+            .forEach(r => r.classList.remove('table-active'));
+        dataRow.classList.add('table-active');
+        lastRowPanel = 'display';
+    }
+});
+
+document.addEventListener('keydown', (ev) => {
+    if (ev.key !== 'ArrowDown' && ev.key !== 'ArrowUp') return;
+    if (document.activeElement.matches('input, textarea')) return;  // native inputs keep their own arrow behavior
+
+    // Before any click/arrow-move sets a cursor row, start from whichever dataset
+    // is already loaded (the .active teal link) instead of defaulting to first/last.
+    const panel = lastRowPanel
+        || (document.querySelector('#dataset-list a.active') ? 'datasets' : null);
+
+    if (panel === 'datasets') {
+        const rows = [...document.querySelectorAll('#dataset-list .input-group')];
+        if (rows.length === 0) return;
+        const current = document.querySelector('#dataset-list .input-group.border-primary')
+            || document.querySelector('#dataset-list a.active')?.closest('.input-group');
+        const idx = current ? rows.indexOf(current) : -1;
+        ev.preventDefault();
+        const next = idx === -1
+            ? (ev.key === 'ArrowDown' ? rows[0] : rows[rows.length - 1])
+            : rows[ev.key === 'ArrowDown' ? Math.min(idx + 1, rows.length - 1) : Math.max(idx - 1, 0)];
+        rows.forEach(r => r.classList.remove('border', 'border-primary'));
+        next.classList.add('border', 'border-primary');
+        next.scrollIntoView({block: 'nearest'});
+        next.querySelector('a')?.focus({preventScroll: true});  // so Enter loads it (native link activation)
+    } else if (panel === 'display') {
+        const table = document.querySelector('#info-view table');
+        if (!table) return;
+        const rows = [...table.querySelectorAll('tr.data-row')];
+        if (rows.length === 0) return;
+        const current = table.querySelector('tr.data-row.table-active');
+        const idx = current ? rows.indexOf(current) : -1;
+        ev.preventDefault();
+
+        if (idx === -1) {
+            const row = ev.key === 'ArrowDown' ? rows[0] : rows[rows.length - 1];
+            row.classList.add('table-active');
+            row.scrollIntoView({block: 'nearest'});
+        } else if (ev.key === 'ArrowDown' && idx < rows.length - 1) {
+            rows[idx].classList.remove('table-active');
+            rows[idx + 1].classList.add('table-active');
+            rows[idx + 1].scrollIntoView({block: 'nearest'});
+        } else if (ev.key === 'ArrowUp' && idx > 0) {
+            rows[idx].classList.remove('table-active');
+            rows[idx - 1].classList.add('table-active');
+            rows[idx - 1].scrollIntoView({block: 'nearest'});
+        } else {
+            // already at the loaded window's edge: page to the adjacent window
+            const input = document.querySelector('#info-view-form input[name="index"]:not([readonly])');
+            if (!input) return;
+            const before = input.value;
+            ev.key === 'ArrowDown' ? input.stepUp() : input.stepDown();
+            if (input.value !== before) {
+                pendingRowEdge = ev.key === 'ArrowDown' ? 'first' : 'last';
+                htmx.trigger(input, 'change');
+            }
+        }
+    }
+});
+
+// After paging a row selection past the loaded window's edge, land the highlight
+// on the near edge of the freshly-swapped-in window (continuous scroll-through-data).
+document.body.addEventListener('htmx:afterSwap', (ev) => {
+    if (ev.target.id !== 'info-view' || !pendingRowEdge) return;
+    const rows = [...ev.target.querySelectorAll('tr.data-row')];
+    const row = pendingRowEdge === 'first' ? rows[0] : rows[rows.length - 1];
+    if (row) {
+        row.classList.add('table-active');
+        row.scrollIntoView({block: 'nearest'});
+    }
+    pendingRowEdge = null;
+});
+
 window.activate = activate;
 window.clearContent = clearContent;
 window.openTab = openTab;
diff --git a/src/main.scss b/src/main.scss
index a944e478..7d7e1c6f 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -151,6 +151,15 @@ body {
     overflow-y: auto;
 }
 
+#dataset-list a:focus {
+    // the row's own border-primary highlight already shows what's focused
+    outline: none;
+}
+
+tr.data-row {
+    cursor: pointer;
+}
+
 .info-view-scrollbar {
     position: relative;
     width: 6px;