diff --git a/manatools/aui/backends/__init__.py b/manatools/aui/backends/__init__.py
index 5dd4929..6bc6152 100644
--- a/manatools/aui/backends/__init__.py
+++ b/manatools/aui/backends/__init__.py
@@ -12,7 +12,7 @@
 _logger = logging.getLogger("manatools.aui.backends")
 
 # advertised subpackages (may be absent if not installed)
-__all__ = ["gtk", "qt", "ncurses"]
+__all__ = ["gtk", "qt", "ncurses", "web"]
 
 def __getattr__(name: str) -> ModuleType:
     """
diff --git a/manatools/aui/backends/qt/replacepointqt.py b/manatools/aui/backends/qt/replacepointqt.py
index eb20cf1..746c938 100644
--- a/manatools/aui/backends/qt/replacepointqt.py
+++ b/manatools/aui/backends/qt/replacepointqt.py
@@ -210,13 +210,13 @@ def _attach_child_backend(self):
                     except Exception:
                         pass
                 except Exception:
-                    # fallback: try remove any previous parent then add
+                    # fallback: widget may already be in the layout; check indexOf
+                    # before re-adding.  Never call setParent(None) on a visible
+                    # widget — that promotes it to a top-level window (popup).
                     try:
-                        try:
-                            cw.setParent(None)
-                        except Exception:
-                            pass
-                        self._layout.addWidget(cw)
+                        if self._layout.indexOf(cw) < 0:
+                            cw.setParent(self._backend_widget)
+                            self._layout.addWidget(cw)
                     except Exception:
                         self._logger.exception("_attach_child_backend: addWidget fallback failed")
                 # Encourage the child to expand so content becomes visible
diff --git a/manatools/aui/backends/qt/tableqt.py b/manatools/aui/backends/qt/tableqt.py
index e1f3258..5d89a15 100644
--- a/manatools/aui/backends/qt/tableqt.py
+++ b/manatools/aui/backends/qt/tableqt.py
@@ -383,20 +383,23 @@ class YTableQt(YSelectionWidget):
     """
 
     def __init__(self, parent, header: YTableHeader, multiSelection=False):
-        super().__init__(parent)
+        # All instance attributes must be set BEFORE super().__init__(parent).
+        # YWidget.__init__ calls parent.addChild(self), which causes
+        # YDumbTabQt.addChild → get_backend_widget() → _create_backend_widget()
+        # while this constructor is still executing.  _create_backend_widget()
+        # must find every attribute it reads already in place.
+        if header is None:
+            raise ValueError("YTableQt requires a YTableHeader")
         self._header = header
         self._multi = bool(multiSelection)
         # Force single-selection when any checkbox column is present.
-        if self._header is not None:
-            try:
-                for c_idx in range(self._header.columns()):
-                    if self._header.isCheckboxColumn(c_idx):
-                        self._multi = False
-                        break
-            except Exception:
-                pass
-        else:
-            raise ValueError("YTableQt requires a YTableHeader")
+        try:
+            for c_idx in range(self._header.columns()):
+                if self._header.isCheckboxColumn(c_idx):
+                    self._multi = False
+                    break
+        except Exception:
+            pass
 
         self._view = None    # QTableView
         self._model = None   # _YTableModel
@@ -407,6 +410,8 @@ def __init__(self, parent, header: YTableHeader, multiSelection=False):
         self._logger = logging.getLogger(f"manatools.aui.qt.{self.__class__.__name__}")
         self._changed_item = None
 
+        super().__init__(parent)  # may trigger _create_backend_widget via addChild
+
     def widgetClass(self):
         return "YTable"
 
@@ -512,8 +517,8 @@ def rebuildTable(self):
         beginResetModel/endResetModel does not create any widgets — the view
         repaints only the visible viewport (O(visible×cols)).
         """
-        self._logger.debug("rebuildTable: %d items",
-                           len(self._items) if self._items else 0)
+        _items = getattr(self, '_items', None) or []
+        self._logger.debug("rebuildTable: %d items", len(_items))
         if self._model is None:
             self._create_backend_widget()
             return  # _create_backend_widget calls rebuildTable recursively
diff --git a/manatools/aui/backends/qt/treeqt.py b/manatools/aui/backends/qt/treeqt.py
index a9dde92..3dff3ef 100644
--- a/manatools/aui/backends/qt/treeqt.py
+++ b/manatools/aui/backends/qt/treeqt.py
@@ -24,13 +24,15 @@ class YTreeQt(YSelectionWidget):
     - recursiveSelection if it should select children recursively
     """
     def __init__(self, parent=None, label="", multiSelection=False, recursiveSelection=False):
-        super().__init__(parent)
+        # All instance attributes must be set BEFORE super().__init__(parent).
+        # YDumbTabQt.addChild calls get_backend_widget() synchronously when
+        # its content area already exists, which triggers _create_backend_widget()
+        # before the subclass constructor has had a chance to set its own attrs.
         self._label = label
         self._multi = bool(multiSelection)
         self._recursive = bool(recursiveSelection)
         if self._recursive:
             self._multi = True  # recursive selection implies multi-selection
-        self._immediate = self.notify()
         self._backend_widget = None
         self._tree_widget = None
         # mappings between QTreeWidgetItem and logical YTreeItem (python objects in self._items)
@@ -42,7 +44,10 @@ def __init__(self, parent=None, label="", multiSelection=False, recursiveSelecti
         self._last_selected_qitems = set()
         # track logical selected item ids to preserve across rebuilds/swaps
         self._last_selected_ids = set()
-        self._logger = logging.getLogger(f"manatools.aui.qt.{self.__class__.__name__}")            
+        self._logger = logging.getLogger(f"manatools.aui.qt.{self.__class__.__name__}")
+
+        super().__init__(parent)  # may trigger _create_backend_widget via YDumbTabQt.addChild
+        self._immediate = self.notify()
 
     def widgetClass(self):
         return "YTree"
@@ -83,7 +88,8 @@ def rebuildTree(self):
 
     def _rebuildTree(self):
         """Rebuild the QTreeWidget from self._items (calls helper recursively)."""
-        self._logger.debug("rebuildTree: rebuilding tree with %d items", len(self._items) if self._items else 0)
+        _items = getattr(self, '_items', None) or []
+        self._logger.debug("rebuildTree: rebuilding tree with %d items", len(_items))
         self._suppress_selection_handler = True
         if self._tree_widget is None:
             # ensure backend exists
diff --git a/manatools/aui/backends/web/README.md b/manatools/aui/backends/web/README.md
new file mode 100755
index 0000000..f326bf3
--- /dev/null
+++ b/manatools/aui/backends/web/README.md
@@ -0,0 +1,212 @@
+# ManaTools Web Backend
+
+A web-based backend for python-manatools AUI that renders applications in a web browser via HTTP/WebSocket.
+
+## Overview
+
+This package adds a new `web` backend to python-manatools, allowing any ManaTools application to be accessed through a web browser without any code changes.
+
+## Usage
+
+### Running with Web Backend
+
+Set the `MUI_BACKEND` environment variable to `web`:
+
+```bash
+# Linux/macOS
+export MUI_BACKEND=web
+python your_app.py
+
+# Windows (Command Prompt)
+set MUI_BACKEND=web
+python your_app.py
+
+# Windows (PowerShell)
+$env:MUI_BACKEND="web"
+python your_app.py
+```
+
+When the application starts, it will display a URL:
+
+```
+==================================================
+  Dialog available at: http://127.0.0.1:8080/
+  Open this URL in your web browser
+==================================================
+```
+
+Open this URL in any modern web browser to interact with the application.
+
+### Application Code
+
+No changes are needed to your application code! The same code works with Qt, GTK, curses, or web backend:
+
+```python
+from manatools.aui.yui import YUI
+
+factory = YUI.widgetFactory()
+dialog = factory.createMainDialog()
+vbox = factory.createVBox(dialog)
+
+factory.createLabel(vbox, "Hello, World!")
+button = factory.createPushButton(vbox, "&OK")
+
+dialog.open()
+
+while True:
+    event = dialog.waitForEvent()
+    if event.widget() == button:
+        break
+
+dialog.destroy()
+```
+
+## Architecture
+
+```
+Browser (HTML/CSS/JS)
+        │
+        │ WebSocket / HTTP
+        ▼
+┌─────────────────────────────┐
+│      WebServer (Python)      │
+│   - HTTP: Serve HTML/CSS/JS  │
+│   - WebSocket: Real-time     │
+└─────────────┬───────────────┘
+              │
+              ▼
+┌─────────────────────────────┐
+│      YDialogWeb              │
+│   - Event queue              │
+│   - Widget tree → HTML       │
+│   - waitForEvent() blocks    │
+└─────────────────────────────┘
+```
+
+## Widget Support
+
+All standard ManaTools widgets are supported:
+
+| Widget | Status | Notes |
+|--------|--------|-------|
+| YDialog | ✅ | Main and popup dialogs |
+| YVBox, YHBox | ✅ | Layout containers |
+| YLabel | ✅ | Text and headings |
+| YPushButton | ✅ | With icons and shortcuts |
+| YInputField | ✅ | Text and password mode |
+| YCheckBox | ✅ | |
+| YRadioButton | ✅ | |
+| YComboBox | ✅ | Dropdown selection |
+| YSelectionBox | ✅ | List selection |
+| YFrame | ✅ | Grouped content |
+| YCheckBoxFrame | ✅ | Toggleable frame |
+| YProgressBar | ✅ | |
+| YSlider | ✅ | |
+| YTable | ✅ | |
+| YTree | ✅ | |
+| YRichText | ✅ | HTML content |
+| YMenuBar | ✅ | |
+| YImage | ✅ | |
+| YIntField | ✅ | Number input |
+| YDateField | ✅ | Date picker |
+| YTimeField | ✅ | Time picker |
+| YMultiLineEdit | ✅ | Textarea |
+| YLogView | ✅ | Log display |
+| YDumbTab | ✅ | Tab bar |
+| YPaned | ✅ | Split panes |
+| YSpacing | ✅ | Layout spacing |
+| YAlignment | ✅ | Content alignment |
+| YReplacePoint | ✅ | Dynamic content |
+
+## File Structure
+
+```
+manatools/aui/
+├── yui.py              # Modified: Added Backend.WEB
+├── yui_web.py          # NEW: YUIWeb, YWidgetFactoryWeb, YApplicationWeb
+└── backends/
+    ├── __init__.py     # Modified: Added "web" to __all__
+    └── web/            # NEW: All web backend files
+        ├── __init__.py
+        ├── commonweb.py
+        ├── server.py
+        ├── dialogweb.py
+        ├── vboxweb.py
+        ├── hboxweb.py
+        ├── labelweb.py
+        ├── pushbuttonweb.py
+        ├── inputfieldweb.py
+        ├── checkboxweb.py
+        ├── comboboxweb.py
+        ├── selectionboxweb.py
+        ├── frameweb.py
+        ├── progressbarweb.py
+        ├── alignmentweb.py
+        ├── spacingweb.py
+        ├── treeweb.py
+        ├── tableweb.py
+        ├── richtextweb.py
+        ├── menubarweb.py
+        ├── replacepointweb.py
+        ├── checkboxframeweb.py
+        ├── radiobuttonweb.py
+        ├── intfieldweb.py
+        ├── multilineditweb.py
+        ├── imageweb.py
+        ├── dumbtabweb.py
+        ├── sliderweb.py
+        ├── datefieldweb.py
+        ├── timefieldweb.py
+        ├── logviewweb.py
+        ├── panedweb.py
+        └── static/
+            ├── css/
+            │   └── manatools.css
+            └── js/
+                └── manatools.js
+```
+
+## Browser Support
+
+- Chrome/Chromium (recommended)
+- Firefox
+- Safari
+- Edge
+
+WebSocket is required for real-time updates. Falls back to HTTP POST for older browsers.
+
+## Configuration
+
+The web server binds to `127.0.0.1` (localhost only) by default. To allow remote access, modify `server.py`:
+
+```python
+self._server = WebServer(self, host="0.0.0.0", port=8080)
+```
+
+⚠️ **Security Warning**: Allowing remote access exposes your application to the network. Consider adding authentication for production use.
+
+## Dependencies
+
+**None!** The web backend uses only Python standard library:
+- `http.server` - HTTP serving
+- `threading` - Background server
+- `queue` - Event queue
+- `json` - WebSocket messages
+- `hashlib`, `base64`, `struct` - WebSocket protocol
+
+## Limitations
+
+- File dialogs (`askForExistingFile`, etc.) are not supported in the browser
+- Window positioning/sizing is handled by the browser
+- System tray integration is not available
+- Native menus use HTML menus instead
+
+## License
+
+LGPLv2+ (same as python-manatools)
+
+## Author
+
+Matteo Pasotti <xquiet@coriolite.com>
+
+Based on python-manatools by Angelo Naselli <anaselli@linux.it>
diff --git a/manatools/aui/backends/web/__init__.py b/manatools/aui/backends/web/__init__.py
new file mode 100755
index 0000000..4acb1bc
--- /dev/null
+++ b/manatools/aui/backends/web/__init__.py
@@ -0,0 +1,68 @@
+"""
+Web backend widget implementations for ManaTools AUI.
+
+This package provides HTML/WebSocket-based widget implementations
+that can be accessed via a web browser.
+"""
+
+from .dialogweb import YDialogWeb
+from .vboxweb import YVBoxWeb
+from .hboxweb import YHBoxWeb
+from .labelweb import YLabelWeb
+from .pushbuttonweb import YPushButtonWeb
+from .inputfieldweb import YInputFieldWeb
+from .checkboxweb import YCheckBoxWeb
+from .comboboxweb import YComboBoxWeb
+from .selectionboxweb import YSelectionBoxWeb
+from .frameweb import YFrameWeb
+from .progressbarweb import YProgressBarWeb
+from .alignmentweb import YAlignmentWeb
+from .spacingweb import YSpacingWeb
+from .treeweb import YTreeWeb
+from .tableweb import YTableWeb
+from .richtextweb import YRichTextWeb
+from .menubarweb import YMenuBarWeb
+from .replacepointweb import YReplacePointWeb
+from .checkboxframeweb import YCheckBoxFrameWeb
+from .radiobuttonweb import YRadioButtonWeb
+from .intfieldweb import YIntFieldWeb
+from .multilineditweb import YMultiLineEditWeb
+from .imageweb import YImageWeb
+from .dumbtabweb import YDumbTabWeb
+from .sliderweb import YSliderWeb
+from .datefieldweb import YDateFieldWeb
+from .timefieldweb import YTimeFieldWeb
+from .logviewweb import YLogViewWeb
+from .panedweb import YPanedWeb
+
+__all__ = [
+    "YDialogWeb",
+    "YVBoxWeb",
+    "YHBoxWeb",
+    "YLabelWeb",
+    "YPushButtonWeb",
+    "YInputFieldWeb",
+    "YCheckBoxWeb",
+    "YComboBoxWeb",
+    "YSelectionBoxWeb",
+    "YFrameWeb",
+    "YProgressBarWeb",
+    "YAlignmentWeb",
+    "YSpacingWeb",
+    "YTreeWeb",
+    "YTableWeb",
+    "YRichTextWeb",
+    "YMenuBarWeb",
+    "YReplacePointWeb",
+    "YCheckBoxFrameWeb",
+    "YRadioButtonWeb",
+    "YIntFieldWeb",
+    "YMultiLineEditWeb",
+    "YImageWeb",
+    "YDumbTabWeb",
+    "YSliderWeb",
+    "YDateFieldWeb",
+    "YTimeFieldWeb",
+    "YLogViewWeb",
+    "YPanedWeb",
+]
diff --git a/manatools/aui/backends/web/alignmentweb.py b/manatools/aui/backends/web/alignmentweb.py
new file mode 100755
index 0000000..791ce26
--- /dev/null
+++ b/manatools/aui/backends/web/alignmentweb.py
@@ -0,0 +1,70 @@
+"""
+Web backend Alignment implementation.
+"""
+
+from ...yui_common import YSingleChildContainerWidget, YAlignmentType
+from .commonweb import widget_attrs
+
+
+class YAlignmentWeb(YSingleChildContainerWidget):
+    """Alignment container widget."""
+    
+    def __init__(self, parent=None, horAlign=YAlignmentType.YAlignUnchanged, vertAlign=YAlignmentType.YAlignUnchanged):
+        super().__init__(parent)
+        self._hor_align = horAlign
+        self._vert_align = vertAlign
+        self._min_width = 0
+        self._min_height = 0
+    
+    def widgetClass(self):
+        return "YAlignment"
+    
+    def setMinWidth(self, min_width: int):
+        self._min_width = max(0, int(min_width))
+    
+    def setMinHeight(self, min_height: int):
+        self._min_height = max(0, int(min_height))
+    
+    def setMinSize(self, min_width: int, min_height: int):
+        self.setMinWidth(min_width)
+        self.setMinHeight(min_height)
+    
+    def render(self) -> str:
+        # Map alignment to CSS
+        align_map = {
+            YAlignmentType.YAlignUnchanged: "stretch",
+            YAlignmentType.YAlignBegin: "flex-start",
+            YAlignmentType.YAlignEnd: "flex-end",
+            YAlignmentType.YAlignCenter: "center",
+        }
+        
+        h_align = align_map.get(self._hor_align, "stretch")
+        v_align = align_map.get(self._vert_align, "stretch")
+        
+        style_parts = [
+            f"justify-content: {h_align}",
+            f"align-items: {v_align}",
+        ]
+        
+        if self._min_width > 0:
+            style_parts.append(f"min-width: {self._min_width}px")
+        if self._min_height > 0:
+            style_parts.append(f"min-height: {self._min_height}px")
+        
+        style = "; ".join(style_parts)
+        
+        extra_attrs = {"style": style}
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YAlignment",
+            True,
+            self._visible,
+            extra_attrs=extra_attrs
+        )
+        
+        content = ""
+        if self.child():
+            content = self.child().render()
+        
+        return f'<div {attrs}>{content}</div>'
diff --git a/manatools/aui/backends/web/checkboxframeweb.py b/manatools/aui/backends/web/checkboxframeweb.py
new file mode 100755
index 0000000..562030f
--- /dev/null
+++ b/manatools/aui/backends/web/checkboxframeweb.py
@@ -0,0 +1,56 @@
+"""Web backend CheckBoxFrame implementation."""
+from ...yui_common import YSingleChildContainerWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YCheckBoxFrameWeb(YSingleChildContainerWidget):
+    """Frame with a checkbox in the legend that enables/disables content."""
+    def __init__(self, parent=None, label: str = "", checked: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._checked = checked
+    
+    def widgetClass(self):
+        return "YCheckBoxFrame"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def isChecked(self) -> bool:
+        return self._checked
+    
+    def setChecked(self, checked: bool = True):
+        self._checked = bool(checked)
+        self._notify_update()
+    
+    def value(self) -> bool:
+        return self._checked
+    
+    def setValue(self, checked: bool):
+        self.setChecked(checked)
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        attrs = widget_attrs(self.id(), "YCheckBoxFrame", self._enabled, self._visible)
+        
+        checked_attr = " checked" if self._checked else ""
+        label_html = format_label_with_shortcut(self._label)
+        
+        legend = f'''<legend class="mana-checkboxframe-legend">
+            <input type="checkbox" class="mana-checkboxframe-toggle"{checked_attr}>
+            <span>{label_html}</span>
+        </legend>'''
+        
+        content = ""
+        if self.child():
+            content = self.child().render()
+        
+        disabled_class = "" if self._checked else " mana-disabled"
+        return f'<fieldset {attrs}>{legend}<div class="mana-checkboxframe-content{disabled_class}">{content}</div></fieldset>'
diff --git a/manatools/aui/backends/web/checkboxweb.py b/manatools/aui/backends/web/checkboxweb.py
new file mode 100755
index 0000000..5a924db
--- /dev/null
+++ b/manatools/aui/backends/web/checkboxweb.py
@@ -0,0 +1,71 @@
+"""
+Web backend CheckBox implementation.
+"""
+
+from ...yui_common import YWidget, YCheckBoxState
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+
+class YCheckBoxWeb(YWidget):
+    """Checkbox widget."""
+    
+    def __init__(self, parent=None, label: str = "", is_checked: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._checked = is_checked
+        self._tri_state = False
+    
+    def widgetClass(self):
+        return "YCheckBox"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def isChecked(self) -> bool:
+        return self._checked
+    
+    def setChecked(self, checked: bool = True):
+        self._checked = bool(checked)
+        self._notify_update()
+    
+    def value(self) -> YCheckBoxState:
+        if self._checked:
+            return YCheckBoxState.YCheckBox_on
+        return YCheckBoxState.YCheckBox_off
+    
+    def setValue(self, state):
+        if isinstance(state, YCheckBoxState):
+            self._checked = state == YCheckBoxState.YCheckBox_on
+        else:
+            self._checked = bool(state)
+        self._notify_update()
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        extra_attrs = {
+            "type": "checkbox",
+            "checked": self._checked,
+        }
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YCheckBox",
+            self._enabled,
+            self._visible,
+            extra_attrs=extra_attrs
+        )
+        
+        label_html = format_label_with_shortcut(self._label)
+        
+        return f'''<label class="mana-checkbox-wrapper">
+    <input {attrs}>
+    <span class="mana-checkbox-label">{label_html}</span>
+</label>'''
diff --git a/manatools/aui/backends/web/comboboxweb.py b/manatools/aui/backends/web/comboboxweb.py
new file mode 100755
index 0000000..64f479f
--- /dev/null
+++ b/manatools/aui/backends/web/comboboxweb.py
@@ -0,0 +1,183 @@
+# -*- coding: utf-8 -*-
+"""
+Web backend ComboBox implementation.
+
+Author: Matteo Pasotti <xquiet@coriolite.com>
+
+License: LGPLv2+
+
+"""
+import html as _html
+from ...yui_common import YSelectionWidget, YItem
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+
+class YComboBoxWeb(YSelectionWidget):
+    """Dropdown combo box widget."""
+
+    def __init__(self, parent=None, label: str = "", editable: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._editable = editable
+        self._suppress_notify = False  # batch guard
+
+    def widgetClass(self):
+        return "YComboBox"
+
+    def isEditable(self) -> bool:
+        return self._editable
+
+    def editable(self) -> bool:
+        return self._editable
+
+    def addItem(self, item, notify=True):
+        """Add a single item and optionally push a UI update."""
+        super().addItem(item)
+        # Honor pre-selected state set by the caller before addItem().
+        if hasattr(item, 'selected') and item.selected():
+            if item not in self._selected_items:
+                # ComboBox is single-selection: replace any existing selection.
+                self._selected_items = [item]
+        if notify and not self._suppress_notify:
+            self._notify_update()
+        return item
+
+    def value(self) -> str:
+        """Return the currently selected/entered value."""
+        if self._selected_items:
+            return self._selected_items[0].label()
+        return ""
+
+    def setValue(self, value: str):
+        """Set the value (selects matching item or sets text if editable)."""
+        for item in self._items:
+            if item.label() == value:
+                self._selected_items = [item]
+                self._notify_update()
+                return
+        if self._editable:
+            self._notify_update()
+
+    def _handle_selection_change(self, index: int, value: str = None):
+        """Handle selection change from browser.
+
+        Prefers label-based lookup via ``value`` (the option's value attribute,
+        which equals the item label) to avoid any index misalignment.  Falls
+        back to positional lookup when ``value`` is None or unmatched.
+        """
+        if value is not None:
+            for item in self._items:
+                if item.label() == value:
+                    self._selected_items = [item]
+                    return
+            # value sent but no match (should not happen with label-based options)
+            # fall through to index-based lookup below
+
+        if 0 <= index < len(self._items):
+            self._selected_items = [self._items[index]]
+
+    def updating(self):
+        """Context manager: batch multiple mutations into a single broadcast.
+
+        Usage::
+
+            with combo.updating():
+                combo.deleteAllItems()
+                combo.setLabel("New label")
+                combo.addItems(new_items)
+            # one broadcast fires here
+        """
+        return _ComboUpdateContext(self)
+
+    def setLabel(self, new_label: str):
+        """Set the combo label and push a re-render to the browser."""
+        super().setLabel(new_label)
+        self._notify_update()
+
+    def deleteAllItems(self):
+        """Clear all items and push a re-render to the browser."""
+        super().deleteAllItems()
+        self._notify_update()
+
+    def addItems(self, items):
+        """Add items and push a re-render to the browser."""
+        super().addItems(items)
+        self._notify_update()
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        if self._suppress_notify:
+            return
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def render(self) -> str:
+        # The id goes on the outer container so that _schedule_update's
+        # querySelector("#widget_N") + replaceWith() swaps the whole widget
+        # (label + select) in one shot, preventing label duplication.
+        # Use a neutral container class (not mana-ycombobox) to avoid
+        # inheriting border/background CSS rules intended for the <select>.
+        disabled_attr = ' disabled' if not self._enabled else ''
+        hidden_style = ' style="display:none"' if not self._visible else ''
+
+        inner = ""
+
+        if self._label:
+            # _label may contain &shortcut notation � escape first, then
+            # format shortcuts so we never double-escape.
+            label_html = format_label_with_shortcut(self._label)
+            inner += f'<label class="mana-combobox-label">{label_html}</label>'
+
+        options_html = ""
+        for item in self._items:
+            selected = " selected" if item in self._selected_items else ""
+            # value= attribute needs quote=True so that labels containing "
+            # don't break the HTML attribute boundary.  The browser DOM decodes
+            # HTML entities in attribute values, so select.value delivered by JS
+            # will equal item.label() exactly — enabling reliable label lookup.
+            value_attr = _html.escape(item.label(), quote=True)
+            label_text = escape_html(item.label())
+            options_html += f'<option value="{value_attr}"{selected}>{label_text}</option>'
+
+        inner += (
+            f'<select'
+            f' id="{self.id()}"'
+            f' class="mana-ycombobox"'
+            f' data-widget-class="YComboBox"'
+            f' data-widget-id="{self.id()}"'
+            f'{disabled_attr}>'
+            f'{options_html}'
+            f'</select>'
+        )
+
+        return (
+            f'<div'
+            f' data-container-for="{self.id()}"'
+            f' class="mana-combobox-container"'
+            f'{hidden_style}>'
+            f'{inner}'
+            f'</div>'
+        )
+
+
+class _ComboUpdateContext:
+    """Context manager returned by YComboBoxWeb.updating()."""
+    __slots__ = ("_widget",)
+
+    def __init__(self, widget):
+        self._widget = widget
+
+    def __enter__(self):
+        self._widget._suppress_notify = True
+        return self._widget
+
+    def __exit__(self, *_):
+        self._widget._suppress_notify = False
+        self._widget._notify_update()
\ No newline at end of file
diff --git a/manatools/aui/backends/web/commonweb.py b/manatools/aui/backends/web/commonweb.py
new file mode 100755
index 0000000..e4129ed
--- /dev/null
+++ b/manatools/aui/backends/web/commonweb.py
@@ -0,0 +1,136 @@
+"""
+Common utilities shared across all web backend widgets.
+
+Author: Matteo Pasotti <xquiet@coriolite.com>
+
+License: LGPLv2+
+
+"""
+
+import html
+import re
+import threading
+from typing import Optional
+
+# ---------------------------------------------------------------------------
+# Initial-render context flag
+# ---------------------------------------------------------------------------
+
+_render_context = threading.local()
+
+
+def set_initial_render(flag: bool):
+    """Mark the current thread as performing an initial HTTP page render.
+
+    When True, widgets that support deferred loading (e.g. YTable) emit a
+    lightweight skeleton placeholder instead of their full content.  The real
+    content is pushed to the browser via WebSocket once the connection opens.
+    """
+    _render_context.initial = flag
+
+
+def is_initial_render() -> bool:
+    """Return True if the current thread is performing an initial HTTP page render."""
+    return getattr(_render_context, 'initial', False)
+
+def escape_html(text: str) -> str:
+    """Escape HTML special characters."""
+    return html.escape(str(text), quote=False) if text else ""
+
+
+def format_label_with_shortcut(label: str) -> str:
+    """
+    Convert a raw (unescaped) label with '&X' shortcut notation to safe HTML.
+    '&X'  -> '<u>X</u>'   (shortcut underline)
+    '&&'  -> '&amp;'      (literal ampersand)
+    All other text is HTML-escaped.
+
+    IMPORTANT: pass the *raw* label here, NOT pre-escaped text.
+    Escaping before calling this function will corrupt the output.
+    """
+    if not label:
+        return ""
+    parts = []
+    i = 0
+    while i < len(label):
+        if label[i] == '&':
+            if i + 1 < len(label):
+                next_ch = label[i + 1]
+                if next_ch == '&':
+                    parts.append('&amp;')
+                    i += 2
+                else:
+                    parts.append(f'<u>{html.escape(next_ch, quote=False)}</u>')
+                    i += 2
+            else:
+                parts.append('&amp;')
+                i += 1
+        else:
+            parts.append(html.escape(label[i], quote=False))
+            i += 1
+    return "".join(parts)
+
+
+def extract_shortcut(label: str) -> Optional[str]:
+    """Extract the shortcut character from a label with &X notation."""
+    if not label:
+        return None
+    match = re.search(r'&([^&])', label)
+    return match.group(1).lower() if match else None
+
+
+def strip_shortcut(label: str) -> str:
+    """Remove &X shortcut notation from label, keeping the character."""
+    if not label:
+        return ""
+    result = re.sub(r'&&', '\x00', label)
+    result = re.sub(r'&(.)', r'\1', result)
+    return result.replace('\x00', '&')
+
+
+def build_css_classes(*classes: str) -> str:
+    """Build a CSS class string from multiple class names, filtering empty."""
+    return " ".join(c for c in classes if c)
+
+
+def build_style(**styles) -> str:
+    """Build an inline style string from keyword arguments."""
+    parts = []
+    for key, value in styles.items():
+        if value is not None:
+            # Convert Python names to CSS (background_color -> background-color)
+            css_key = key.replace('_', '-')
+            parts.append(f"{css_key}: {value}")
+    return "; ".join(parts) if parts else ""
+
+
+def widget_attrs(widget_id: str, widget_class: str, enabled: bool = True, 
+                 visible: bool = True, extra_classes: str = "",
+                 extra_attrs: dict = None) -> str:
+    """
+    Build common HTML attributes for a widget element.
+    
+    Returns a string like: id="..." class="..." data-widget-class="..." [disabled] [hidden]
+    """
+    classes = build_css_classes(f"mana-{widget_class.lower()}", extra_classes)
+    
+    attrs = [
+        f'id="{escape_html(widget_id)}"',
+        f'class="{classes}"',
+        f'data-widget-class="{escape_html(widget_class)}"',
+    ]
+    
+    if not enabled:
+        attrs.append('disabled')
+    
+    if not visible:
+        attrs.append('style="display: none"')
+    
+    if extra_attrs:
+        for key, value in extra_attrs.items():
+            if value is True:
+                attrs.append(key)
+            elif value is not None and value is not False:
+                attrs.append(f'{key}="{escape_html(str(value))}"')
+    
+    return " ".join(attrs)
\ No newline at end of file
diff --git a/manatools/aui/backends/web/datefieldweb.py b/manatools/aui/backends/web/datefieldweb.py
new file mode 100755
index 0000000..2b2a489
--- /dev/null
+++ b/manatools/aui/backends/web/datefieldweb.py
@@ -0,0 +1,48 @@
+"""Web backend DateField implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YDateFieldWeb(YWidget):
+    """Date input field widget."""
+    def __init__(self, parent=None, label: str = ""):
+        super().__init__(parent)
+        self._label = label
+        self._value = ""  # ISO format: YYYY-MM-DD
+    
+    def widgetClass(self):
+        return "YDateField"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def value(self) -> str:
+        return self._value
+    
+    def setValue(self, val: str):
+        self._value = str(val) if val else ""
+        self._notify_update()
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        extra_attrs = {
+            "type": "date",
+            "value": self._value,
+        }
+        
+        attrs = widget_attrs(self.id(), "YDateField", self._enabled, self._visible, extra_attrs=extra_attrs)
+        
+        html = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            html += f'<label class="mana-datefield-label">{label_html}</label>'
+        
+        html += f'<input {attrs}>'
+        return f'<div class="mana-datefield-container">{html}</div>'
diff --git a/manatools/aui/backends/web/dialogweb.py b/manatools/aui/backends/web/dialogweb.py
new file mode 100755
index 0000000..59e3a4e
--- /dev/null
+++ b/manatools/aui/backends/web/dialogweb.py
@@ -0,0 +1,649 @@
+# -*- coding: utf-8 -*-
+"""
+Web backend dialog implementation.
+
+Author: Matteo Pasotti <xquiet@coriolite.com>
+
+License: LGPLv2+
+
+YDialogWeb is the main container for web-based UI. It manages an HTTP server,
+WebSocket connections, and the event loop for user interaction.
+"""
+
+import queue
+import threading
+import logging
+import json
+from typing import Optional, List, TYPE_CHECKING
+from importlib.resources import files
+
+from ...yui_common import (
+    YSingleChildContainerWidget,
+    YDialogType,
+    YDialogColorMode,
+    YEvent,
+    YWidgetEvent,
+    YCancelEvent,
+    YTimeoutEvent,
+    YKeyEvent,
+    YMenuEvent,
+    YEventReason,
+    YUINoDialogException,
+)
+from .commonweb import escape_html
+
+if TYPE_CHECKING:
+    from .server import WebSocketHandler, WebServer
+
+logger = logging.getLogger("manatools.aui.web.YDialogWeb")
+
+# ---------------------------------------------------------------------------
+# Page builder
+# ---------------------------------------------------------------------------
+
+class PageBuilder:
+    """
+    Builds the full HTML page by loading ``templates/dialog.html`` from the
+    package and substituting the three runtime slots:
+
+    * ``{{ id }}``          - dialog id
+    * ``{{ title }}``       - dialog title
+    * ``{{ classes }}``     - dialog classes
+    * ``{{ content }}``     - rendered content
+
+    The template is read from disk exactly once (class-level cache) so
+    repeated requests pay no I/O cost.
+    """
+
+    _template: Optional[str] = None
+    _template_lock = threading.Lock()
+
+    @classmethod
+    def _load_template(cls) -> str:
+        if cls._template is None:
+            with cls._template_lock:
+                if cls._template is None:
+                    cls._template = (
+                        files("manatools.aui.backends.web")
+                        .joinpath("templates/dialog.html")
+                        .read_text(encoding="utf-8")
+                    )
+        return cls._template
+
+    @classmethod
+    def build(cls, *, _id: str, title: str, classes: str, content: str) -> str:
+        """Return the complete HTML dialog as a string."""
+        return (
+            cls._load_template()
+            .replace("{{ id }}", _id)
+            .replace("{{ classes }}", classes)
+            .replace("{{ title }}", title)
+            .replace("{{ content }}", content)
+        )
+
+
+class YDialogWeb(YSingleChildContainerWidget):
+    """
+    Web-based dialog implementation.
+
+    Manages an HTTP server to serve the dialog as HTML and uses WebSocket
+    for real-time event communication with the browser.
+    """
+
+    _open_dialogs: List["YDialogWeb"] = []
+    _open_dialogs_lock: threading.RLock = threading.RLock()
+
+    def __init__(self, dialog_type=YDialogType.YMainDialog, color_mode=YDialogColorMode.YDialogNormalColor):
+        super().__init__()
+        self._dialog_type = dialog_type
+        self._color_mode = color_mode
+        self._is_open = False
+        self._event_queue: queue.Queue = queue.Queue()
+        self._server: Optional["WebServer"] = None
+        self._server_thread: Optional[threading.Thread] = None
+        self._websockets: List["WebSocketHandler"] = []
+        self._websocket_lock = threading.Lock()
+        self._default_button = None
+        self._widget_registry: dict = {}  # id -> widget mapping
+        self._pending_updates: dict = {}  # widget_id -> threading.Timer
+        self._pending_lock = threading.Lock()
+
+        with YDialogWeb._open_dialogs_lock:
+            YDialogWeb._open_dialogs.append(self)
+        logger.debug("YDialogWeb created: %s", self.debugLabel())
+
+    def widgetClass(self):
+        return "YDialog"
+
+    @staticmethod
+    def currentDialog(doThrow=True) -> Optional["YDialogWeb"]:
+        """Return the topmost open dialog, or raise if none."""
+        with YDialogWeb._open_dialogs_lock:
+            if YDialogWeb._open_dialogs:
+                return YDialogWeb._open_dialogs[-1]
+        if doThrow:
+            raise YUINoDialogException("No dialog is currently open")
+        return None
+
+    @staticmethod
+    def topmostDialog(doThrow=True) -> Optional["YDialogWeb"]:
+        """Same as currentDialog."""
+        return YDialogWeb.currentDialog(doThrow=doThrow)
+
+    def isTopmostDialog(self) -> bool:
+        """Return whether this dialog is the topmost."""
+        with YDialogWeb._open_dialogs_lock:
+            return YDialogWeb._open_dialogs[-1] == self if YDialogWeb._open_dialogs else False
+
+    def render_modal_html(self) -> str:
+        """Render dialog content as a modal overlay fragment (no full page)."""
+        content = self.child().render() if self.child() else ""
+        return (
+            f'<div id="mana-popup-modal" class="mana-popup-overlay" data-dialog-id="{self.id()}">'
+            f'<div class="mana-popup-container">{content}</div>'
+            f'</div>'
+        )
+
+    def open(self):
+        """
+        Start the HTTP server (main dialog) or push a modal overlay (popup).
+
+        This is non-blocking - call waitForEvent() to process events.
+        """
+        if self._is_open:
+            return
+
+        self._build_widget_registry()
+
+        # Popup dialogs share the root dialog's server; they are rendered as
+        # modal overlays pushed via the existing WebSocket connection.
+        if self._dialog_type != YDialogType.YMainDialog:
+            with YDialogWeb._open_dialogs_lock:
+                root = next((d for d in YDialogWeb._open_dialogs if d._server is not None), None)
+            if root is not None:
+                self._is_open = True
+                self._broadcast({
+                    "type": "show_modal",
+                    "dialog_id": self.id(),
+                    "html": self.render_modal_html(),
+                })
+                return
+
+        from .server import WebServer
+        self._server = WebServer(self)
+        self._server_thread = threading.Thread(target=self._server.start, daemon=True)
+        self._server_thread.start()
+
+        import time
+        for _ in range(50):
+            if self._server.is_running():
+                break
+            time.sleep(0.1)
+
+        self._is_open = True
+        print(f"\n{'='*50}")
+        print(f"  Dialog available at: {self._server.get_url()}")
+        print(f"  Open this URL in your web browser")
+        print(f"{'='*50}\n")
+
+    def isOpen(self) -> bool:
+        return self._is_open
+
+    def waitForEvent(self, timeout_millisec: int = 0) -> YEvent:
+        """
+        Block until an event is received from the browser.
+
+        Args:
+            timeout_millisec: Timeout in milliseconds (0 = no timeout)
+
+        Returns:
+            YEvent (YWidgetEvent, YCancelEvent, YTimeoutEvent, etc.)
+        """
+        if not self._is_open:
+            self.open()
+
+        timeout = timeout_millisec / 1000.0 if timeout_millisec > 0 else None
+
+        try:
+            event = self._event_queue.get(timeout=timeout)
+            return event
+        except queue.Empty:
+            return YTimeoutEvent()
+
+    def destroy(self, doThrow=True) -> bool:
+        """Close the dialog and stop the server (or hide the modal overlay)."""
+        logger.debug("Destroying dialog: %s", self.debugLabel())
+
+        if self._server is None and self._is_open:
+            # Popup dialog: just hide the modal overlay in the browser.
+            try:
+                self._broadcast({
+                    "type": "hide_modal",
+                    "dialog_id": self.id(),
+                })
+            except Exception:
+                pass
+            self._is_open = False
+            with YDialogWeb._open_dialogs_lock:
+                if self in YDialogWeb._open_dialogs:
+                    YDialogWeb._open_dialogs.remove(self)
+            return True
+
+        # Main dialog: notify browsers, close connections, stop server.
+        try:
+            self._broadcast({
+                "type": "shutdown",
+                "reason": "The application has closed.",
+            })
+        except Exception:
+            pass
+
+        with self._websocket_lock:
+            for ws in self._websockets:
+                try:
+                    ws.close()
+                except Exception:
+                    pass
+            self._websockets.clear()
+
+        if self._server:
+            self._server.stop()
+            self._server = None
+
+        self._is_open = False
+
+        with YDialogWeb._open_dialogs_lock:
+            if self in YDialogWeb._open_dialogs:
+                YDialogWeb._open_dialogs.remove(self)
+
+        return True
+
+    @classmethod
+    def deleteTopmostDialog(cls, doThrow=True) -> bool:
+        """Delete the topmost dialog."""
+        with cls._open_dialogs_lock:
+            if not cls._open_dialogs:
+                return False
+            dialog = cls._open_dialogs[-1]
+        return dialog.destroy(doThrow)
+
+    @classmethod
+    def deleteAllDialogs(cls, doThrow=True) -> bool:
+        """Delete all open dialogs."""
+        ok = True
+        while True:
+            with cls._open_dialogs_lock:
+                if not cls._open_dialogs:
+                    break
+                dialog = cls._open_dialogs[-1]
+            try:
+                dialog.destroy(doThrow)
+            except Exception:
+                ok = False
+                with cls._open_dialogs_lock:
+                    try:
+                        cls._open_dialogs.remove(dialog)
+                    except ValueError:
+                        break
+        return ok
+
+    def setDefaultButton(self, button) -> bool:
+        """Set the default button for this dialog."""
+        if button is None:
+            self._default_button = None
+            return True
+
+        try:
+            if button.widgetClass() != "YPushButton":
+                logger.error("Default button must be a YPushButton")
+                return False
+        except Exception:
+            return False
+
+        self._default_button = button
+        return True
+
+    def _post_event(self, event: YEvent):
+        """Post an event to the dialog's event queue."""
+        self._event_queue.put(event)
+
+    def _register_websocket(self, ws: "WebSocketHandler"):
+        """Register a new WebSocket connection."""
+        with self._websocket_lock:
+            self._websockets.append(ws)
+        logger.debug("WebSocket connected, total: %d", len(self._websockets))
+
+    def _unregister_websocket(self, ws: "WebSocketHandler"):
+        """Unregister a WebSocket connection."""
+        with self._websocket_lock:
+            if ws in self._websockets:
+                self._websockets.remove(ws)
+        logger.debug("WebSocket disconnected, remaining: %d", len(self._websockets))
+
+    def _broadcast(self, message: dict):
+        """Broadcast a message to all connected WebSocket clients.
+
+        Popup dialogs own no server; they delegate to the first open dialog
+        that does own one (the root/main dialog).
+        """
+        if self._server is None:
+            # Popup: route through the root dialog's connections.
+            with YDialogWeb._open_dialogs_lock:
+                root = next((d for d in YDialogWeb._open_dialogs if d._server is not None), None)
+            if root:
+                root._broadcast(message)
+            return
+        data = json.dumps(message)
+        with self._websocket_lock:
+            for ws in list(self._websockets):
+                try:
+                    ws.send(data)
+                except Exception as e:
+                    logger.debug("Failed to send to WebSocket: %s", e)
+
+    def _handle_ws_message(self, data: dict):
+        """Handle a message received via WebSocket."""
+        msg_type = data.get("type", "")
+
+        if msg_type == "event":
+            self._handle_widget_event(data)
+        elif msg_type == "table_checkbox":
+            self._handle_table_checkbox(data)
+        elif msg_type == "link_activated":
+            self._handle_link_activation(data)
+        elif msg_type == "ready":
+            self._push_deferred_tables()
+        elif msg_type == "close":
+            self._post_event(YCancelEvent())
+        elif msg_type == "key":
+            self._handle_key_event(data)
+        else:
+            logger.warning("Unknown WebSocket message type: %s", msg_type)
+
+    def _handle_widget_event(self, data: dict):
+        """Handle a widget event from the browser."""
+        widget_id = data.get("widget_id", "")
+        reason_str = data.get("reason", "Activated")
+        event_data = data.get("data", {})
+
+        widget = self._widget_registry.get(widget_id)
+        if not widget:
+            logger.warning("Widget not found: %s", widget_id)
+            return
+
+        reason_map = {
+            "Activated":        YEventReason.Activated,
+            "ValueChanged":     YEventReason.ValueChanged,
+            "SelectionChanged": YEventReason.SelectionChanged,
+        }
+        reason = reason_map.get(reason_str, YEventReason.Activated)
+
+        if "value" in event_data:
+            if hasattr(widget, "setValue"):
+                widget.setValue(event_data["value"])
+            elif hasattr(widget, "_value"):
+                widget._value = event_data["value"]
+
+        if "checked" in event_data:
+            if hasattr(widget, "setChecked"):
+                widget.setChecked(event_data["checked"])
+
+        # Tree item selection ? uses a stable item id instead of a
+        # flat index because tree items are nested.
+        if "itemId" in event_data:
+            if hasattr(widget, '_handle_item_click'):
+                widget._handle_item_click(event_data["itemId"])
+ 
+        # (existing selectedIndex / selectedValue block follows unchanged)
+        if "selectedIndex" in event_data or "selectedValue" in event_data:
+            if hasattr(widget, "_handle_selection_change"):
+                # Prefer value-based lookup: avoids off-by-one caused by a
+                # non-selectable label <option> at index 0 in the rendered HTML.
+                selected_value = event_data.get("selectedValue")
+                selected_index = event_data.get("selectedIndex", 0)
+                widget._handle_selection_change(selected_index, selected_value)
+
+        # Menu bar activations carry a menuItem label in event_data.
+        # Route these as YMenuEvent so dnfdragora's menu handler fires
+        # correctly instead of falling through to the generic widget path.
+        if event_data.get("menuItem") is not None and hasattr(widget, 'widgetClass') and widget.widgetClass() == 'YMenuBar':
+            menu_label = event_data["menuItem"]
+            item_id = event_data.get("itemId")
+            matched_item = None
+            if hasattr(widget, '_menus'):
+                def _find_by_id(items, target_id):
+                    for m in items:
+                        if hasattr(m, '_children'):
+                            for child in m._children:
+                                if id(child) == target_id:
+                                    return child
+                                result = _find_by_id([child], target_id)
+                                if result:
+                                    return result
+                    return None
+
+                def _find_by_label(items, label):
+                    from .commonweb import strip_shortcut
+                    for m in items:
+                        if hasattr(m, '_children'):
+                            for child in m._children:
+                                if not getattr(child, 'isSeparator', lambda: False)() and strip_shortcut(child.label()) == label:
+                                    return child
+                                result = _find_by_label([child], label)
+                                if result:
+                                    return result
+                    return None
+
+                if item_id is not None:
+                    try:
+                        matched_item = _find_by_id(widget._menus, int(item_id))
+                    except (ValueError, TypeError):
+                        pass
+                if matched_item is None:
+                    matched_item = _find_by_label(widget._menus, menu_label)
+            event = YMenuEvent(item=matched_item, id=menu_label)
+        else:
+            event = YWidgetEvent(widget, reason)
+        self._post_event(event)
+
+    def _handle_key_event(self, data: dict):
+        """Handle a keyboard event from the browser."""
+        key = data.get("key", "")
+        widget_id = data.get("widget_id", "")
+
+        widget = self._widget_registry.get(widget_id)
+        event = YKeyEvent(key, widget)
+        self._post_event(event)
+
+    def _handle_table_checkbox(self, data: dict):
+        """Handle a checkbox-cell toggle inside a YTable.
+
+        Mirrors Qt setData(CheckStateRole): routes to the widget's
+        _handle_checkbox_change so it can update the cell model and fire events.
+        """
+        widget_id = data.get("widget_id", "")
+        widget = self._widget_registry.get(widget_id)
+        if widget is None:
+            logger.warning("table_checkbox: widget not found: %s", widget_id)
+            return
+        if hasattr(widget, '_handle_checkbox_change'):
+            widget._handle_checkbox_change(
+                int(data.get("row", 0)),
+                int(data.get("col", 0)),
+                bool(data.get("checked", False)),
+            )
+
+    def _handle_link_activation(self, data: dict):
+        """Handle a link click inside a YRichText widget.
+
+        Mirrors Qt/GTK behaviour: prevent navigation, store the URL in the
+        widget, and post a YMenuEvent if the widget has notify() enabled.
+        """
+        widget_id = data.get("widget_id", "")
+        url = data.get("url", "")
+        widget = self._widget_registry.get(widget_id)
+        if widget is None:
+            logger.warning("link_activated: widget not found: %s", widget_id)
+            return
+        if hasattr(widget, '_last_url'):
+            widget._last_url = url
+        if hasattr(widget, 'notify') and widget.notify():
+            self._post_event(YMenuEvent(item=None, id=url))
+
+    def _push_deferred_tables(self):
+        """Push table row content to all connected clients.
+
+        Called when the browser sends a ``ready`` message (WS open).  Only
+        tables that actually rendered a loading skeleton (``_deferred_pending``
+        is True) are included so we never blindly overwrite a table that was
+        already fully rendered.  Each widget is rendered inside a try/except so
+        one broken widget cannot prevent the others from loading.
+        """
+        updates = []
+        for widget_id, widget in self._widget_registry.items():
+            if not getattr(widget, '_deferred_pending', False):
+                continue
+            try:
+                html = widget._render_rows_html()
+                widget._deferred_pending = False
+                updates.append({
+                    "action": "rows",
+                    "target": f"#{widget_id}",
+                    "html": html,
+                })
+            except Exception:
+                logger.exception("_push_deferred_tables: failed to render rows for %s", widget_id)
+        if updates:
+            self._broadcast({"type": "update", "updates": updates})
+
+    def _build_widget_registry(self):
+        """Build a mapping of widget IDs to widget objects."""
+        self._widget_registry.clear()
+        self._register_widget_tree(self)
+
+    def _register_widget_tree(self, widget):
+        """Recursively register all widgets in the tree."""
+        self._widget_registry[widget.id()] = widget
+
+        if hasattr(widget, '_children'):
+            for child in widget._children:
+                self._register_widget_tree(child)
+
+    def _schedule_update(self, widget):
+        """Schedule a UI update for a widget.
+
+        Rapid successive calls for the same widget within a short window are
+        coalesced: only the last state is broadcast.  This prevents multiple
+        stale intermediate renders arriving at the browser out of order when
+        application code mutates a widget in several steps (e.g. deleteAllItems
+        -> setLabel -> addItems).
+        """
+        widget_id = widget.id()
+        with self._pending_lock:
+            existing = self._pending_updates.get(widget_id)
+            if existing is not None:
+                existing.cancel()
+            timer = threading.Timer(
+                0.05,  # 50 ms coalesce window
+                self._flush_update,
+                args=(widget,),
+            )
+            self._pending_updates[widget_id] = timer
+            timer.start()
+
+    def _flush_all_pending_updates(self):
+        """Cancel all coalesce timers and broadcast every queued widget update immediately.
+
+        Called by normalCursor() so that the busy overlay is only hidden after
+        all pending DOM updates have already been sent to the browser.
+        """
+        with self._pending_lock:
+            pending = list(self._pending_updates.items())
+            self._pending_updates.clear()
+
+        for _widget_id, timer in pending:
+            timer.cancel()
+            if timer.args:
+                self._flush_update(timer.args[0])
+
+    def _flush_update(self, widget):
+        """Actually broadcast the update for a widget (called by the timer).
+ 
+        If the widget exposes a ``render_update()`` method it is called instead
+        of ``render()`` so that widgets with static parts (e.g. a label that
+        must not be duplicated on every value change, like YProgressBar) can
+        return a precise (selector, html) pair targeting only their dynamic
+        inner element.
+
+        ``render_update()`` may return either a 2-tuple ``(target, html)``
+        (action defaults to ``"replace"``) or a 3-tuple
+        ``(target, html, action)`` where *action* may be ``"replace"`` or
+        ``"html"``.  The ``"html"`` action sets ``innerHTML`` on the target
+        element without removing and re-inserting it, keeping its DOM position
+        stable.
+
+        Falls back to the original behaviour for all other widgets:
+        targets ``[data-container-for="<id>"]`` first so that widgets that
+        wrap themselves in a container div (e.g. ComboBox with a label) are
+        replaced atomically, then falls back to ``#<id>`` for simple widgets.
+        """
+        with self._pending_lock:
+            self._pending_updates.pop(widget.id(), None)
+        try:
+            if hasattr(widget, 'render_update'):
+                result = widget.render_update()
+                if len(result) == 3:
+                    target, html, action = result
+                else:
+                    target, html = result
+                    action = "replace"
+            else:
+                html = widget.render()
+                target = f'[data-container-for="{widget.id()}"], #{widget.id()}'
+                action = "replace"
+
+            self._broadcast({
+                "type": "update",
+                "updates": [{
+                    "action": action,
+                    "target": target,
+                    "html": html,
+                }]
+            })
+        except Exception as e:
+            logger.exception("Failed to flush update: %s", e)
+
+    def render(self) -> str:
+        """Render the dialog to HTML."""
+        title = "ManaTools"
+        try:
+            from ...yui import YUI
+            app = YUI.application()
+            if app:
+                title = app.applicationTitle() or title
+        except Exception:
+            pass
+
+        type_class = {
+            YDialogType.YMainDialog:   "main",
+            YDialogType.YPopupDialog:  "popup",
+            YDialogType.YWizardDialog: "wizard",
+        }.get(self._dialog_type, "main")
+
+        color_class = {
+            YDialogColorMode.YDialogNormalColor: "",
+            YDialogColorMode.YDialogInfoColor:   "info",
+            YDialogColorMode.YDialogWarnColor:   "warn",
+        }.get(self._color_mode, "")
+
+        classes = f"mana-dialog mana-dialog-{type_class}"
+        if color_class:
+            classes += f" mana-dialog-{color_class}"
+
+        content = self.child().render() if self.child() else ""
+        return PageBuilder.build(
+            _id=self.id(),
+            title=escape_html(title),
+            classes=classes,
+            content=content,
+        )
\ No newline at end of file
diff --git a/manatools/aui/backends/web/dumbtabweb.py b/manatools/aui/backends/web/dumbtabweb.py
new file mode 100755
index 0000000..a6bfae2
--- /dev/null
+++ b/manatools/aui/backends/web/dumbtabweb.py
@@ -0,0 +1,113 @@
+# -*- coding: utf-8 -*-
+"""
+Web backend DumbTab implementation.
+
+Author: Matteo Pasotti <xquiet@coriolite.com>
+
+License: LGPLv2+
+
+Renders a Bootstrap 5.3 nav-tabs bar with a single content area.
+Tab switching is driven server-side: clicking a tab sends a
+SelectionChanged event; the application (e.g. via YReplacePoint) is
+responsible for updating the content area.
+"""
+from ...yui_common import YSelectionWidget, YItem, YWidgetEvent, YEventReason
+from .commonweb import widget_attrs, escape_html
+
+
+class YDumbTabWeb(YSelectionWidget):
+    """Tab bar widget with Bootstrap 5.3 nav-tabs and a single content area."""
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+
+    def widgetClass(self):
+        return "YDumbTab"
+
+    # ------------------------------------------------------------------
+    # yui API
+    # ------------------------------------------------------------------
+
+    def setNotify(self, notify: bool = True):
+        self._notify = bool(notify)
+
+    def notify(self) -> bool:
+        return getattr(self, '_notify', False)
+
+    def addTab(self, label: str) -> YItem:
+        """Convenience helper: create a YItem from a plain string and add it."""
+        item = YItem(label)
+        self.addItem(item)
+        return item
+
+    def addItem(self, item):
+        """Add a tab item.  The first item added becomes the active tab."""
+        super().addItem(item)
+        if not self._selected_items:
+            item.setSelected(True)
+            self._selected_items = [item]
+
+    def selectedItem(self):
+        return self._selected_items[0] if self._selected_items else None
+
+    def selectItem(self, item, selected: bool = True):
+        """Programmatically activate *item* (single-selection semantics)."""
+        if not selected or item not in self._items:
+            return
+        for it in self._items:
+            it.setSelected(False)
+        item.setSelected(True)
+        self._selected_items = [item]
+        self._notify_update()
+
+    # ------------------------------------------------------------------
+    # Internal helpers
+    # ------------------------------------------------------------------
+
+    def _handle_selection_change(self, index: int, value=None):
+        """Called by dialogweb when the browser reports a tab click."""
+        if 0 <= index < len(self._items):
+            self.selectItem(self._items[index])
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    # ------------------------------------------------------------------
+    # Rendering
+    # ------------------------------------------------------------------
+
+    def render(self) -> str:
+        attrs = widget_attrs(self.id(), "YDumbTab", self._enabled, self._visible)
+        selected = self.selectedItem()
+
+        nav_items = ''
+        for idx, item in enumerate(self._items):
+            is_active = (item is selected)
+            active_cls = ' active' if is_active else ''
+            aria_sel = 'true' if is_active else 'false'
+            nav_items += (
+                f'<li class="nav-item" role="presentation">'
+                f'<button class="nav-link mana-tab{active_cls}"'
+                f' data-tab-index="{idx}"'
+                f' type="button" role="tab"'
+                f' aria-selected="{aria_sel}">'
+                f'{escape_html(item.label())}'
+                f'</button>'
+                f'</li>'
+            )
+
+        nav = f'<ul class="nav nav-tabs mana-dumbtab-nav" role="tablist">{nav_items}</ul>'
+
+        child_html = ''.join(child.render() for child in self._children)
+        content = f'<div class="tab-content mana-dumbtab-content">{child_html}</div>'
+
+        return f'<div {attrs}>{nav}{content}</div>'
diff --git a/manatools/aui/backends/web/frameweb.py b/manatools/aui/backends/web/frameweb.py
new file mode 100755
index 0000000..b2dfbe5
--- /dev/null
+++ b/manatools/aui/backends/web/frameweb.py
@@ -0,0 +1,68 @@
+"""
+Web backend Frame implementation.
+"""
+
+from ...yui_common import YSingleChildContainerWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+
+class YFrameWeb(YSingleChildContainerWidget):
+    """Frame container with optional label (fieldset)."""
+    
+    def __init__(self, parent=None, label: str = ""):
+        super().__init__(parent)
+        self._label = label
+    
+    def widgetClass(self):
+        return "YFrame"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def _set_backend_enabled(self, enabled: bool):
+        """Propagate enabled state to child and trigger re-render."""
+        child = self.child()
+        if child is not None:
+            child._set_backend_enabled(enabled and child._enabled)
+        self._notify_update()
+
+    def setProperty(self, propertyName: str, val) -> bool:
+        if propertyName == "label":
+            self.setLabel(str(val))
+            return True
+        return False
+
+    def getProperty(self, propertyName: str):
+        if propertyName == "label":
+            return self._label
+        return None
+
+    def render(self) -> str:
+        attrs = widget_attrs(
+            self.id(),
+            "YFrame",
+            self._enabled,
+            self._visible
+        )
+        
+        # Legend (title)
+        legend = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            legend = f'<legend class="mana-frame-legend">{label_html}</legend>'
+        
+        # Child content
+        content = ""
+        if self.child():
+            content = self.child().render()
+        
+        return f'<fieldset {attrs}>{legend}<div class="mana-frame-content">{content}</div></fieldset>'
diff --git a/manatools/aui/backends/web/hboxweb.py b/manatools/aui/backends/web/hboxweb.py
new file mode 100755
index 0000000..009f3b1
--- /dev/null
+++ b/manatools/aui/backends/web/hboxweb.py
@@ -0,0 +1,32 @@
+"""
+Web backend HBox (horizontal layout) implementation.
+"""
+
+from ...yui_common import YWidget
+from .commonweb import widget_attrs
+
+
+class YHBoxWeb(YWidget):
+    """Horizontal box layout container."""
+    
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self._stretchable_horiz = True  # HBox is horizontally stretchable by default
+    
+    def widgetClass(self):
+        return "YHBox"
+    
+    def render(self) -> str:
+        """Render the HBox and its children to HTML."""
+        children_html = ""
+        for child in self._children:
+            children_html += child.render()
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YHBox",
+            True,
+            self._visible
+        )
+        
+        return f'<div {attrs}>{children_html}</div>'
diff --git a/manatools/aui/backends/web/imageweb.py b/manatools/aui/backends/web/imageweb.py
new file mode 100755
index 0000000..5cd6f81
--- /dev/null
+++ b/manatools/aui/backends/web/imageweb.py
@@ -0,0 +1,113 @@
+"""Web backend Image implementation."""
+import os
+import re
+import base64
+import mimetypes
+import logging
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html
+
+logger = logging.getLogger("manatools.aui.web.YImageWeb")
+
+# Matches bare XDG icon names (no path separators, no extension required).
+_ICON_NAME_RE = re.compile(r'^[a-zA-Z0-9_\-]+$')
+
+
+class YImageWeb(YWidget):
+    """Image display widget."""
+
+    def __init__(self, parent=None, imageFileName: str = "", fallBackName=None):
+        super().__init__(parent)
+        self._image_file = imageFileName
+        self._fallback_name = fallBackName
+        self._auto_scale = False
+
+    def widgetClass(self):
+        return "YImage"
+
+    def imageFileName(self) -> str:
+        return self._image_file
+
+    def setImage(self, imageFileName: str):
+        self._image_file = imageFileName
+        self._notify_update()
+
+    def autoScale(self) -> bool:
+        return self._auto_scale
+
+    def setAutoScale(self, on: bool = True):
+        self._auto_scale = bool(on)
+        self._notify_update()
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def _resolve_src(self) -> str:
+        """Return a browser-usable src value for the <img> element.
+
+        Resolution order:
+        1. Already a URL (http/https/data) — used as-is.
+        2. Filesystem path (absolute or contains os.sep) — read and returned as
+           a base64 data URI so the browser never needs to access the filesystem.
+        3. Bare icon name matching [a-zA-Z0-9_-] — routed through the existing
+           /icon/<name> HTTP endpoint which performs XDG icon theme lookup.
+        4. fallBackName is tried for cases 2 and 3 when the primary name fails.
+        """
+        src = self._try_resolve(self._image_file)
+        if not src and self._fallback_name:
+            src = self._try_resolve(self._fallback_name)
+        return src
+
+    def _try_resolve(self, filename: str) -> str:
+        if not filename:
+            return ""
+
+        # Already a URL or data URI — use directly.
+        if filename.startswith(('http://', 'https://', 'data:')):
+            return filename
+
+        # Filesystem path → inline as base64 data URI.
+        is_file_path = os.path.isabs(filename) or os.sep in filename
+        if is_file_path:
+            if os.path.isfile(filename):
+                try:
+                    mime, _ = mimetypes.guess_type(filename)
+                    mime = mime or "image/png"
+                    with open(filename, "rb") as fh:
+                        encoded = base64.b64encode(fh.read()).decode("ascii")
+                    return f"data:{mime};base64,{encoded}"
+                except Exception:
+                    logger.warning("YImageWeb: cannot read image file: %s", filename)
+            return ""
+
+        # Bare icon name (strip extension if present, e.g. "manafirewall.png" → "manafirewall").
+        name = os.path.splitext(filename)[0] if "." in filename else filename
+        if _ICON_NAME_RE.match(name):
+            return f"/icon/{name}"
+
+        return ""
+
+    def render(self) -> str:
+        # Wrap in a <div> so the widget has a stable container node that can be
+        # replaced by _flush_update.  enabled=True: <div> must not carry disabled.
+        attrs = widget_attrs(self.id(), "YImage", True, self._visible)
+        src = self._resolve_src()
+
+        if src:
+            extra = ' class="mana-yimage-img"'
+            if self._auto_scale:
+                extra += ' style="max-width:100%;height:auto"'
+            img = f'<img{extra} src="{escape_html(src)}" alt="">'
+        else:
+            img = ""
+
+        return f'<div {attrs}>{img}</div>'
diff --git a/manatools/aui/backends/web/inputfieldweb.py b/manatools/aui/backends/web/inputfieldweb.py
new file mode 100755
index 0000000..17c32fa
--- /dev/null
+++ b/manatools/aui/backends/web/inputfieldweb.py
@@ -0,0 +1,105 @@
+"""
+Web backend InputField implementation.
+"""
+
+from ...yui_common import YSimpleInputField
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+
+class YInputFieldWeb(YSimpleInputField):
+    """Text input field widget."""
+    
+    def __init__(self, parent=None, label: str = "", password_mode: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._password_mode = password_mode
+        self._value = ""
+        self._input_max_length = -1
+        self._valid_chars = ""
+    
+    def widgetClass(self):
+        return "YInputField"
+    
+    def value(self) -> str:
+        return self._value
+    
+    def setValue(self, text: str):
+        self._value = str(text) if text else ""
+        self._notify_update()
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def setInputMaxLength(self, max_length: int):
+        """Set maximum input length (-1 for unlimited)."""
+        self._input_max_length = int(max_length)
+        self._notify_update()
+    
+    def inputMaxLength(self) -> int:
+        return self._input_max_length
+    
+    def setValidChars(self, valid_chars: str):
+        """Set valid characters for input validation."""
+        self._valid_chars = valid_chars
+    
+    def validChars(self) -> str:
+        return self._valid_chars
+    
+    def isPasswordMode(self) -> bool:
+        return self._password_mode
+    
+    def _notify_update(self):
+        """Notify dialog that this widget needs re-render."""
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        """Render the input field to HTML."""
+        input_type = "password" if self._password_mode else "text"
+        
+        extra_attrs = {
+            "type": input_type,
+            "value": self._value,
+        }
+        
+        if self._input_max_length > 0:
+            extra_attrs["maxlength"] = str(self._input_max_length)
+        
+        if self._valid_chars:
+            # Create pattern from valid chars
+            extra_attrs["pattern"] = f"[{escape_html(self._valid_chars)}]*"
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YInputField",
+            self._enabled,
+            self._visible,
+            extra_attrs=extra_attrs
+        )
+        
+        # Build with label if present
+        html = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            label_id = f"{self.id()}_label"
+            html += f'<label id="{label_id}" class="mana-inputfield-label" for="{self.id()}_input">{label_html}</label>'
+        
+        # Replace id in attrs for the input element
+        input_attrs = attrs.replace(f'id="{self.id()}"', f'id="{self.id()}_input" data-widget-id="{self.id()}"')
+        html += f'<input {input_attrs}>'
+        
+        # Wrap in container
+        container_attrs = widget_attrs(
+            self.id(),
+            "YInputField",
+            self._enabled,
+            self._visible,
+            "mana-inputfield-container"
+        )
+        
+        return f'<div {container_attrs}>{html}</div>'
diff --git a/manatools/aui/backends/web/intfieldweb.py b/manatools/aui/backends/web/intfieldweb.py
new file mode 100755
index 0000000..3a01891
--- /dev/null
+++ b/manatools/aui/backends/web/intfieldweb.py
@@ -0,0 +1,59 @@
+"""Web backend IntField implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YIntFieldWeb(YWidget):
+    """Integer input field widget."""
+    def __init__(self, parent=None, label: str = "", minVal: int = 0, maxVal: int = 100, initialVal: int = 0):
+        super().__init__(parent)
+        self._label = label
+        self._min_val = minVal
+        self._max_val = maxVal
+        self._value = max(minVal, min(initialVal, maxVal))
+    
+    def widgetClass(self):
+        return "YIntField"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def value(self) -> int:
+        return self._value
+    
+    def setValue(self, val):
+        val = int(val) if val is not None else self._min_val
+        self._value = max(self._min_val, min(val, self._max_val))
+        self._notify_update()
+    
+    def minValue(self) -> int:
+        return self._min_val
+    
+    def maxValue(self) -> int:
+        return self._max_val
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        extra_attrs = {
+            "type": "number",
+            "min": str(self._min_val),
+            "max": str(self._max_val),
+            "value": str(self._value),
+        }
+        
+        attrs = widget_attrs(self.id(), "YIntField", self._enabled, self._visible, extra_attrs=extra_attrs)
+        
+        html = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            html += f'<label class="mana-intfield-label">{label_html}</label>'
+        
+        html += f'<input {attrs}>'
+        return f'<div class="mana-intfield-container">{html}</div>'
diff --git a/manatools/aui/backends/web/labelweb.py b/manatools/aui/backends/web/labelweb.py
new file mode 100755
index 0000000..706f424
--- /dev/null
+++ b/manatools/aui/backends/web/labelweb.py
@@ -0,0 +1,111 @@
+# -*- coding: utf-8 -*-
+"""
+Web backend Label implementation.
+
+Author: Matteo Pasotti <xquiet@coriolite.com>
+
+License: LGPLv2+
+"""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+
+class YLabelWeb(YWidget):
+    """Text label widget."""
+
+    def __init__(self, parent=None, text: str = "", isHeading: bool = False, isOutputField: bool = False):
+        super().__init__(parent)
+        self._text = text
+        self._is_heading = isHeading
+        self._is_output_field = isOutputField
+
+    def widgetClass(self):
+        return "YLabel"
+
+    def label(self) -> str:
+        return self._text
+
+    def text(self) -> str:
+        return self._text
+
+    def setText(self, text: str):
+        self._text = text
+        self._notify_update()
+
+    def setLabel(self, text: str):
+        self.setText(text)
+
+    def setValue(self, text: str):
+        """yui YLabel API: update label text at runtime."""
+        self.setText(str(text))
+
+    def value(self) -> str:
+        """yui YLabel API: return current label text."""
+        return self._text
+
+    def setNotify(self, notify: bool = True):
+        """yui API: enable/disable event notification on value change."""
+        self._notify = bool(notify)
+
+    def notify(self) -> bool:
+        """yui API: return whether event notification is enabled."""
+        return getattr(self, '_notify', False)
+
+    def autoWrap(self) -> bool:
+        return getattr(self, '_auto_wrap', True)
+
+    def setAutoWrap(self, on: bool = True):
+        self._auto_wrap = bool(on)
+        self._notify_update()
+
+    def isHeading(self) -> bool:
+        return self._is_heading
+
+    def isOutputField(self) -> bool:
+        return self._is_output_field
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        """Notify dialog that this widget needs re-render."""
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def render(self) -> str:
+        """Render the label to HTML."""
+        extra_classes = ""
+        if self._is_heading:
+            extra_classes = "mana-heading"
+        elif self._is_output_field:
+            extra_classes = "mana-output"
+
+        if not getattr(self, '_auto_wrap', True):
+            extra_classes = (extra_classes + " mana-nowrap").strip()
+        attrs = widget_attrs(
+            self.id(),
+            "YLabel",
+            self._enabled,
+            self._visible,
+            extra_classes,
+        )
+
+        # Static UI labels (e.g. field captions) may carry &X shortcut notation
+        # and benefit from format_label_with_shortcut.
+        # Dynamic output text set via setText() must not go through shortcut
+        # formatting: it is plain user/application data and should only be
+        # HTML-escaped for safety, never further transformed.
+        if self._is_output_field or self._is_heading:
+            text_html = escape_html(self._text)
+        else:
+            text_html = format_label_with_shortcut(self._text)
+
+        if self._is_heading:
+            return f'<h2 {attrs}>{text_html}</h2>'
+        else:
+            return f'<span {attrs}>{text_html}</span>'
\ No newline at end of file
diff --git a/manatools/aui/backends/web/logviewweb.py b/manatools/aui/backends/web/logviewweb.py
new file mode 100755
index 0000000..a0d0074
--- /dev/null
+++ b/manatools/aui/backends/web/logviewweb.py
@@ -0,0 +1,153 @@
+"""
+Web backend LogView implementation.
+Author: Matteo Pasotti <xquiet@coriolite.com>
+License: LGPLv2+
+"""
+from ...yui_common import YWidget, YLogViewFocus
+from .commonweb import widget_attrs, escape_html
+
+
+class YLogViewWeb(YWidget):
+    """Log view widget for displaying log messages."""
+
+    def __init__(self, parent=None, label: str = "", visibleLines: int = 10, storedLines: int = 0):
+        super().__init__(parent)
+        self._label = label
+        self._visible_lines = visibleLines
+        self._stored_lines = storedLines if storedLines > 0 else visibleLines * 10
+        self._log_entries = []
+        self._focus = YLogViewFocus.HEAD
+        self._reverse = False
+
+    def widgetClass(self):
+        return "YLogView"
+
+    def label(self) -> str:
+        return self._label
+
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+
+    def visibleLines(self) -> int:
+        return self._visible_lines
+
+    def setVisibleLines(self, newVisibleLines: int):
+        self._visible_lines = max(1, int(newVisibleLines))
+        self._notify_update()
+
+    def maxLines(self) -> int:
+        return self._stored_lines
+
+    def setMaxLines(self, newMaxLines: int):
+        self._stored_lines = max(1, int(newMaxLines))
+        if len(self._log_entries) > self._stored_lines:
+            self._log_entries = self._log_entries[-self._stored_lines:]
+        self._notify_update()
+
+    def logText(self) -> str:
+        return '\n'.join(self._log_entries)
+
+    def setLogText(self, text: str):
+        self._log_entries = text.split('\n') if text else []
+        if len(self._log_entries) > self._stored_lines:
+            self._log_entries = self._log_entries[-self._stored_lines:]
+        self._notify_update()
+
+    def lastLine(self) -> str:
+        return self._log_entries[-1] if self._log_entries else ""
+
+    def lines(self) -> int:
+        return len(self._log_entries)
+
+    def focus(self) -> YLogViewFocus:
+        return self._focus
+
+    def setFocus(self, focus: YLogViewFocus):
+        self._focus = focus
+
+    def reverse(self) -> bool:
+        return self._reverse
+
+    def setReverse(self, reverse: bool):
+        self._reverse = bool(reverse)
+        self._notify_update()
+
+    def appendLines(self, text: str):
+        """Append lines to the log."""
+        lines = text.split('\n')
+        self._log_entries.extend(lines)
+        if len(self._log_entries) > self._stored_lines:
+            self._log_entries = self._log_entries[-self._stored_lines:]
+        self._notify_update()
+
+    def clearText(self):
+        """Clear all log entries."""
+        self._log_entries.clear()
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def render_update(self) -> tuple:
+        """Return (target_selector, html) for partial DOM updates.
+
+        Only the inner scrollable div is replaced on appendLines/clearText,
+        leaving the static label untouched.
+        """
+        widget_id = self.id()
+        height = self._visible_lines * 1.5
+
+        extra_attrs = {
+            "style": f"height:{height}em; overflow-y:auto;",
+        }
+        # widget_attrs puts id="{widget_id}" on the element � that id lives on
+        # the inner div so _flush_update's #id selector lands here, not on the
+        # outer container which holds the label.
+        attrs = widget_attrs(
+            widget_id, "YLogView", self._enabled, self._visible,
+            extra_attrs=extra_attrs
+        )
+
+        log_html = '<br>'.join(escape_html(line) for line in self._log_entries)
+        inner_html = (
+            f'<div {attrs}>'
+            f'<pre class="mana-logview-content">{log_html}</pre>'
+            f'</div>'
+        )
+
+        return f'#{widget_id}', inner_html
+
+    def render(self) -> str:
+        """Full initial render: static label + dynamic inner div.
+
+        Structure:
+            <div class="mana-logview-container">   <- no id, no data-container-for
+                <label>...</label>                  <- static, never replaced
+                <div id="{widget_id}" ...>          <- render_update() targets this
+                    <pre>...</pre>
+                </div>
+            </div>
+
+        On appendLines/clearText, _flush_update uses render_update() which
+        replaces only the inner div, leaving the label intact.
+        Do NOT add data-container-for to the outer div.
+        """
+        label_html = ""
+        if self._label:
+            label_html = (
+                f'<label class="mana-logview-label">'
+                f'{escape_html(self._label)}'
+                f'</label>'
+            )
+
+        _, inner_html = self.render_update()
+
+        return (
+            f'<div class="mana-logview-container">'
+            f'{label_html}'
+            f'{inner_html}'
+            f'</div>'
+        )
\ No newline at end of file
diff --git a/manatools/aui/backends/web/menubarweb.py b/manatools/aui/backends/web/menubarweb.py
new file mode 100755
index 0000000..dfa2e12
--- /dev/null
+++ b/manatools/aui/backends/web/menubarweb.py
@@ -0,0 +1,101 @@
+"""Web backend MenuBar implementation."""
+import logging
+from ...yui_common import YWidget, YMenuItem, YUIDimension
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut, strip_shortcut
+
+
+class YMenuBarWeb(YWidget):
+    """Menu bar widget - web backend implementation."""
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self._logger = logging.getLogger(f"manatools.aui.web.{self.__class__.__name__}")
+        self._menus = []  # list of top-level YMenuItem (is_menu=True)
+        try:
+            self.setStretchable(YUIDimension.YD_HORIZ, True)
+            self.setStretchable(YUIDimension.YD_VERT, False)
+        except Exception:
+            pass
+
+    def widgetClass(self):
+        return "YMenuBar"
+
+    def addMenu(self, label: str = "", icon_name: str = "", menu: YMenuItem = None) -> YMenuItem:
+        """Add a top-level menu by label or by an existing YMenuItem (is_menu=True)."""
+        if menu is not None:
+            if not menu.isMenu():
+                raise ValueError("Provided YMenuItem is not a menu (is_menu=True)")
+            m = menu
+        else:
+            if not label:
+                raise ValueError("Menu label must be provided when no YMenuItem is given")
+            m = YMenuItem(label, icon_name, enabled=True, is_menu=True)
+        self._menus.append(m)
+        return m
+
+    def addItem(self, menu: YMenuItem, label: str, icon_name: str = "", enabled: bool = True) -> YMenuItem:
+        """Add a child item under an existing top-level menu YMenuItem."""
+        item = menu.addItem(label, icon_name)
+        item.setEnabled(enabled)
+        return item
+
+    def setItemEnabled(self, item: YMenuItem, on: bool = True):
+        """Enable or disable a menu item."""
+        item.setEnabled(on)
+
+    def setItemVisible(self, item: YMenuItem, visible: bool = True):
+        """Show or hide a menu item."""
+        item.setVisible(visible)
+
+    def deleteMenus(self):
+        """Remove all menus and items."""
+        try:
+            self._menus.clear()
+        except Exception:
+            self._menus = []
+
+    def rebuildMenus(self):
+        """No-op for web backend — render() always reads live model state."""
+        pass
+
+    # -------------------------------------------------------------------------
+    # Rendering
+    # -------------------------------------------------------------------------
+
+    def _render_item(self, item: YMenuItem) -> str:
+        """Recursively render a YMenuItem and its children."""
+        if item.isSeparator():
+            return '<hr class="mana-menu-separator">'
+
+        if item.isMenu() and item.hasChildren():
+            children_html = ""
+            for child in item.childrenBegin():
+                children_html += self._render_item(child)
+            visible_cls = "" if item.visible() else " mana-hidden"
+            return (
+                f'<div class="mana-menu{visible_cls}">'
+                f'<span class="mana-menu-label">{format_label_with_shortcut(item.label())}</span>'
+                f'<div class="mana-submenu">{children_html}</div>'
+                f'</div>'
+            )
+        else:
+            classes = ["mana-menu-item"]
+            if not item.enabled():
+                classes.append("disabled")
+            if not item.visible():
+                classes.append("mana-hidden")
+            cls = " ".join(classes)
+            data_id = f' data-item-id="{id(item)}"'
+            # leaf items: strip shortcut marker, escape for safety
+            label_html = escape_html(strip_shortcut(item.label()))
+            return f'<div class="{cls}"{data_id}>{label_html}</div>'
+
+    def render(self) -> str:
+        menus_html = ""
+        for menu in self._menus:
+            if not menu.visible():
+                continue
+            menus_html += self._render_item(menu)
+
+        attrs = widget_attrs(self.id(), "YMenuBar", self._enabled, self._visible)
+        return f'<nav {attrs}>{menus_html}</nav>'
\ No newline at end of file
diff --git a/manatools/aui/backends/web/multilineditweb.py b/manatools/aui/backends/web/multilineditweb.py
new file mode 100755
index 0000000..3e4add6
--- /dev/null
+++ b/manatools/aui/backends/web/multilineditweb.py
@@ -0,0 +1,54 @@
+"""Web backend MultiLineEdit implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YMultiLineEditWeb(YWidget):
+    """Multi-line text editor widget."""
+    def __init__(self, parent=None, label: str = ""):
+        super().__init__(parent)
+        self._label = label
+        self._value = ""
+        self._input_max_length = -1
+    
+    def widgetClass(self):
+        return "YMultiLineEdit"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def value(self) -> str:
+        return self._value
+    
+    def setValue(self, text: str):
+        self._value = str(text) if text else ""
+        self._notify_update()
+    
+    def setInputMaxLength(self, max_length: int):
+        self._input_max_length = int(max_length)
+    
+    def inputMaxLength(self) -> int:
+        return self._input_max_length
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        extra_attrs = {}
+        if self._input_max_length > 0:
+            extra_attrs["maxlength"] = str(self._input_max_length)
+        
+        attrs = widget_attrs(self.id(), "YMultiLineEdit", self._enabled, self._visible, extra_attrs=extra_attrs)
+        
+        html = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            html += f'<label class="mana-multilineedit-label">{label_html}</label>'
+        
+        html += f'<textarea {attrs}>{escape_html(self._value)}</textarea>'
+        return f'<div class="mana-multilineedit-container">{html}</div>'
diff --git a/manatools/aui/backends/web/panedweb.py b/manatools/aui/backends/web/panedweb.py
new file mode 100755
index 0000000..0c2a832
--- /dev/null
+++ b/manatools/aui/backends/web/panedweb.py
@@ -0,0 +1,27 @@
+"""Web backend Paned implementation."""
+from ...yui_common import YWidget, YUIDimension
+from .commonweb import widget_attrs
+
+class YPanedWeb(YWidget):
+    """Paned container with resizable split."""
+    def __init__(self, parent=None, dimension=YUIDimension.YD_HORIZ):
+        super().__init__(parent)
+        self._dimension = dimension
+    
+    def widgetClass(self):
+        return "YPaned"
+    
+    def isHorizontal(self) -> bool:
+        return self._dimension in (YUIDimension.YD_HORIZ, YUIDimension.Horizontal)
+    
+    def render(self) -> str:
+        extra_classes = "mana-paned-horizontal" if self.isHorizontal() else "mana-paned-vertical"
+        attrs = widget_attrs(self.id(), "YPaned", True, self._visible, extra_classes)
+
+        children_html = ""
+        for i, child in enumerate(self._children):
+            children_html += f'<div class="mana-paned-section">{child.render()}</div>'
+            if i < len(self._children) - 1:
+                children_html += '<div class="mana-paned-divider"></div>'
+
+        return f'<div {attrs}>{children_html}</div>'
diff --git a/manatools/aui/backends/web/progressbarweb.py b/manatools/aui/backends/web/progressbarweb.py
new file mode 100755
index 0000000..95ee0a3
--- /dev/null
+++ b/manatools/aui/backends/web/progressbarweb.py
@@ -0,0 +1,119 @@
+"""
+Web backend ProgressBar implementation.
+Author: Matteo Pasotti <xquiet@coriolite.com>
+License: LGPLv2+
+"""
+from ...yui_common import YWidget
+from .commonweb import escape_html
+
+
+class YProgressBarWeb(YWidget):
+    """Progress bar widget."""
+
+    def __init__(self, parent=None, label: str = "", max_value: int = 100):
+        super().__init__(parent)
+        self._label = label
+        self._max_value = max_value
+        self._value = 0
+
+    def widgetClass(self):
+        return "YProgressBar"
+
+    def label(self) -> str:
+        return self._label
+
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+
+    def value(self) -> int:
+        return self._value
+
+    def setValue(self, value: int):
+        self._value = max(0, min(int(value), self._max_value))
+        self._notify_update()
+
+    def maxValue(self) -> int:
+        return self._max_value
+
+    def setMaxValue(self, max_val: int):
+        self._max_value = max(1, int(max_val))
+        self._notify_update()
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def render_update(self) -> tuple:
+        """Return (target_selector, html) for partial DOM updates.
+
+        Called by _flush_update instead of render() so that only the inner div
+        is replaced, leaving the label untouched.
+
+        Returns:
+            A tuple of (css_selector, html_snippet) where css_selector targets
+            only the inner progress div and html_snippet is its new content.
+        """
+        widget_id = self.id()
+        percent = (self._value / self._max_value * 100) if self._max_value > 0 else 0
+
+        visible_style = "" if self._visible else ' style="display:none"'
+        enabled_attr = "" if self._enabled else " disabled"
+
+        inner_html = (
+            f'<div id="{widget_id}"'
+            f' class="mana-progressbar-inner"'
+            f' data-widget-class="YProgressBar"'
+            f' data-value="{self._value}"'
+            f' data-max="{self._max_value}"'
+            f'{visible_style}>'
+            f'<progress value="{self._value}" max="{self._max_value}"'
+            f'{enabled_attr}>{percent:.0f}%</progress>'
+            f'<span class="mana-progressbar-text">{percent:.0f}%</span>'
+            f'</div>'
+        )
+
+        return f'#{widget_id}', inner_html
+
+    def render(self) -> str:
+        """Full initial render: static label + dynamic inner div.
+
+        Structure:
+            <div class="mana-progressbar-container">   <- no id, no data-container-for
+                <label>...</label>                      <- static, never replaced
+                <div id="{widget_id}" ...>              <- render_update() targets this
+                    <progress .../>
+                    <span>...</span>
+                </div>
+            </div>
+
+        On subsequent setValue() calls, _flush_update uses render_update()
+        which replaces only the inner div via #id, leaving the label intact.
+        Do NOT add data-container-for to the outer div.
+        """
+        widget_id = self.id()
+
+        label_html = ""
+        if self._label:
+            label_html = (
+                f'<label class="mana-progressbar-label">'
+                f'{escape_html(self._label)}'
+                f'</label>'
+            )
+
+        _, inner_html = self.render_update()
+
+        return (
+            f'<div class="mana-progressbar-container">'
+            f'{label_html}'
+            f'{inner_html}'
+            f'</div>'
+        )
\ No newline at end of file
diff --git a/manatools/aui/backends/web/pushbuttonweb.py b/manatools/aui/backends/web/pushbuttonweb.py
new file mode 100755
index 0000000..7941a71
--- /dev/null
+++ b/manatools/aui/backends/web/pushbuttonweb.py
@@ -0,0 +1,113 @@
+"""
+Web backend PushButton implementation.
+"""
+
+import logging
+from typing import Optional
+
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut, extract_shortcut
+
+logger = logging.getLogger("manatools.aui.web.YPushButtonWeb")
+
+
+class YPushButtonWeb(YWidget):
+    """Push button widget."""
+    
+    def __init__(self, parent=None, label: str = "", icon_name: Optional[str] = None, icon_only: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._icon_name = icon_name
+        self._icon_only = bool(icon_only)
+        self._is_default = False
+        self._shortcut = extract_shortcut(label)
+    
+    def widgetClass(self):
+        return "YPushButton"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._shortcut = extract_shortcut(label)
+        self._notify_update()
+    
+    def setDefault(self, default: bool = True):
+        """Mark this button as the dialog default."""
+        self._is_default = bool(default)
+        # Notify dialog
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, 'setDefaultButton'):
+            if default:
+                dialog.setDefaultButton(self)
+            else:
+                dialog.setDefaultButton(None)
+        self._notify_update()
+    
+    def default(self) -> bool:
+        return self._is_default
+    
+    def setIcon(self, icon_name: str):
+        """Set the button icon."""
+        self._icon_name = icon_name
+        self._notify_update()
+    
+    def icon(self) -> Optional[str]:
+        return self._icon_name
+    
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        """Notify dialog that this widget needs re-render."""
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        """Render the button to HTML."""
+        extra_classes = ""
+        if self._is_default:
+            extra_classes = "mana-default"
+        if self._icon_only:
+            extra_classes += " mana-icon-only"
+        
+        extra_attrs = {
+            "data-shortcut": self._shortcut if self._shortcut else None,
+        }
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YPushButton",
+            self._enabled,
+            self._visible,
+            extra_classes.strip(),
+            extra_attrs
+        )
+        
+        # Build button content
+        content = ""
+
+        # Render icon as an <img> fetched from the /icon/ endpoint.
+        # onerror hides the image silently when the icon is not found on the
+        # server, so the button still shows its text label as fallback.
+        if self._icon_name:
+            safe_name = escape_html(self._icon_name)
+            content += (
+                f'<img class="mana-button-icon" src="/icon/{safe_name}"'
+                f' alt="{safe_name}"'
+                f' onerror="this.style.display=\'none\'">'
+            )
+
+        # Always render the label text: it acts as a fallback when the icon
+        # cannot be resolved, and improves accessibility in all cases.
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            content += f'<span class="mana-button-label">{label_html}</span>'
+
+        return f'<button {attrs}>{content}</button>'
\ No newline at end of file
diff --git a/manatools/aui/backends/web/radiobuttonweb.py b/manatools/aui/backends/web/radiobuttonweb.py
new file mode 100755
index 0000000..ef54a28
--- /dev/null
+++ b/manatools/aui/backends/web/radiobuttonweb.py
@@ -0,0 +1,64 @@
+"""Web backend RadioButton implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YRadioButtonWeb(YWidget):
+    """Radio button widget."""
+    def __init__(self, parent=None, label: str = "", isChecked: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._checked = isChecked
+        self._group_name = None
+    
+    def widgetClass(self):
+        return "YRadioButton"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def isChecked(self) -> bool:
+        return self._checked
+    
+    def setChecked(self, checked: bool = True):
+        self._checked = bool(checked)
+        self._notify_update()
+    
+    def value(self) -> bool:
+        return self._checked
+    
+    def setValue(self, checked: bool):
+        self.setChecked(checked)
+    
+    def _get_group_name(self) -> str:
+        """Get radio group name (based on parent container)."""
+        if self._group_name:
+            return self._group_name
+        if self._parent:
+            return f"radio_group_{self._parent.id()}"
+        return f"radio_group_{self.id()}"
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        group_name = self._get_group_name()
+        
+        extra_attrs = {
+            "type": "radio",
+            "name": group_name,
+            "checked": self._checked,
+        }
+        
+        attrs = widget_attrs(self.id(), "YRadioButton", self._enabled, self._visible, extra_attrs=extra_attrs)
+        label_html = format_label_with_shortcut(self._label)
+        
+        return f'''<label class="mana-radiobutton-wrapper">
+    <input {attrs}>
+    <span class="mana-radiobutton-label">{label_html}</span>
+</label>'''
diff --git a/manatools/aui/backends/web/replacepointweb.py b/manatools/aui/backends/web/replacepointweb.py
new file mode 100755
index 0000000..5cd1d79
--- /dev/null
+++ b/manatools/aui/backends/web/replacepointweb.py
@@ -0,0 +1,32 @@
+"""Web backend ReplacePoint implementation."""
+from ...yui_common import YSingleChildContainerWidget
+from .commonweb import widget_attrs
+
+class YReplacePointWeb(YSingleChildContainerWidget):
+    """Replace point - container that can swap its child dynamically."""
+    def __init__(self, parent=None):
+        super().__init__(parent)
+    
+    def widgetClass(self):
+        return "YReplacePoint"
+    
+    def showChild(self):
+        """Show the current child."""
+        if self.child():
+            self.child().setVisible(True)
+        self._notify_update()
+    
+    def deleteChildren(self):
+        """Remove all children."""
+        super().deleteChildren()
+        self._notify_update()
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        attrs = widget_attrs(self.id(), "YReplacePoint", self._enabled, self._visible)
+        content = self.child().render() if self.child() else ""
+        return f'<div {attrs}>{content}</div>'
diff --git a/manatools/aui/backends/web/richtextweb.py b/manatools/aui/backends/web/richtextweb.py
new file mode 100755
index 0000000..73dbbcc
--- /dev/null
+++ b/manatools/aui/backends/web/richtextweb.py
@@ -0,0 +1,47 @@
+"""Web backend RichText implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html
+
+class YRichTextWeb(YWidget):
+    """Rich text display widget."""
+    def __init__(self, parent=None, text: str = "", plainTextMode: bool = False):
+        super().__init__(parent)
+        self._text = text
+        self._plain_text_mode = plainTextMode
+        self._last_url: str = ""
+    
+    def widgetClass(self):
+        return "YRichText"
+    
+    def text(self) -> str:
+        return self._text
+    
+    def setText(self, text: str):
+        self._text = text
+        self._notify_update()
+    
+    def setValue(self, text: str):
+        self.setText(text)
+
+    def lastActivatedUrl(self) -> str:
+        return self._last_url
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render_update(self) -> tuple:
+        """Return (target, html, action) for partial DOM updates.
+
+        Uses action="html" to replace only innerHTML of the outer div,
+        leaving the div itself in the DOM.  This prevents any re-insertion
+        that would cause the widget to shift position in the layout.
+        """
+        content = escape_html(self._text) if self._plain_text_mode else self._text
+        return f'#{self.id()}', content, 'html'
+
+    def render(self) -> str:
+        attrs = widget_attrs(self.id(), "YRichText", self._enabled, self._visible)
+        content = escape_html(self._text) if self._plain_text_mode else self._text
+        return f'<div {attrs}>{content}</div>'
diff --git a/manatools/aui/backends/web/selectionboxweb.py b/manatools/aui/backends/web/selectionboxweb.py
new file mode 100755
index 0000000..b110a68
--- /dev/null
+++ b/manatools/aui/backends/web/selectionboxweb.py
@@ -0,0 +1,89 @@
+"""
+Web backend SelectionBox implementation.
+"""
+
+from ...yui_common import YSelectionWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+
+class YSelectionBoxWeb(YSelectionWidget):
+    """List selection box widget."""
+    
+    def __init__(self, parent=None, label: str = "", multi_selection: bool = False):
+        super().__init__(parent)
+        self._label = label
+        self._multi_selection = multi_selection
+    
+    def widgetClass(self):
+        return "YSelectionBox"
+    
+    def value(self) -> str:
+        """Return the label of the first selected item, or empty string."""
+        return self._selected_items[0].label() if self._selected_items else ""
+
+    def addItem(self, item, notify=True):
+        """Add an item and optionally push a UI update."""
+        super().addItem(item)
+        # Honor pre-selected state set by the caller before addItem().
+        if hasattr(item, 'selected') and item.selected():
+            if item not in self._selected_items:
+                if not self._multi_selection:
+                    self._selected_items = [item]
+                else:
+                    self._selected_items.append(item)
+        if notify:
+            self._notify_update()
+        return item
+
+    def _handle_selection_change(self, indices):
+        """Handle selection change from browser."""
+        if isinstance(indices, int):
+            indices = [indices]
+        
+        self._selected_items = []
+        for idx in indices:
+            if 0 <= idx < len(self._items):
+                self._selected_items.append(self._items[idx])
+    
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def render(self) -> str:
+        html = ""
+        
+        # Label
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            html += f'<label class="mana-selectionbox-label">{label_html}</label>'
+        
+        # List
+        extra_attrs = {}
+        if self._multi_selection:
+            extra_attrs["multiple"] = True
+        extra_attrs["size"] = "8"  # Default visible rows
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YSelectionBox",
+            self._enabled,
+            self._visible,
+            extra_attrs=extra_attrs
+        )
+        
+        options_html = ""
+        for i, item in enumerate(self._items):
+            selected = " selected" if item in self._selected_items else ""
+            options_html += f'<option value="{i}"{selected}>{escape_html(item.label())}</option>'
+        
+        html += f'<select {attrs}>{options_html}</select>'
+        
+        return f'<div class="mana-selectionbox-container">{html}</div>'
diff --git a/manatools/aui/backends/web/server.py b/manatools/aui/backends/web/server.py
new file mode 100755
index 0000000..8583599
--- /dev/null
+++ b/manatools/aui/backends/web/server.py
@@ -0,0 +1,735 @@
+# -*- coding: utf-8 -*-
+"""
+HTTP and WebSocket server for the web backend.
+
+License: LGPLv2+
+
+Author:  Matteo Pasotti <xquiet@coriolite.com>
+
+This module provides a simple HTTP server that serves the dialog HTML
+and handles WebSocket connections for real-time event communication.
+"""
+
+import http.server
+import socketserver
+import threading
+import json
+import os
+import re
+import glob as _glob
+import logging
+import hashlib
+import base64
+import struct
+import socket
+from typing import Optional, TYPE_CHECKING, Callable
+from urllib.parse import urlparse, parse_qs
+from importlib.resources import files
+
+if TYPE_CHECKING:
+    from .dialogweb import YDialogWeb
+
+logger = logging.getLogger("manatools.aui.web.server")
+
+
+class WebSocketHandler:
+    """
+    Simple WebSocket handler implementing RFC 6455.
+
+    This is a minimal implementation that handles text frames only.
+    """
+
+    GUID = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
+
+    # Maximum accepted incoming frame payload (16 MB).  Frames larger than
+    # this are rejected immediately so a rogue client cannot exhaust memory.
+    MAX_FRAME_SIZE = 16 * 1024 * 1024
+
+    # Hostnames / addresses considered local.  Only WebSocket upgrades and
+    # /event POST requests whose Origin matches one of these are accepted.
+    _LOCAL_HOSTS = frozenset({"localhost", "127.0.0.1", "::1"})
+
+    def __init__(
+        self,
+        request,
+        client_address,
+        on_message: Callable[[str], None],
+        on_close: Callable[[], None],
+    ):
+        self.request = request
+        self.client_address = client_address
+        self.on_message = on_message
+        self.on_close = on_close
+        self._closed = False
+        self._lock = threading.Lock()
+
+    # ------------------------------------------------------------------
+    # Origin validation (shared by WS handshake and /event POST)
+    # ------------------------------------------------------------------
+
+    @classmethod
+    def _is_local_origin(cls, origin: Optional[str]) -> bool:
+        """Return True if *origin* is absent or points to localhost.
+
+        An absent Origin header is allowed so that curl / direct browser
+        address-bar requests work.  A ``null`` origin (file://) is also
+        accepted.  Any other origin whose host is not in _LOCAL_HOSTS is
+        rejected to prevent DNS-rebinding and CSRF attacks.
+        """
+        if origin is None or origin == "null":
+            return True
+        try:
+            parsed = urlparse(origin)
+            # urlparse stores host without port in .hostname
+            return parsed.hostname in cls._LOCAL_HOSTS
+        except Exception:
+            return False
+
+    # ------------------------------------------------------------------
+    # Handshake
+    # ------------------------------------------------------------------
+
+    @classmethod
+    def handshake(cls, request_handler) -> Optional["WebSocketHandler"]:
+        """Perform WebSocket handshake. Returns WebSocketHandler on success."""
+        try:
+            origin = request_handler.headers.get("Origin")
+            if not cls._is_local_origin(origin):
+                request_handler.send_error(403, "Forbidden: non-local origin")
+                logger.warning("WebSocket upgrade rejected for origin: %s", origin)
+                return None
+
+            key = request_handler.headers.get("Sec-WebSocket-Key")
+            if not key:
+                return None
+
+            accept = hashlib.sha1((key + cls.GUID).encode()).digest()
+            accept_key = base64.b64encode(accept).decode()
+
+            response = (
+                "HTTP/1.1 101 Switching Protocols\r\n"
+                "Upgrade: websocket\r\n"
+                "Connection: Upgrade\r\n"
+                f"Sec-WebSocket-Accept: {accept_key}\r\n"
+                "\r\n"
+            )
+            request_handler.wfile.write(response.encode())
+            request_handler.wfile.flush()
+
+            return cls(
+                request_handler.request,
+                request_handler.client_address,
+                lambda msg: None,  # Placeholder, set by caller
+                lambda: None,
+            )
+        except Exception as e:
+            logger.exception("WebSocket handshake failed: %s", e)
+            return None
+
+    # ------------------------------------------------------------------
+    # Frame I/O
+    # ------------------------------------------------------------------
+
+    def _recv_exact(self, n: int) -> bytes:
+        """Read exactly *n* bytes from the socket.
+
+        Unlike a bare ``recv(n)`` call, this loops until all bytes arrive or
+        the connection is closed, preventing silent truncation on slow or
+        fragmented TCP streams.
+
+        Raises ``ConnectionError`` if the peer closes the connection before
+        *n* bytes are delivered.
+        """
+        buf = bytearray()
+        while len(buf) < n:
+            chunk = self.request.recv(n - len(buf))
+            if not chunk:
+                raise ConnectionError(
+                    f"Connection closed after {len(buf)} of {n} bytes"
+                )
+            buf.extend(chunk)
+        return bytes(buf)
+
+    def receive_frame(self) -> Optional[str]:
+        """Receive a WebSocket frame and return the text payload."""
+        try:
+            header = self._recv_exact(2)
+
+            fin = (header[0] >> 7) & 1
+            opcode = header[0] & 0x0F
+            masked = (header[1] >> 7) & 1
+            payload_len = header[1] & 0x7F
+
+            if opcode == 0x08:  # Close frame
+                self._closed = True
+                return None
+
+            if opcode == 0x09:  # Ping
+                self._send_pong()
+                return self.receive_frame()
+
+            if opcode != 0x01:  # Not a text frame
+                return self.receive_frame()
+
+            if payload_len == 126:
+                payload_len = struct.unpack(">H", self._recv_exact(2))[0]
+            elif payload_len == 127:
+                payload_len = struct.unpack(">Q", self._recv_exact(8))[0]
+
+            if payload_len > self.MAX_FRAME_SIZE:
+                self._closed = True
+                logger.warning(
+                    "WebSocket frame too large (%d bytes); closing connection",
+                    payload_len,
+                )
+                return None
+
+            mask_key = self._recv_exact(4) if masked else b""
+            payload = self._recv_exact(payload_len)
+
+            if masked:
+                payload = bytes(b ^ mask_key[i % 4] for i, b in enumerate(payload))
+
+            return payload.decode("utf-8")
+        except Exception as e:
+            if not self._closed:
+                logger.debug("WebSocket receive error: %s", e)
+            return None
+
+    def send(self, message: str):
+        """Send a text message through the WebSocket."""
+        with self._lock:
+            if self._closed:
+                return
+            try:
+                payload = message.encode("utf-8")
+                length = len(payload)
+
+                frame = bytearray()
+                frame.append(0x81)  # FIN + text opcode
+
+                if length < 126:
+                    frame.append(length)
+                elif length < 65536:
+                    frame.append(126)
+                    frame.extend(struct.pack(">H", length))
+                else:
+                    frame.append(127)
+                    frame.extend(struct.pack(">Q", length))
+
+                frame.extend(payload)
+                self.request.sendall(bytes(frame))
+            except Exception as e:
+                logger.debug("WebSocket send error: %s", e)
+                self._closed = True
+
+    def _send_pong(self):
+        """Send a pong frame."""
+        with self._lock:
+            try:
+                self.request.sendall(bytes([0x8A, 0x00]))
+            except Exception:
+                pass
+
+    def close(self):
+        """Close the WebSocket connection."""
+        with self._lock:
+            if self._closed:
+                return
+            self._closed = True
+            try:
+                self.request.sendall(bytes([0x88, 0x00]))
+            except Exception:
+                pass
+
+    def run(self):
+        """Main loop to receive and process messages."""
+        try:
+            while not self._closed:
+                message = self.receive_frame()
+                if message is None:
+                    break
+                try:
+                    self.on_message(message)
+                except Exception as e:
+                    logger.exception("Error handling WebSocket message: %s", e)
+        finally:
+            self._closed = True
+            try:
+                self.on_close()
+            except Exception:
+                pass
+
+
+# ---------------------------------------------------------------------------
+# Page builder
+# ---------------------------------------------------------------------------
+
+class PageBuilder:
+    """
+    Builds the full HTML page by loading ``templates/base.html`` from the
+    package and substituting the three runtime slots:
+
+    * ``{{ title }}``       - window / tab title
+    * ``{{ app_name }}``    - navbar brand text
+    * ``{{ dialog_html }}`` - rendered widget tree
+
+    The template is read from disk exactly once (class-level cache) so
+    repeated requests pay no I/O cost.
+    """
+
+    _template: Optional[str] = None
+    _template_lock = threading.Lock()
+
+    @classmethod
+    def _load_template(cls) -> str:
+        if cls._template is None:
+            with cls._template_lock:
+                # Double-checked locking: another thread may have loaded it
+                # while we were waiting on the lock.
+                if cls._template is None:
+                    cls._template = (
+                        files("manatools.aui.backends.web")
+                        .joinpath("templates/base.html")
+                        .read_text(encoding="utf-8")
+                    )
+        return cls._template
+
+    @classmethod
+    def build(cls, *, title: str, app_name: str, dialog_html: str) -> str:
+        """Return the complete HTML document as a string."""
+        return (
+            cls._load_template()
+            .replace("{{ title }}", title)
+            .replace("{{ app_name }}", app_name)
+            .replace("{{ dialog_html }}", dialog_html)
+        )
+
+
+# ---------------------------------------------------------------------------
+# XDG icon lookup
+# ---------------------------------------------------------------------------
+
+_ICON_NAME_RE = re.compile(r'^[a-zA-Z0-9_\-]+$')
+
+_ICON_SEARCH_DIRS = [
+    "/usr/share/icons/hicolor",
+    "/usr/share/icons/breeze",
+    "/usr/share/icons/Adwaita",
+    "/usr/share/icons/breeze-dark",
+    "/usr/local/share/icons/hicolor",
+]
+
+_ICON_SIZES = ["22x22", "24x24", "22", "24", "scalable", "16x16", "32x32", "48x48"]
+_ICON_CATEGORIES = ["actions", "apps", "emblems", "status", "places", "mimetypes"]
+_ICON_EXTENSIONS = [(".svg", "image/svg+xml"), (".png", "image/png")]
+
+
+def _find_icon_file(icon_name: str) -> Optional[tuple]:
+    """Return (filepath, mimetype) for a named XDG icon, or None if not found.
+
+    Searches standard system icon theme directories for the given icon name.
+    The icon_name must contain only [a-zA-Z0-9_-] characters (validated by caller).
+    Prefers SVG (scalable) over PNG; prefers 22px over other sizes.
+    """
+    # Structured search: known roots × sizes × categories
+    for root in _ICON_SEARCH_DIRS:
+        if not os.path.isdir(root):
+            continue
+        for size in _ICON_SIZES:
+            for category in _ICON_CATEGORIES:
+                for ext, mime in _ICON_EXTENSIONS:
+                    path = os.path.join(root, size, category, icon_name + ext)
+                    if os.path.isfile(path):
+                        return path, mime
+                # Also try "scalable" subfolder under size (some themes)
+                for ext, mime in _ICON_EXTENSIONS:
+                    path = os.path.join(root, "scalable", category, icon_name + ext)
+                    if os.path.isfile(path):
+                        return path, mime
+
+    # Broader glob over all installed icon themes
+    for root in ["/usr/share/icons", "/usr/local/share/icons",
+                 os.path.expanduser("~/.local/share/icons")]:
+        if not os.path.isdir(root):
+            continue
+        for ext, mime in _ICON_EXTENSIONS:
+            matches = _glob.glob(
+                os.path.join(root, "**", icon_name + ext), recursive=True
+            )
+            if matches:
+                return matches[0], mime
+
+    # Fallback: /usr/share/pixmaps
+    for ext, mime in _ICON_EXTENSIONS:
+        path = f"/usr/share/pixmaps/{icon_name}{ext}"
+        if os.path.isfile(path):
+            return path, mime
+
+    return None
+
+
+# ---------------------------------------------------------------------------
+# Request handler
+# ---------------------------------------------------------------------------
+
+class ManaToolsRequestHandler(http.server.BaseHTTPRequestHandler):
+    """HTTP request handler for ManaTools web backend."""
+
+    # Injected by WebServer via a per-request subclass
+    dialog: Optional["YDialogWeb"] = None
+
+    def log_message(self, format, *args):
+        logger.debug(format, *args)
+
+    def _send_security_headers(self):
+        """Emit HTTP security headers on every successful response.
+
+        * CSP: restricts scripts/fonts/images to same origin; allows inline
+          styles because Bootstrap JS sets ``style=""`` attributes at runtime.
+          WebSocket connections back to the same host are explicitly permitted.
+        * X-Content-Type-Options: prevents MIME-type sniffing.
+        * X-Frame-Options: prevents the page being embedded in an iframe.
+        * Referrer-Policy: prevents leaking the URL to third-party requests.
+        """
+        self.send_header(
+            "Content-Security-Policy",
+            "default-src 'self'; "
+            "script-src 'self'; "
+            "style-src 'self' 'unsafe-inline'; "
+            "img-src 'self' data:; "
+            "font-src 'self'; "
+            "connect-src 'self' ws: wss:; "
+            "frame-ancestors 'none';",
+        )
+        self.send_header("X-Content-Type-Options", "nosniff")
+        self.send_header("X-Frame-Options", "DENY")
+        self.send_header("Referrer-Policy", "same-origin")
+
+    def handle_one_request(self):
+        """Override to suppress flush errors after a WebSocket upgrade."""
+        try:
+            super().handle_one_request()
+        except Exception:
+            # After a WebSocket upgrade the underlying socket is owned by
+            # WebSocketHandler.run().  BaseHTTPRequestHandler tries to flush
+            # wfile when handle_one_request() returns, which raises on Windows
+            # because the socket is in raw mode.  Swallow silently here.
+            pass
+
+    def do_GET(self):
+        parsed = urlparse(self.path)
+        path = parsed.path
+
+        if path in ("/", "/index.html"):
+            self._serve_main_page()
+        elif path == "/ws":
+            self._handle_websocket()
+        elif path.startswith("/static/"):
+            self._serve_static(path[len("/static/"):])
+        elif path.startswith("/icon/"):
+            self._serve_icon(path[len("/icon/"):])
+        elif path == "/events":
+            self._serve_sse()
+        else:
+            self.send_error(404, "Not Found")
+
+    def do_POST(self):
+        if urlparse(self.path).path == "/event":
+            self._handle_event_post()
+        else:
+            self.send_error(404, "Not Found")
+
+    # ------------------------------------------------------------------
+    # Page serving
+    # ------------------------------------------------------------------
+
+    def _resolve_title(self) -> str:
+        """Return the application title, falling back to 'ManaTools'."""
+        try:
+            from ...yui import YUI
+            app = YUI.application()
+            if app:
+                return app.applicationTitle() or "ManaTools"
+        except Exception:
+            pass
+        return "ManaTools"
+
+    def _serve_main_page(self):
+        if not self.dialog:
+            self.send_error(500, "No dialog available")
+            return
+        try:
+            from .commonweb import set_initial_render
+            title = self._resolve_title()
+            set_initial_render(True)
+            try:
+                dialog_html = self.dialog.render()
+            finally:
+                set_initial_render(False)
+            html = PageBuilder.build(
+                title=title,
+                app_name=title,
+                dialog_html=dialog_html,
+            )
+            encoded = html.encode("utf-8")
+            self.send_response(200)
+            self.send_header("Content-Type", "text/html; charset=utf-8")
+            self.send_header("Content-Length", str(len(encoded)))
+            self._send_security_headers()
+            self.end_headers()
+            self.wfile.write(encoded)
+        except Exception as e:
+            logger.exception("Error serving main page: %s", e)
+            self.send_error(500, str(e))
+
+    # ------------------------------------------------------------------
+    # Static files
+    # ------------------------------------------------------------------
+
+    _CONTENT_TYPES = {
+        ".css":   "text/css",
+        ".js":    "application/javascript",
+        ".map":   "application/json",          # source maps shipped with Bootstrap
+        ".png":   "image/png",
+        ".svg":   "image/svg+xml",
+        ".ico":   "image/x-icon",
+        ".woff2": "font/woff2",
+        ".woff":  "font/woff",
+        ".ttf":   "font/ttf",
+    }
+
+    def _serve_static(self, filename: str):
+        # Resolve both roots to absolute real paths so that symlinks and any
+        # OS-level normalisation are accounted for before the containment check.
+        static_dir = os.path.realpath(os.path.join(os.path.dirname(__file__), "static"))
+        filepath   = os.path.realpath(os.path.join(static_dir, filename))
+
+        # Reject anything that escapes the static root (path traversal guard).
+        # The trailing sep ensures "/static/css" cannot escape via "/static/css../".
+        if not filepath.startswith(static_dir + os.sep):
+            self.send_error(403, "Forbidden")
+            return
+
+        if not os.path.isfile(filepath):
+            self.send_error(404, "Not Found")
+            return
+
+        ext = os.path.splitext(filename)[1].lower()
+        content_type = self._CONTENT_TYPES.get(ext, "application/octet-stream")
+
+        try:
+            with open(filepath, "rb") as f:
+                content = f.read()
+            self.send_response(200)
+            self.send_header("Content-Type", content_type)
+            self.send_header("Content-Length", str(len(content)))
+            self.end_headers()
+            self.wfile.write(content)
+        except (BrokenPipeError, ConnectionResetError):
+            logger.debug("Client disconnected while serving static file %s", filename)
+        except Exception as e:
+            logger.exception("Error serving static file %s: %s", filename, e)
+            self.send_error(500, str(e))
+
+    # ------------------------------------------------------------------
+    # Icon serving
+    # ------------------------------------------------------------------
+
+    def _serve_icon(self, icon_name: str):
+        """Serve a system icon by its XDG icon name.
+
+        Only names matching [a-zA-Z0-9_-] are accepted.  The file is looked up
+        via :func:`_find_icon_file` and served directly from disk.
+        """
+        if not _ICON_NAME_RE.match(icon_name):
+            self.send_error(400, "Invalid icon name")
+            return
+
+        result = _find_icon_file(icon_name)
+        if result is None:
+            self.send_error(404, "Icon not found")
+            return
+
+        filepath, mime = result
+        try:
+            with open(filepath, "rb") as f:
+                content = f.read()
+            self.send_response(200)
+            self.send_header("Content-Type", mime)
+            self.send_header("Content-Length", str(len(content)))
+            self.send_header("Cache-Control", "public, max-age=3600")
+            self.end_headers()
+            self.wfile.write(content)
+        except (BrokenPipeError, ConnectionResetError):
+            logger.debug("Client disconnected while serving icon %s", icon_name)
+        except Exception as e:
+            logger.exception("Error serving icon %s: %s", icon_name, e)
+            self.send_error(500, str(e))
+
+    # ------------------------------------------------------------------
+    # WebSocket
+    # ------------------------------------------------------------------
+
+    def _handle_websocket(self):
+        ws = WebSocketHandler.handshake(self)
+        if not ws:
+            self.send_error(400, "WebSocket handshake failed")
+            return
+
+        if self.dialog:
+            self.dialog._register_websocket(ws)
+
+        def on_message(message: str):
+            try:
+                data = json.loads(message)
+                # Always route to the topmost open dialog so that popup
+                # dialogs receive events while they are active.
+                from .dialogweb import YDialogWeb
+                topmost = YDialogWeb.currentDialog(doThrow=False)
+                target = topmost if topmost is not None else self.dialog
+                if target:
+                    target._handle_ws_message(data)
+            except json.JSONDecodeError:
+                logger.warning("Invalid JSON in WebSocket message: %s", message)
+
+        def on_close():
+            if self.dialog:
+                self.dialog._unregister_websocket(ws)
+
+        ws.on_message = on_message
+        ws.on_close = on_close
+        ws.run()
+
+        # The WebSocket session is over.  Disable wfile so that
+        # handle_one_request()'s cleanup path cannot write to the socket.
+        try:
+            devnull = open(os.devnull, "wb")
+            old_wfile = self.wfile
+            self.wfile = devnull
+            try:
+                old_wfile.close()
+            except Exception:
+                pass
+        except Exception:
+            pass
+
+    # ------------------------------------------------------------------
+    # HTTP event fallback
+    # ------------------------------------------------------------------
+
+    # Maximum body size accepted from the /event POST fallback endpoint.
+    # UI events are tiny JSON objects; anything larger is rejected immediately.
+    MAX_POST_BODY = 64 * 1024  # 64 KB
+
+    def _handle_event_post(self):
+        origin = self.headers.get("Origin")
+        if not WebSocketHandler._is_local_origin(origin):
+            self.send_error(403, "Forbidden: non-local origin")
+            logger.warning("/event POST rejected for origin: %s", origin)
+            return
+        try:
+            length = int(self.headers.get("Content-Length", 0))
+            if length > self.MAX_POST_BODY:
+                self.send_error(413, "Payload Too Large")
+                logger.warning("/event POST body too large: %d bytes", length)
+                return
+            data = json.loads(self.rfile.read(length).decode("utf-8"))
+            from .dialogweb import YDialogWeb
+            topmost = YDialogWeb.currentDialog(doThrow=False)
+            target = topmost if topmost is not None else self.dialog
+            if target:
+                target._handle_ws_message(data)
+            self.send_response(200)
+            self.send_header("Content-Type", "application/json")
+            self.end_headers()
+            self.wfile.write(b'{"status": "ok"}')
+        except Exception as e:
+            logger.exception("Error handling event POST: %s", e)
+            self.send_error(500, str(e))
+
+    # ------------------------------------------------------------------
+    # SSE fallback
+    # ------------------------------------------------------------------
+
+    def _serve_sse(self):
+        self.send_response(200)
+        self.send_header("Content-Type", "text/event-stream")
+        self.send_header("Cache-Control", "no-cache")
+        self.send_header("Connection", "keep-alive")
+        self.end_headers()
+        try:
+            while True:
+                self.wfile.write(b": keepalive\n\n")
+                self.wfile.flush()
+                threading.Event().wait(30)
+        except Exception:
+            pass
+
+
+# ---------------------------------------------------------------------------
+# Server infrastructure
+# ---------------------------------------------------------------------------
+
+class ThreadedHTTPServer(socketserver.ThreadingMixIn, http.server.HTTPServer):
+    """HTTP server that handles each request in a dedicated thread."""
+    allow_reuse_address = True
+    daemon_threads = True
+
+
+class WebServer:
+    """
+    Main web server for the ManaTools web backend.
+
+    Manages HTTP server lifecycle, WebSocket connections, and serves the
+    dialog UI.
+    """
+
+    def __init__(
+        self,
+        dialog: "YDialogWeb",
+        host: str = "127.0.0.1",
+        port: int = 0,
+    ):
+        self.dialog = dialog
+        self.host = host
+        self.port = port
+        self._server: Optional[ThreadedHTTPServer] = None
+        self._running = False
+        self._lock = threading.Lock()
+
+    def start(self):
+        """Start the HTTP server (blocking)."""
+        with self._lock:
+            if self._running:
+                return
+
+            handler_class = type(
+                "DialogRequestHandler",
+                (ManaToolsRequestHandler,),
+                {"dialog": self.dialog},
+            )
+            self._server = ThreadedHTTPServer((self.host, self.port), handler_class)
+            self.port = self._server.server_address[1]
+            self._running = True
+
+        logger.info("Web server started at %s", self.get_url())
+        try:
+            self._server.serve_forever()
+        except Exception as e:
+            logger.exception("Server error: %s", e)
+        finally:
+            self._running = False
+
+    def stop(self):
+        """Stop the HTTP server."""
+        with self._lock:
+            if self._server and self._running:
+                self._server.shutdown()
+                self._running = False
+
+    def get_url(self) -> str:
+        return f"http://{self.host}:{self.port}/"
+
+    def is_running(self) -> bool:
+        return self._running
\ No newline at end of file
diff --git a/manatools/aui/backends/web/sliderweb.py b/manatools/aui/backends/web/sliderweb.py
new file mode 100755
index 0000000..d1fe8bc
--- /dev/null
+++ b/manatools/aui/backends/web/sliderweb.py
@@ -0,0 +1,60 @@
+"""Web backend Slider implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YSliderWeb(YWidget):
+    """Slider input widget."""
+    def __init__(self, parent=None, label: str = "", minVal: int = 0, maxVal: int = 100, initialVal: int = 0):
+        super().__init__(parent)
+        self._label = label
+        self._min_val = minVal
+        self._max_val = maxVal
+        self._value = max(minVal, min(initialVal, maxVal))
+    
+    def widgetClass(self):
+        return "YSlider"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def value(self) -> int:
+        return self._value
+    
+    def setValue(self, val):
+        val = int(val) if val is not None else self._min_val
+        self._value = max(self._min_val, min(val, self._max_val))
+        self._notify_update()
+    
+    def minValue(self) -> int:
+        return self._min_val
+    
+    def maxValue(self) -> int:
+        return self._max_val
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        extra_attrs = {
+            "type": "range",
+            "min": str(self._min_val),
+            "max": str(self._max_val),
+            "value": str(self._value),
+        }
+        
+        attrs = widget_attrs(self.id(), "YSlider", self._enabled, self._visible, extra_attrs=extra_attrs)
+        
+        html = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            html += f'<label class="mana-slider-label">{label_html}</label>'
+        
+        html += f'<input {attrs}>'
+        html += f'<span class="mana-slider-value">{self._value}</span>'
+        return f'<div class="mana-slider-container">{html}</div>'
diff --git a/manatools/aui/backends/web/spacingweb.py b/manatools/aui/backends/web/spacingweb.py
new file mode 100755
index 0000000..1cf07bd
--- /dev/null
+++ b/manatools/aui/backends/web/spacingweb.py
@@ -0,0 +1,60 @@
+"""
+Web backend Spacing implementation.
+"""
+
+from ...yui_common import YWidget, YUIDimension
+from .commonweb import widget_attrs
+
+
+class YSpacingWeb(YWidget):
+    """Spacing/stretch widget."""
+    
+    def __init__(self, parent=None, dim=YUIDimension.YD_HORIZ, stretchable: bool = False, size_px: int = 0):
+        super().__init__(parent)
+        self._dimension = dim
+        self._stretchable = stretchable
+        self._size_px = max(0, int(size_px))
+        
+        # Set stretchability based on dimension
+        if dim == YUIDimension.YD_HORIZ or dim == YUIDimension.Horizontal:
+            self._stretchable_horiz = stretchable
+        else:
+            self._stretchable_vert = stretchable
+    
+    def widgetClass(self):
+        return "YSpacing"
+    
+    def render(self) -> str:
+        is_horizontal = self._dimension in (YUIDimension.YD_HORIZ, YUIDimension.Horizontal)
+        
+        style_parts = []
+        
+        if self._stretchable:
+            style_parts.append("flex-grow: 1")
+            if is_horizontal:
+                style_parts.append(f"min-width: {self._size_px}px" if self._size_px else "min-width: 0")
+            else:
+                style_parts.append(f"min-height: {self._size_px}px" if self._size_px else "min-height: 0")
+        else:
+            if is_horizontal:
+                style_parts.append(f"width: {self._size_px}px")
+                style_parts.append("flex-shrink: 0")
+            else:
+                style_parts.append(f"height: {self._size_px}px")
+                style_parts.append("flex-shrink: 0")
+        
+        style = "; ".join(style_parts)
+        
+        extra_attrs = {"style": style}
+        extra_classes = "mana-hspacing" if is_horizontal else "mana-vspacing"
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YSpacing",
+            self._enabled,
+            self._visible,
+            extra_classes,
+            extra_attrs
+        )
+        
+        return f'<div {attrs}></div>'
diff --git a/manatools/aui/backends/web/static/css/manatools.css b/manatools/aui/backends/web/static/css/manatools.css
new file mode 100755
index 0000000..04ef042
--- /dev/null
+++ b/manatools/aui/backends/web/static/css/manatools.css
@@ -0,0 +1,1071 @@
+/**
+ * ManaTools Web Backend CSS
+ * Author: Matteo Pasotti <xquiet@coriolite.com>
+ * License: LGPLv2+
+ * Modern, clean styling for ManaTools applications rendered in a browser.
+ */
+
+/* ============================================
+   CSS Variables / Theme
+   ============================================ */
+:root {
+    --mana-bg-primary: #f5f5f5;
+    --mana-bg-secondary: #ffffff;
+    --mana-bg-hover: #e8e8e8;
+    --mana-bg-active: #d0d0d0;
+    
+    --mana-text-primary: #212121;
+    --mana-text-secondary: #666666;
+    --mana-text-disabled: #999999;
+    
+    --mana-border-color: #cccccc;
+    --mana-border-focus: #0066cc;
+    
+    --mana-accent: #0066cc;
+    --mana-accent-hover: #0055aa;
+    --mana-accent-light: #e6f0ff;
+    
+    --mana-success: #28a745;
+    --mana-warning: #ffc107;
+    --mana-danger: #dc3545;
+    --mana-info: #17a2b8;
+    
+    --mana-spacing-xs: 4px;
+    --mana-spacing-sm: 8px;
+    --mana-spacing-md: 16px;
+    --mana-spacing-lg: 24px;
+    --mana-spacing-xl: 32px;
+    
+    --mana-radius: 4px;
+    --mana-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    --mana-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
+    
+    --mana-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    --mana-font-size: 14px;
+    --mana-line-height: 1.5;
+}
+
+/* ============================================
+   Reset & Base
+   ============================================ */
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-family: var(--mana-font-family);
+    font-size: var(--mana-font-size);
+    line-height: var(--mana-line-height);
+    color: var(--mana-text-primary);
+    background-color: var(--mana-bg-primary);
+}
+
+#mana-app {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+/* ============================================
+   Dialog
+   ============================================ */
+.mana-ydialog {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background: var(--mana-bg-secondary);
+}
+
+.mana-dialog-main {
+    flex: 1;
+}
+
+/* === Busy overlay === */
+/*
+ * position:fixed + inset:0 + z-index:2000 places the overlay above every
+ * other element.  The default pointer-events:auto on the overlay itself is
+ * sufficient to absorb all clicks while it is visible — no sibling rule is
+ * needed and would in fact break modals appended after the overlay in <body>.
+ */
+#mana-busy-overlay {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.45);
+    z-index: 2000;
+    cursor: wait;
+}
+
+/* === Shutdown overlay === */
+/*
+ * Shown when the Python application exits cleanly (shutdown WS message).
+ * Sits above everything (z-index 2100), is never hidden by the user, and
+ * offers only a Reload button so the user knows the session has ended.
+ */
+#mana-shutdown-overlay {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.75);
+    z-index: 2100;
+}
+
+.mana-shutdown-box {
+    background: var(--bs-dark, #212529);
+    color: var(--bs-light, #f8f9fa);
+    border: 1px solid rgba(255, 255, 255, 0.15);
+    border-radius: 0.5rem;
+    padding: 2rem 2.5rem;
+    text-align: center;
+    max-width: 26rem;
+}
+
+.mana-shutdown-icon {
+    font-size: 2rem;
+    color: var(--bs-danger, #dc3545);
+    display: block;
+    margin-bottom: 0.75rem;
+}
+
+.mana-shutdown-msg {
+    margin: 0 0 0.25rem;
+    font-size: 1rem;
+}
+
+.mana-popup-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.45);
+    z-index: 1050;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mana-popup-container {
+    background: var(--mana-bg-secondary);
+    border-radius: var(--mana-radius);
+    box-shadow: var(--mana-shadow-lg);
+    min-width: 300px;
+    max-width: 90vw;
+    max-height: 90vh;
+    overflow: auto;
+    padding: var(--mana-spacing-md);
+}
+
+.mana-dialog-popup {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    min-width: 300px;
+    max-width: 90vw;
+    max-height: 90vh;
+    border-radius: var(--mana-radius);
+    box-shadow: var(--mana-shadow-lg);
+    overflow: auto;
+}
+
+.mana-dialog-header {
+    padding: var(--mana-spacing-sm) var(--mana-spacing-md);
+    background: var(--mana-accent);
+    color: white;
+}
+
+.mana-dialog-title {
+    margin: 0;
+    font-size: 1.1em;
+    font-weight: 500;
+}
+
+.mana-dialog-content {
+    padding: var(--mana-spacing-md);
+    flex: 1;
+}
+
+.mana-dialog-info .mana-dialog-header {
+    background: var(--mana-info);
+}
+
+.mana-dialog-warn .mana-dialog-header {
+    background: var(--mana-warning);
+    color: var(--mana-text-primary);
+}
+
+/* ============================================
+   Layout Containers
+   ============================================ */
+.mana-yvbox {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mana-spacing-sm);
+    min-height: 0;
+    min-width: 0;
+}
+
+.mana-yhbox {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: var(--mana-spacing-sm);
+    align-items: center;
+    min-height: 0;
+    min-width: 0;
+}
+
+.mana-yalignment {
+    display: flex;
+    flex: 1 1 auto;         /* participate in parent flex layout */
+    min-width: min-content; /* allow wrapping in HBox, don't collapse */
+}
+
+/* Inside a VBox, alignment containers must shrink with the column */
+.mana-yvbox > .mana-yalignment,
+.mana-paned-section > .mana-yalignment {
+    min-width: 0;
+}
+
+.mana-yspacing {
+    display: block;
+}
+
+.mana-hspacing {
+    height: 1px;
+}
+
+.mana-vspacing {
+    width: 1px;
+}
+
+/* ============================================
+   Labels & Text
+   ============================================ */
+.mana-ylabel {
+    display: inline;
+    color: var(--mana-text-primary);
+}
+
+.mana-ylabel.mana-heading {
+    display: block;
+    font-size: 1.2em;
+    font-weight: 600;
+    margin: var(--mana-spacing-sm) 0;
+    color: var(--mana-text-primary);
+}
+
+.mana-ylabel.mana-output {
+    font-family: monospace;
+    background: var(--mana-bg-primary);
+    padding: var(--mana-spacing-xs) var(--mana-spacing-sm);
+    border-radius: var(--mana-radius);
+}
+
+.mana-ylabel u {
+    text-decoration: underline;
+}
+
+.mana-nowrap {
+    white-space: nowrap;
+}
+
+/* ============================================
+   Buttons
+   ============================================ */
+.mana-ypushbutton {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--mana-spacing-xs);
+    padding: var(--mana-spacing-sm) var(--mana-spacing-md);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    background: var(--mana-bg-secondary);
+    color: var(--mana-text-primary);
+    font-family: inherit;
+    font-size: inherit;
+    cursor: pointer;
+    transition: all 0.15s ease;
+}
+
+.mana-ypushbutton:hover:not(:disabled) {
+    background: var(--mana-bg-hover);
+    border-color: var(--mana-accent);
+}
+
+.mana-ypushbutton:active:not(:disabled) {
+    background: var(--mana-bg-active);
+}
+
+.mana-ypushbutton:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--mana-accent-light);
+    border-color: var(--mana-border-focus);
+}
+
+.mana-ypushbutton:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.mana-ypushbutton.mana-default {
+    background: var(--mana-accent);
+    border-color: var(--mana-accent);
+    color: white;
+}
+
+.mana-ypushbutton.mana-default:hover:not(:disabled) {
+    background: var(--mana-accent-hover);
+}
+
+.mana-ypushbutton.mana-icon-only {
+    padding: var(--mana-spacing-sm);
+}
+
+.mana-button-icon {
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
+    flex-shrink: 0;
+}
+
+/* ============================================
+   Input Fields
+   ============================================ */
+.mana-yinputfield-container,
+.mana-intfield-container,
+.mana-datefield-container,
+.mana-timefield-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mana-spacing-xs);
+}
+
+.mana-yinputfield,
+.mana-yintfield,
+.mana-ydatefield,
+.mana-ytimefield {
+    padding: var(--mana-spacing-sm);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    font-family: inherit;
+    font-size: inherit;
+    background: var(--mana-bg-secondary);
+    transition: border-color 0.15s ease;
+}
+
+.mana-yinputfield:focus,
+.mana-yintfield:focus,
+.mana-ydatefield:focus,
+.mana-ytimefield:focus {
+    outline: none;
+    border-color: var(--mana-border-focus);
+    box-shadow: 0 0 0 2px var(--mana-accent-light);
+}
+
+.mana-yinputfield:disabled,
+.mana-yintfield:disabled {
+    background: var(--mana-bg-primary);
+    color: var(--mana-text-disabled);
+}
+
+.mana-inputfield-label,
+.mana-intfield-label,
+.mana-datefield-label,
+.mana-timefield-label {
+    font-weight: 500;
+    color: var(--mana-text-secondary);
+}
+
+/* ============================================
+   Checkboxes & Radio Buttons
+   ============================================ */
+.mana-checkbox-wrapper,
+.mana-radiobutton-wrapper {
+    display: flex;
+    align-items: center;
+    gap: var(--mana-spacing-sm);
+    cursor: pointer;
+}
+
+.mana-ycheckbox,
+.mana-yradiobutton {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    accent-color: var(--mana-accent);
+}
+
+/* ============================================
+   ComboBox & SelectionBox
+   ============================================ */
+.mana-combobox-container,
+.mana-selectionbox-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mana-spacing-xs);
+}
+
+.mana-ycombobox,
+.mana-yselectionbox {
+    padding: var(--mana-spacing-sm);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    font-family: inherit;
+    font-size: inherit;
+    background: var(--mana-bg-secondary);
+}
+
+.mana-ycombobox:focus,
+.mana-yselectionbox:focus {
+    outline: none;
+    border-color: var(--mana-border-focus);
+    box-shadow: 0 0 0 2px var(--mana-accent-light);
+}
+
+.mana-combobox-label,
+.mana-selectionbox-label {
+    font-weight: 500;
+    color: var(--mana-text-secondary);
+}
+
+/* ============================================
+   Frame
+   ============================================ */
+.mana-yframe {
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    padding: var(--mana-spacing-md);
+    margin: var(--mana-spacing-sm) 0;
+    min-height: 0;          /* allow shrinking in flex column */
+    overflow: auto;         /* scroll instead of overlapping siblings */
+    flex: 1 1 auto;         /* grow to fill available space */
+    min-width: min-content; /* wrap in HBox instead of collapsing to zero */
+}
+
+/* Inside a VBox (column direction) the frame must be allowed to shrink
+   narrower than its content's min-content width — otherwise it overflows
+   a narrow column.  The flex column context never needs wrapping, only
+   vertical shrinkage. */
+.mana-yvbox > .mana-yframe,
+.mana-paned-section > .mana-yframe {
+    min-width: 0;
+}
+
+.mana-frame-legend {
+    padding: 0 var(--mana-spacing-sm);
+    font-weight: 500;
+    color: var(--mana-text-secondary);
+}
+
+.mana-frame-content {
+    padding-top: var(--mana-spacing-sm);
+    min-height: 0;
+    overflow: auto;
+}
+
+/* CheckBox Frame */
+.mana-ycheckboxframe {
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    padding: var(--mana-spacing-md);
+}
+
+.mana-checkboxframe-legend {
+    display: flex;
+    align-items: center;
+    gap: var(--mana-spacing-sm);
+    padding: 0 var(--mana-spacing-sm);
+}
+
+.mana-checkboxframe-content.mana-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+/* ============================================
+   Progress Bar
+   ============================================ */
+.mana-progressbar-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mana-spacing-xs);
+}
+
+.mana-yprogressbar {
+    width: 100%;
+    height: 20px;
+    border-radius: var(--mana-radius);
+    overflow: hidden;
+}
+
+.mana-yprogressbar::-webkit-progress-bar {
+    background: var(--mana-bg-primary);
+}
+
+.mana-yprogressbar::-webkit-progress-value {
+    background: var(--mana-accent);
+}
+
+.mana-yprogressbar::-moz-progress-bar {
+    background: var(--mana-accent);
+}
+
+.mana-progressbar-text {
+    font-size: 0.9em;
+    color: var(--mana-text-secondary);
+    text-align: center;
+}
+
+/* ============================================
+   Slider
+   ============================================ */
+.mana-slider-container {
+    display: flex;
+    align-items: center;
+    gap: var(--mana-spacing-sm);
+}
+
+.mana-yslider {
+    flex: 1;
+    height: 8px;
+    border-radius: 4px;
+    accent-color: var(--mana-accent);
+}
+
+.mana-slider-value {
+    min-width: 40px;
+    text-align: right;
+    color: var(--mana-text-secondary);
+}
+
+/* ============================================
+   MultiLine Edit
+   ============================================ */
+.mana-multilineedit-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mana-spacing-xs);
+}
+
+.mana-ymultilineedit {
+    padding: var(--mana-spacing-sm);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    font-family: inherit;
+    font-size: inherit;
+    min-height: 100px;
+    resize: vertical;
+}
+
+.mana-ymultilineedit:focus {
+    outline: none;
+    border-color: var(--mana-border-focus);
+    box-shadow: 0 0 0 2px var(--mana-accent-light);
+}
+
+/* ============================================
+   Table
+   ============================================ */
+
+/* Wrapper — flex column so scroll area can grow/shrink */
+.mana-ytable {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    min-height: 0;
+    min-width: 0; /* allow shrinking in a flex-row parent without overflowing */
+}
+
+/* Controls bar: "Show N" selector + search box */
+.mana-table-controls {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.4rem;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    position: relative; /* prevent overlap with sibling elements */
+    z-index: 1;
+}
+
+.mana-table-length-label {
+    display: flex;
+    align-items: center;
+    gap: 0.35rem;
+    font-size: 0.875rem;
+    white-space: nowrap;
+}
+
+.mana-table-pagesize {
+    width: auto;
+}
+
+.mana-table-search {
+    min-width: 0;
+    max-width: 200px;
+    width: 200px;
+}
+
+/* Scrollable table area */
+.mana-table-scroll {
+    flex: 1;
+    min-height: 0;
+    min-width: 0; /* allow shrinking; overflow:auto provides the scrollbar */
+    overflow: auto;
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+}
+
+/* The actual <table> inside the scroll area */
+.mana-table-inner {
+    width: 100%;
+    margin-bottom: 0;
+}
+
+.mana-table-inner th {
+    background: var(--mana-bg-primary);
+    font-weight: 600;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+}
+
+.mana-table-inner tr:hover td {
+    background: var(--mana-bg-hover);
+}
+
+.mana-table-inner tr.selected td {
+    background: var(--mana-accent-light);
+}
+
+.mana-table-inner tr.mana-table-loading td {
+    pointer-events: none;
+}
+
+/* Footer: info text + pagination nav */
+.mana-table-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0.4rem;
+    flex-shrink: 0;
+    font-size: 0.875rem;
+}
+
+.mana-table-info {
+    color: var(--bs-secondary-color, #6c757d);
+}
+
+/* ============================================
+   Tree
+   ============================================ */
+.mana-tree-container {
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    overflow: auto;
+    max-height: 300px;
+}
+
+.mana-ytree {
+    padding: var(--mana-spacing-sm);
+}
+
+.mana-tree-item {
+    padding: var(--mana-spacing-xs) var(--mana-spacing-sm);
+    cursor: pointer;
+    border-radius: var(--mana-radius);
+}
+
+.mana-tree-item:hover {
+    background: var(--mana-bg-hover);
+}
+
+.mana-tree-item.selected {
+    background: var(--mana-accent-light);
+}
+
+.mana-tree-children {
+    margin-left: var(--mana-spacing-md);
+}
+
+/* ============================================
+   RichText
+   ============================================ */
+.mana-yrichtext {
+    padding: var(--mana-spacing-md);
+    background: var(--mana-bg-secondary);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    overflow: auto;
+    min-width: 0;       /* allow shrinking below intrinsic width in flex row */
+    box-sizing: border-box; /* padding stays within bounds */
+}
+
+/* ============================================
+   Menu Bar
+   ============================================ */
+.mana-ymenubar {
+    display: flex;
+    gap: var(--mana-spacing-xs);
+    padding: var(--mana-spacing-xs) var(--mana-spacing-sm);
+    background: var(--mana-bg-primary);
+    border-bottom: 1px solid var(--mana-border-color);
+}
+
+.mana-menu {
+    position: relative;
+}
+
+.mana-menu-label {
+    padding: var(--mana-spacing-xs) var(--mana-spacing-sm);
+    cursor: pointer;
+    border-radius: var(--mana-radius);
+    user-select: none;
+}
+
+.mana-menu-label:hover,
+.mana-menu.open .mana-menu-label {
+    background: var(--mana-bg-hover);
+}
+
+.mana-submenu {
+    display: none;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    min-width: 180px;
+    background: var(--mana-bg-secondary);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+    box-shadow: var(--mana-shadow);
+    z-index: 1000;
+    /* small top padding bridges the gap so mouse doesn't exit on the way down */
+    padding-top: 2px;
+}
+
+/* JS toggles .open — no CSS :hover so the menu doesn't close when
+   the cursor briefly crosses the gap between label and submenu */
+.mana-menu.open > .mana-submenu {
+    display: block;
+}
+
+.mana-menu-item {
+    padding: var(--mana-spacing-sm) var(--mana-spacing-md);
+    cursor: pointer;
+}
+
+.mana-menu-item:hover {
+    background: var(--mana-bg-hover);
+}
+
+.mana-menu-item.disabled {
+    color: var(--mana-text-disabled);
+    cursor: not-allowed;
+}
+
+.mana-menu-separator {
+    margin: var(--mana-spacing-xs) 0;
+    border: none;
+    border-top: 1px solid var(--mana-border-color);
+}
+
+/* ============================================
+   Tabs (DumbTab) — Bootstrap 5.3 nav-tabs
+   ============================================ */
+.mana-ydumbtab {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Active tab colour follows the application accent */
+.mana-ydumbtab .nav-tabs .nav-link.active {
+    color: var(--mana-accent);
+    border-bottom-color: transparent;
+}
+
+.mana-ydumbtab .nav-tabs .nav-link:not(.active):hover {
+    color: var(--mana-accent);
+}
+
+.mana-dumbtab-content {
+    padding: var(--mana-spacing-md) 0;
+    flex: 1;
+    min-height: 0;
+}
+
+/* ============================================
+   Log View
+   ============================================ */
+.mana-logview-container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mana-spacing-xs);
+}
+
+.mana-ylogview {
+    background: var(--mana-bg-primary);
+    border: 1px solid var(--mana-border-color);
+    border-radius: var(--mana-radius);
+}
+
+.mana-logview-content {
+    margin: 0;
+    padding: var(--mana-spacing-sm);
+    font-family: monospace;
+    font-size: 0.9em;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+/* ============================================
+   Paned
+   ============================================ */
+.mana-ypaned {
+    display: flex;
+    gap: 0;
+}
+
+.mana-paned-section {
+    overflow: auto;
+}
+
+.mana-paned-divider {
+    background: var(--mana-border-color);
+    cursor: col-resize;
+    flex-shrink: 0; /* never compress the divider bar */
+}
+
+.mana-paned-horizontal .mana-paned-divider {
+    width: 4px;
+    cursor: col-resize;
+}
+
+.mana-paned-vertical .mana-paned-divider {
+    height: 4px;
+    cursor: row-resize;
+    margin: 0.25rem 0; /* breathing room above/below the horizontal rule */
+}
+
+.mana-paned-divider:hover {
+    background: var(--mana-accent);
+}
+
+/* Drag-state: lock cursor and suppress text selection across the whole page */
+body.mana-dragging-col,
+body.mana-dragging-col * { cursor: col-resize !important; user-select: none !important; }
+
+body.mana-dragging-row,
+body.mana-dragging-row * { cursor: row-resize !important; user-select: none !important; }
+
+/* Collapse a paned section whose direct-child widget is hidden, and hide
+   the adjacent divider so the remaining section expands to fill the paned. */
+.mana-paned-section:has(> [style*="display: none"]) {
+    display: none;
+}
+.mana-paned-section:has(> [style*="display: none"]) + .mana-paned-divider {
+    display: none;
+}
+.mana-paned-divider:has(+ .mana-paned-section > [style*="display: none"]) {
+    display: none;
+}
+
+/* ============================================
+   Image
+   ============================================ */
+.mana-yimage {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mana-yimage-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
+/* ============================================
+   Utilities
+   ============================================ */
+
+/* Only visually disable real form controls, never layout containers.
+   Applying opacity to a div with disabled="" would grey out ALL children
+   including fully-enabled widgets inside a temporarily-disabled HBox. */
+button[disabled],
+input[disabled],
+select[disabled],
+textarea[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed !important;
+}
+
+[style*="display: none"] {
+    display: none !important;
+}
+
+/* Focus visible for accessibility */
+:focus-visible {
+    outline: 2px solid var(--mana-accent);
+    outline-offset: 2px;
+}
+
+/* ============================================
+   Layout height chain (fixes paned collapse)
+   ============================================ */
+
+/* The full-height chain: html → body → #mana-app → dialog → content → paned */
+html, body {
+    height: 100%;
+}
+
+#mana-app {
+    height: 100%;
+}
+
+.mana-dialog-main {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.mana-dialog-content {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+/* VBox / HBox inside dialog content should participate in flex growth */
+.mana-dialog-content > .mana-yvbox,
+.mana-dialog-content > .mana-yhbox,
+.mana-dialog-content > .mana-yalignment {
+    flex: 1;
+    min-height: 0;
+}
+
+/* VBox / HBox nested inside an alignment container should also stretch */
+.mana-yalignment > .mana-yvbox,
+.mana-yalignment > .mana-yhbox {
+    flex: 1;
+    min-height: 0;
+    min-width: 0;
+}
+
+/* VBox that contains a paned should stretch to fill — uses :has() (supported in all modern browsers) */
+.mana-yvbox:has(> .mana-ypaned) {
+    flex: 1;
+}
+
+/* VBox/HBox inside a paned section should fill the section */
+.mana-paned-section > .mana-yvbox,
+.mana-paned-section > .mana-yhbox,
+.mana-paned-section > .mana-yalignment {
+    flex: 1;
+    min-height: 0;
+    min-width: 0;
+    height: 100%;
+}
+
+/* Paned sections must constrain height so children don't overflow */
+.mana-ypaned {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+}
+
+.mana-paned-section {
+    flex: 1;
+    min-height: 0;
+    min-width: 0;
+    overflow: auto;
+    padding: 0.5rem; /* BS p-2 — inner breathing room on both desktop and mobile */
+}
+
+.mana-paned-vertical {
+    flex-direction: column;
+}
+
+.mana-paned-horizontal {
+    flex-direction: row;
+}
+
+/* Inside a paned section the table/tree wrapper must participate in flex stretch */
+.mana-paned-section .mana-ytable {
+    flex: 1;
+    min-height: 0;
+}
+
+/* ============================================
+   Responsive — mobile (≤ 767 px)
+   ============================================ */
+@media (max-width: 767px) {
+    /* Break out of the viewport-height chain so the page scrolls naturally */
+    html, body, #mana-app, .mana-dialog-main, .mana-dialog-content {
+        height: auto;
+        min-height: 0;
+        overflow: visible;
+    }
+
+    /* Stack horizontal panes vertically: tree above table */
+    .mana-ypaned.mana-paned-horizontal {
+        flex-direction: column;
+        overflow: visible;
+    }
+
+    /* Each pane takes full width and sizes to its content */
+    .mana-ypaned.mana-paned-horizontal > .mana-paned-section {
+        flex: 0 0 auto;
+        min-height: 0;
+        overflow: visible;
+    }
+
+    /* Give paginated widgets a reasonable max-height on mobile */
+    .mana-ypaned.mana-paned-horizontal > .mana-paned-section .mana-ytable {
+        flex: none;
+        max-height: 45vh;
+    }
+
+    .mana-ypaned.mana-paned-horizontal > .mana-paned-section .mana-table-scroll {
+        max-height: calc(45vh - 6rem); /* subtract controls + footer height */
+    }
+
+    /* Popup dialogs: full-width on small screens */
+    .mana-dialog-popup {
+        min-width: 0;
+        width: 95vw;
+        max-height: 90vh;
+    }
+
+    /* Divider between stacked panes: thin rule with generous vertical margin */
+    .mana-ypaned.mana-paned-horizontal > .mana-paned-divider {
+        width: 100%;
+        height: 2px;
+        margin: 1rem 0;
+        cursor: default;
+    }
+
+    /* Extra top padding on the second section so the two widgets breathe */
+    .mana-ypaned.mana-paned-horizontal > .mana-paned-section + .mana-paned-divider + .mana-paned-section {
+        padding-top: 0.75rem;
+    }
+}
+
+/* YAlignment wrapping a layout container (VBox, HBox, Paned) should grow to
+   fill available space.  Plain alignments wrapping a leaf widget (Label,
+   Button…) must NOT grow — they shrink-wrap their content. */
+.mana-yalignment:has(> .mana-yvbox),
+.mana-yalignment:has(> .mana-yhbox),
+.mana-yalignment:has(> .mana-ypaned) {
+    flex: 1;
+    min-height: 0;
+    min-width: 0;
+}
\ No newline at end of file
diff --git a/manatools/aui/backends/web/static/js/manatools.js b/manatools/aui/backends/web/static/js/manatools.js
new file mode 100755
index 0000000..8928ac2
--- /dev/null
+++ b/manatools/aui/backends/web/static/js/manatools.js
@@ -0,0 +1,778 @@
+/**
+ * ManaTools Web Backend JavaScript
+ * 
+ * Author: Matteo Pasotti <xquiet@coriolite.com>
+ * 
+ * License: LGPLv2+
+ *
+ * Handles user interaction events and WebSocket communication with the Python backend.
+ */
+
+(function () {
+    'use strict';
+
+    // WebSocket connection
+    let ws = null;
+    let wsReconnectAttempts = 0;
+    let wsShutdown = false;          // set on clean app exit; suppresses reconnect
+    const MAX_RECONNECT_ATTEMPTS = 10;
+    const RECONNECT_DELAY = 1000;
+
+    // ============================================
+    // Connection status badge
+    // ============================================
+
+    function setBadge(state) {
+        const badge = document.getElementById('mana-conn-badge');
+        if (!badge) return;
+        const states = {
+            connecting: { text: 'connecting…', cls: 'text-bg-secondary' },
+            connected: { text: 'connected', cls: 'text-bg-success' },
+            disconnected: { text: 'disconnected', cls: 'text-bg-danger' },
+            reconnecting: { text: 'reconnecting…', cls: 'text-bg-warning' },
+        };
+        const s = states[state] || states.connecting;
+        badge.textContent = s.text;
+        badge.className = `badge ms-auto ${s.cls}`;
+    }
+
+    // ============================================
+    // Initialisation
+    // ============================================
+
+    function init() {
+        console.log('ManaTools Web Client initializing...');
+        connectWebSocket();
+        attachEventListeners();
+        const reloadBtn = document.getElementById('mana-reload-btn');
+        if (reloadBtn) reloadBtn.addEventListener('click', function () { window.location.reload(); });
+    }
+
+    // ============================================
+    // WebSocket
+    // ============================================
+
+    function connectWebSocket() {
+        const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+        const wsUrl = `${protocol}//${window.location.host}/ws`;
+
+        setBadge('connecting');
+
+        try {
+            ws = new WebSocket(wsUrl);
+
+            ws.onopen = function () {
+                console.log('WebSocket connected');
+                wsReconnectAttempts = 0;
+                setBadge('connected');
+                // Signal server to push deferred content (e.g. table rows).
+                sendEvent({ type: 'ready' });
+            };
+
+            ws.onmessage = function (event) {
+                handleServerMessage(JSON.parse(event.data));
+            };
+
+            ws.onclose = function () {
+                console.log('WebSocket disconnected');
+                setBadge('disconnected');
+                attemptReconnect();
+            };
+
+            ws.onerror = function (error) {
+                console.error('WebSocket error:', error);
+                setBadge('disconnected');
+            };
+        } catch (e) {
+            console.error('Failed to create WebSocket:', e);
+            setBadge('disconnected');
+            setupFallbackCommunication();
+        }
+    }
+
+    function attemptReconnect() {
+        if (wsShutdown) return;
+        if (wsReconnectAttempts < MAX_RECONNECT_ATTEMPTS) {
+            wsReconnectAttempts++;
+            setBadge('reconnecting');
+            console.log(`Reconnecting (attempt ${wsReconnectAttempts})...`);
+            setTimeout(connectWebSocket, RECONNECT_DELAY * wsReconnectAttempts);
+        } else {
+            console.error('Max reconnection attempts reached');
+            setBadge('disconnected');
+            setupFallbackCommunication();
+        }
+    }
+
+    function setupFallbackCommunication() {
+        console.log('Using fallback POST communication');
+        // Events will be sent via POST to /event endpoint
+    }
+
+    function sendEvent(eventData) {
+        if (ws && ws.readyState === WebSocket.OPEN) {
+            ws.send(JSON.stringify(eventData));
+        } else {
+            fetch('/event', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(eventData)
+            }).catch(err => console.error('Failed to send event:', err));
+        }
+    }
+
+    // ============================================
+    // Server → client messages
+    // ============================================
+
+    function handleServerMessage(message) {
+        switch (message.type) {
+            case 'update':
+                applyUpdates(message.updates);
+                break;
+            case 'refresh':
+                document.getElementById('mana-app').innerHTML = message.html;
+                attachEventListeners();
+                initMenuBehavior();
+                break;
+            case 'show_modal':
+                showModal(message.dialog_id, message.html);
+                break;
+            case 'hide_modal':
+                hideModal(message.dialog_id);
+                break;
+            case 'busy':
+                setBusy(message.state);
+                break;
+            case 'shutdown':
+                showShutdown(message.reason || 'The application has closed.');
+                break;
+            default:
+                console.log('Unknown message type:', message.type);
+        }
+    }
+
+    function setBusy(state) {
+        const overlay = document.getElementById('mana-busy-overlay');
+        if (!overlay) return;
+        overlay.hidden = !state;
+    }
+
+    function showShutdown(reason) {
+        wsShutdown = true;
+        setBadge('disconnected');
+        // Hide busy overlay in case it was up when the app exited.
+        setBusy(false);
+        const overlay = document.getElementById('mana-shutdown-overlay');
+        if (!overlay) return;
+        const msg = overlay.querySelector('.mana-shutdown-msg');
+        if (msg) msg.textContent = reason;
+        overlay.hidden = false;
+    }
+
+    function showModal(dialogId, html) {
+        // Remove any existing popup modal first.
+        const existing = document.getElementById('mana-popup-modal');
+        if (existing) existing.remove();
+
+        document.body.insertAdjacentHTML('beforeend', html);
+
+        const modal = document.getElementById('mana-popup-modal');
+        if (!modal) return;
+
+        attachEventListenersToElement(modal);
+
+        // Close modal on backdrop click (click outside the container).
+        modal.addEventListener('click', function (e) {
+            if (e.target === modal) {
+                sendEvent({ type: 'close', data: {} });
+            }
+        });
+    }
+
+    function hideModal(dialogId) {
+        const modal = document.getElementById('mana-popup-modal');
+        if (modal) modal.remove();
+    }
+
+    function applyUpdates(updates) {
+        if (!Array.isArray(updates)) return;
+
+        updates.forEach(function (update) {
+            const target = document.querySelector(update.target);
+            if (!target) {
+                console.warn('Update target not found:', update.target);
+                return;
+            }
+
+            switch (update.action) {
+                case 'replace': {
+                    const temp = document.createElement('div');
+                    temp.innerHTML = update.html;
+                    const newElement = temp.firstElementChild;
+                    if (newElement) {
+                        target.replaceWith(newElement);
+                        attachEventListenersToElement(newElement);
+                    }
+                    break;
+                }
+                case 'attr':
+                    if (update.value === null || update.value === false) {
+                        target.removeAttribute(update.attr);
+                    } else if (update.value === true) {
+                        target.setAttribute(update.attr, '');
+                    } else {
+                        target.setAttribute(update.attr, update.value);
+                    }
+                    break;
+                case 'html':
+                    target.innerHTML = update.html;
+                    attachEventListenersToElement(target);
+                    break;
+                case 'rows': {
+                    // Deferred table row injection: replace the skeleton tbody with
+                    // real data rows, then re-initialise pagination/search.
+                    const tbody = target.querySelector('.mana-table-inner tbody');
+                    if (tbody) tbody.innerHTML = update.html;
+                    attachEventListenersToElement(target);
+                    break;
+                }
+                case 'text':
+                    target.textContent = update.text;
+                    break;
+            }
+        });
+    }
+
+    // ============================================
+    // Event listener attachment
+    // ============================================
+
+    function attachEventListeners() {
+        const app = document.getElementById('mana-app');
+        if (app) attachEventListenersToElement(app);
+    }
+
+    function attachEventListenersToElement(root) {
+        // Include root itself when it matches the selector (e.g. when a button
+        // or input is the element that was just replaced in the DOM — it is not
+        // a descendant of itself, so querySelectorAll alone would miss it).
+        const on = (sel, evt, fn) => {
+            const elements = Array.from(root.querySelectorAll(sel));
+            if (root.matches && root.matches(sel)) elements.unshift(root);
+            elements.forEach(el => {
+                el.removeEventListener(evt, fn);
+                el.addEventListener(evt, fn);
+            });
+        };
+
+        on('.mana-ypushbutton', 'click', handleButtonClick);
+
+        on('.mana-yinputfield, .mana-yintfield, .mana-ydatefield, .mana-ytimefield',
+            'change', handleInputChange);
+
+        on('.mana-ycheckbox', 'change', handleCheckboxChange);
+        on('.mana-yradiobutton', 'change', handleRadioChange);
+        on('.mana-ycombobox', 'change', handleSelectChange);
+        on('.mana-yselectionbox', 'change', handleSelectionChange);
+        on('.mana-ymultilineedit', 'change', handleTextareaChange);
+
+        on('.mana-yslider', 'input', handleSliderInput);
+        on('.mana-yslider', 'change', handleSliderChange);
+
+        on('.mana-ytable .mana-table-inner tbody tr', 'click', handleTableRowClick);
+        on('.mana-ytable .mana-table-inner tbody td input[type="checkbox"]', 'change', handleTableCellCheckboxChange);
+        on('.mana-yrichtext a', 'click', handleRichTextLinkClick);
+
+        initAllTables(root);
+        initSplitters(root);
+        on('.mana-tree-item', 'click', handleTreeItemClick);
+        on('.mana-tab', 'click', handleTabClick);
+        on('.mana-menu-item', 'click', handleMenuItemClick);
+        on('.mana-checkboxframe-toggle', 'change', handleCheckboxFrameToggle);
+
+        initMenuBehavior(root);
+
+        // Close open menus when clicking outside any menubar
+        document.removeEventListener('click', closeMenusOnOutsideClick);
+        document.addEventListener('click', closeMenusOnOutsideClick);
+
+        document.removeEventListener('keydown', handleKeyDown);
+        document.addEventListener('keydown', handleKeyDown);
+    }
+
+    // ============================================
+    // Helpers
+    // ============================================
+
+    function getWidgetId(element) {
+        if (element.dataset.widgetId) return element.dataset.widgetId;
+        if (element.id) return element.id;
+        const container = element.closest('[data-widget-class]');
+        return container ? container.id : null;
+    }
+
+    // ============================================
+    // Event handlers
+    // ============================================
+
+    function handleButtonClick(event) {
+        const btn = event.currentTarget;
+        if (btn.disabled) return;
+        sendEvent({ type: 'event', widget_id: getWidgetId(btn), reason: 'Activated', data: {} });
+    }
+
+    function handleInputChange(event) {
+        const input = event.target;
+        sendEvent({ type: 'event', widget_id: getWidgetId(input), reason: 'ValueChanged', data: { value: input.value } });
+    }
+
+    function handleCheckboxChange(event) {
+        const cb = event.target;
+        sendEvent({ type: 'event', widget_id: getWidgetId(cb), reason: 'ValueChanged', data: { checked: cb.checked } });
+    }
+
+    function handleRadioChange(event) {
+        const rb = event.target;
+        sendEvent({ type: 'event', widget_id: getWidgetId(rb), reason: 'ValueChanged', data: { checked: rb.checked } });
+    }
+
+    function handleSelectChange(event) {
+        const select = event.target;
+        // selectedValue carries the raw (DOM-decoded) option label so the server
+        // can match by item.label() directly, regardless of HTML-escaping.
+        sendEvent({ type: 'event', widget_id: getWidgetId(select), reason: 'SelectionChanged', data: { selectedIndex: select.selectedIndex, selectedValue: select.value } });
+    }
+
+    function handleSelectionChange(event) {
+        const select = event.target;
+        const selectedIndices = Array.from(select.selectedOptions).map(opt => parseInt(opt.value));
+        sendEvent({ type: 'event', widget_id: getWidgetId(select), reason: 'SelectionChanged', data: { selectedIndex: selectedIndices } });
+    }
+
+    function handleTextareaChange(event) {
+        const textarea = event.target;
+        sendEvent({ type: 'event', widget_id: getWidgetId(textarea), reason: 'ValueChanged', data: { value: textarea.value } });
+    }
+
+    function handleSliderInput(event) {
+        const slider = event.target;
+        const container = slider.closest('.mana-slider-container');
+        if (container) {
+            const display = container.querySelector('.mana-slider-value');
+            if (display) display.textContent = slider.value;
+        }
+    }
+
+    function handleSliderChange(event) {
+        const slider = event.target;
+        sendEvent({ type: 'event', widget_id: getWidgetId(slider), reason: 'ValueChanged', data: { value: parseInt(slider.value) } });
+    }
+
+    function handleTableRowClick(event) {
+        // Checkbox cells have their own handler — skip row-selection for them.
+        if (event.target.matches('input[type="checkbox"]')) return;
+        const row = event.currentTarget;
+        const tableEl = row.closest('.mana-ytable');
+        // Use the absolute position among ALL tbody children (including hidden rows)
+        // so the index matches the server-side _rows[] list regardless of pagination.
+        const rowIndex = Array.from(row.parentElement.children).indexOf(row);
+        row.classList.toggle('selected');
+        sendEvent({ type: 'event', widget_id: getWidgetId(tableEl), reason: 'SelectionChanged', data: { selectedIndex: rowIndex } });
+    }
+
+    function handleTableCellCheckboxChange(event) {
+        const cb = event.currentTarget;
+        const td = cb.closest('td');
+        const tr = cb.closest('tr');
+        const tableEl = cb.closest('.mana-ytable');
+        if (!tr || !tableEl) return;
+        const rowIndex = Array.from(tr.parentElement.children).indexOf(tr);
+        const colIndex = td ? td.cellIndex : parseInt(cb.dataset.col || '0', 10);
+        sendEvent({ type: 'table_checkbox', widget_id: getWidgetId(tableEl),
+                    row: rowIndex, col: colIndex, checked: cb.checked });
+    }
+
+    function handleRichTextLinkClick(event) {
+        event.preventDefault();
+        const anchor = event.currentTarget;
+        const url = anchor.getAttribute('href') || '';
+        const richTextEl = anchor.closest('.mana-yrichtext');
+        if (!richTextEl) return;
+        sendEvent({ type: 'link_activated', widget_id: getWidgetId(richTextEl), url: url });
+    }
+
+    function handleTreeItemClick(event) {
+        // Stop bubbling so only the innermost .mana-tree-item fires,
+        // not every ancestor item up the tree.
+        event.stopPropagation();
+
+        const item = event.currentTarget;
+        const treeId = item.dataset.treeId;
+        const itemId = item.dataset.itemId;
+
+        if (!treeId || !itemId) return;
+
+        // Update visual selection: clear siblings, mark this one.
+        const tree = document.getElementById(treeId);
+        if (tree) {
+            tree.querySelectorAll('.mana-tree-item').forEach(el => {
+                el.classList.remove('selected');
+            });
+        }
+        item.classList.add('selected');
+
+        // Toggle open/collapsed on items that have children.
+        if (item.querySelector('.mana-tree-children')) {
+            item.classList.toggle('open');
+            item.classList.toggle('collapsed');
+        }
+
+        sendEvent({
+            type: 'event',
+            widget_id: treeId,
+            reason: 'SelectionChanged',
+            data: { itemId: itemId }
+        });
+    }
+
+    function handleTabClick(event) {
+        const tab = event.currentTarget;
+        const tabIndex = parseInt(tab.dataset.tabIndex, 10);
+        const tabWidget = tab.closest('.mana-ydumbtab');
+        if (!tabWidget) return;
+        tabWidget.querySelectorAll('.mana-tab').forEach(function (t) {
+            t.classList.remove('active');
+            t.setAttribute('aria-selected', 'false');
+        });
+        tab.classList.add('active');
+        tab.setAttribute('aria-selected', 'true');
+        sendEvent({ type: 'event', widget_id: getWidgetId(tabWidget), reason: 'SelectionChanged', data: { selectedIndex: tabIndex } });
+    }
+
+    function handleMenuItemClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        const item = event.currentTarget;
+        if (item.classList.contains('disabled')) return;
+        // Close all open menus
+        document.querySelectorAll('.mana-menu.open').forEach(m => m.classList.remove('open'));
+        const menubar = item.closest('.mana-ymenubar');
+        if (!menubar) return;
+        sendEvent({
+            type: 'event',
+            widget_id: getWidgetId(menubar),
+            reason: 'Activated',
+            data: {
+                menuItem: item.textContent.trim(),
+                itemId: item.dataset.itemId || null
+            }
+        });
+    }
+
+    function initMenuBehavior(root) {
+        // Click on a menu label: toggle open, close siblings
+        (root || document).querySelectorAll('.mana-menu-label').forEach(function (label) {
+            label.removeEventListener('click', onMenuLabelClick);
+            label.addEventListener('click', onMenuLabelClick);
+        });
+    }
+
+    function onMenuLabelClick(event) {
+        event.stopPropagation();
+        const menu = event.currentTarget.closest('.mana-menu');
+        const isOpen = menu.classList.contains('open');
+        // Close all open menus in this menubar
+        const menubar = menu.closest('.mana-ymenubar');
+        if (menubar) {
+            menubar.querySelectorAll('.mana-menu.open').forEach(m => m.classList.remove('open'));
+        }
+        if (!isOpen) {
+            menu.classList.add('open');
+        }
+    }
+
+    function handleCheckboxFrameToggle(event) {
+        const cb = event.target;
+        const frame = cb.closest('.mana-ycheckboxframe');
+        const content = frame.querySelector('.mana-checkboxframe-content');
+        if (content) content.classList.toggle('mana-disabled', !cb.checked);
+        sendEvent({ type: 'event', widget_id: getWidgetId(frame), reason: 'ValueChanged', data: { checked: cb.checked } });
+    }
+
+    function closeMenusOnOutsideClick(event) {
+        if (!event.target.closest('.mana-ymenubar')) {
+            document.querySelectorAll('.mana-menu.open').forEach(m => m.classList.remove('open'));
+        }
+    }
+
+    function handleKeyDown(event) {
+        if (event.altKey && event.key.length === 1) {
+            const widget = document.querySelector(`[data-shortcut="${event.key.toLowerCase()}"]`);
+            if (widget && !widget.disabled) {
+                event.preventDefault();
+                widget.click();
+            }
+        }
+
+        if (event.key === 'Enter') {
+            const defaultBtn = document.querySelector('.mana-ypushbutton.mana-default');
+            const active = document.activeElement;
+            if (active.tagName !== 'INPUT' && active.tagName !== 'TEXTAREA') {
+                if (defaultBtn && !defaultBtn.disabled) defaultBtn.click();
+            }
+        }
+
+        if (event.key === 'Escape') {
+            sendEvent({ type: 'close', data: {} });
+        }
+    }
+
+    // ============================================
+    // Table pagination
+    // ============================================
+
+    function initAllTables(root) {
+        const elements = Array.from((root || document).querySelectorAll('.mana-ytable'));
+        if (root && root.matches && root.matches('.mana-ytable')) elements.unshift(root);
+        elements.forEach(initManaTable);
+    }
+
+    function initManaTable(tableEl) {
+        // Preserve page/filter state when the element is re-initialised after a
+        // DOM replacement so the user's position is not lost on minor updates.
+        const prev = tableEl._manaTable || {};
+        tableEl._manaTable = {
+            page:     prev.page     || 0,
+            pageSize: prev.pageSize || 10,
+            filter:   prev.filter   || '',
+        };
+
+        const pageSizeEl = tableEl.querySelector('.mana-table-pagesize');
+        const searchEl   = tableEl.querySelector('.mana-table-search');
+
+        if (pageSizeEl) {
+            // Restore previous page-size selection in the <select>
+            pageSizeEl.value = String(tableEl._manaTable.pageSize);
+            pageSizeEl.addEventListener('change', function () {
+                tableEl._manaTable.pageSize = parseInt(this.value, 10);
+                tableEl._manaTable.page = 0;
+                renderManaTable(tableEl);
+            });
+        }
+
+        if (searchEl) {
+            searchEl.value = tableEl._manaTable.filter;
+            searchEl.addEventListener('input', function () {
+                tableEl._manaTable.filter = this.value.toLowerCase();
+                tableEl._manaTable.page = 0;
+                renderManaTable(tableEl);
+            });
+        }
+
+        renderManaTable(tableEl);
+    }
+
+    function renderManaTable(tableEl) {
+        const state  = tableEl._manaTable;
+        const tbody  = tableEl.querySelector('.mana-table-inner tbody');
+        if (!tbody) return;
+
+        const allRows  = Array.from(tbody.querySelectorAll('tr'));
+        const filtered = state.filter
+            ? allRows.filter(r => r.textContent.toLowerCase().includes(state.filter))
+            : allRows;
+
+        const total     = filtered.length;
+        const pageSize  = (state.pageSize === -1) ? total : state.pageSize;
+        const totalPages = (pageSize > 0) ? Math.ceil(total / pageSize) : 1;
+
+        // Clamp current page
+        if (state.page >= totalPages) state.page = Math.max(0, totalPages - 1);
+
+        const start = state.page * (pageSize === -1 ? 0 : pageSize);
+        const end   = (pageSize === -1) ? total : Math.min(start + pageSize, total);
+
+        // Show only the rows belonging to the current page; hide the rest.
+        // All rows stay in the DOM so absolute rowIndex remains correct.
+        const visibleSet = new Set(filtered.slice(start, end));
+        allRows.forEach(r => { r.style.display = visibleSet.has(r) ? '' : 'none'; });
+
+        // Info text
+        const infoEl = tableEl.querySelector('.mana-table-info');
+        if (infoEl) {
+            if (total === 0) {
+                infoEl.textContent = state.filter ? 'No matching entries' : 'No entries';
+            } else {
+                const s = start + 1, e = Math.min(end, total);
+                infoEl.textContent = state.filter
+                    ? `Showing ${s}\u2013${e} of ${total} filtered entries`
+                    : `Showing ${s}\u2013${e} of ${total} entries`;
+            }
+        }
+
+        // Pagination controls
+        const paginationEl = tableEl.querySelector('.mana-table-pagination');
+        if (!paginationEl) return;
+        paginationEl.innerHTML = '';
+
+        if (totalPages <= 1) return;
+
+        function makeLi(label, page, disabled, active) {
+            const li  = document.createElement('li');
+            li.className = 'page-item' + (disabled ? ' disabled' : '') + (active ? ' active' : '');
+            const btn = document.createElement('button');
+            btn.className   = 'page-link';
+            btn.innerHTML   = label;
+            btn.setAttribute('aria-label', label.replace(/&[^;]+;/g, ''));
+            if (!disabled) {
+                btn.addEventListener('click', function () {
+                    state.page = page;
+                    renderManaTable(tableEl);
+                });
+            }
+            li.appendChild(btn);
+            return li;
+        }
+
+        paginationEl.appendChild(
+            makeLi('&laquo;', state.page - 1, state.page === 0, false)
+        );
+
+        tablePageNumbers(state.page, totalPages).forEach(function (p) {
+            if (p === '…') {
+                const li = document.createElement('li');
+                li.className = 'page-item disabled';
+                li.innerHTML = '<span class="page-link">\u2026</span>';
+                paginationEl.appendChild(li);
+            } else {
+                paginationEl.appendChild(makeLi(String(p + 1), p, false, p === state.page));
+            }
+        });
+
+        paginationEl.appendChild(
+            makeLi('&raquo;', state.page + 1, state.page >= totalPages - 1, false)
+        );
+    }
+
+    function tablePageNumbers(current, total) {
+        if (total <= 7) {
+            return Array.from({ length: total }, function (_, i) { return i; });
+        }
+        if (current <= 3) {
+            return [0, 1, 2, 3, 4, '…', total - 1];
+        }
+        if (current >= total - 4) {
+            return [0, '…', total - 5, total - 4, total - 3, total - 2, total - 1];
+        }
+        return [0, '…', current - 1, current, current + 1, '…', total - 1];
+    }
+
+    // ============================================
+    // Paned splitter drag
+    // ============================================
+
+    let _splitter = null;
+
+    function initSplitters(root) {
+        const elements = Array.from((root || document).querySelectorAll('.mana-paned-divider'));
+        if (root && root.matches && root.matches('.mana-paned-divider')) elements.unshift(root);
+        elements.forEach(function (el) {
+            el.removeEventListener('mousedown', handleSplitterMouseDown);
+            el.addEventListener('mousedown', handleSplitterMouseDown);
+            el.removeEventListener('touchstart', handleSplitterTouchStart);
+            el.addEventListener('touchstart', handleSplitterTouchStart, { passive: false });
+        });
+    }
+
+    function handleSplitterMouseDown(e) {
+        e.preventDefault();
+        _startSplitter(e.currentTarget, e.clientX, e.clientY);
+        document.addEventListener('mousemove', handleSplitterMouseMove);
+        document.addEventListener('mouseup', handleSplitterMouseUp);
+    }
+
+    function handleSplitterTouchStart(e) {
+        if (e.touches.length !== 1) return;
+        e.preventDefault();
+        const t = e.touches[0];
+        _startSplitter(e.currentTarget, t.clientX, t.clientY);
+        document.addEventListener('touchmove', handleSplitterTouchMove, { passive: false });
+        document.addEventListener('touchend', handleSplitterTouchEnd);
+    }
+
+    function _startSplitter(divider, clientX, clientY) {
+        const paned = divider.closest('.mana-ypaned');
+        if (!paned) return;
+
+        // Use the actual computed flex-direction so the drag axis is correct
+        // even when a media query flips a horizontal paned to column layout.
+        const isRow = window.getComputedStyle(paned).flexDirection === 'row';
+
+        const prev = divider.previousElementSibling;
+        const next = divider.nextElementSibling;
+        if (!prev || !next) return;
+
+        _splitter = {
+            paned, isRow, prev, next,
+            startPos:      isRow ? clientX : clientY,
+            startPrevSize: isRow ? prev.offsetWidth : prev.offsetHeight,
+            startNextSize: isRow ? next.offsetWidth : next.offsetHeight,
+        };
+
+        document.body.classList.add(isRow ? 'mana-dragging-col' : 'mana-dragging-row');
+    }
+
+    function handleSplitterMouseMove(e) {
+        _moveSplitter(e.clientX, e.clientY);
+    }
+
+    function handleSplitterTouchMove(e) {
+        if (!_splitter || e.touches.length !== 1) return;
+        e.preventDefault();
+        _moveSplitter(e.touches[0].clientX, e.touches[0].clientY);
+    }
+
+    function _moveSplitter(clientX, clientY) {
+        if (!_splitter) return;
+        const { isRow, prev, next, startPos, startPrevSize, startNextSize } = _splitter;
+
+        const delta    = (isRow ? clientX : clientY) - startPos;
+        const total    = startPrevSize + startNextSize;
+        const minSize  = 80;
+        const newPrev  = Math.max(minSize, Math.min(total - minSize, startPrevSize + delta));
+        const newNext  = total - newPrev;
+
+        prev.style.flex = '0 0 ' + newPrev + 'px';
+        next.style.flex = '0 0 ' + newNext + 'px';
+    }
+
+    function handleSplitterMouseUp() {
+        document.removeEventListener('mousemove', handleSplitterMouseMove);
+        document.removeEventListener('mouseup', handleSplitterMouseUp);
+        _endSplitter();
+    }
+
+    function handleSplitterTouchEnd() {
+        document.removeEventListener('touchmove', handleSplitterTouchMove);
+        document.removeEventListener('touchend', handleSplitterTouchEnd);
+        _endSplitter();
+    }
+
+    function _endSplitter() {
+        if (!_splitter) return;
+        document.body.classList.remove('mana-dragging-col', 'mana-dragging-row');
+        _splitter = null;
+    }
+
+    // ============================================
+    // Bootstrap
+    // ============================================
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+
+})();
\ No newline at end of file
diff --git a/manatools/aui/backends/web/static/vendor/bootstrap/bootstrap.bundle.min.js b/manatools/aui/backends/web/static/vendor/bootstrap/bootstrap.bundle.min.js
new file mode 100755
index 0000000..04e9185
--- /dev/null
+++ b/manatools/aui/backends/web/static/vendor/bootstrap/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+  * Bootstrap v5.3.3 (https://getbootstrap.com/)
+  * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+  */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e()}(this,(function(){"use strict";const t=new Map,e={set(e,i,n){t.has(e)||t.set(e,new Map);const s=t.get(e);s.has(i)||0===s.size?s.set(i,n):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(s.keys())[0]}.`)},get:(e,i)=>t.has(e)&&t.get(e).get(i)||null,remove(e,i){if(!t.has(e))return;const n=t.get(e);n.delete(i),0===n.size&&t.delete(e)}},i="transitionend",n=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),s=t=>{t.dispatchEvent(new Event(i))},o=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),r=t=>o(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(n(t)):null,a=t=>{if(!o(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},l=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),c=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?c(t.parentNode):null},h=()=>{},d=t=>{t.offsetHeight},u=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,f=[],p=()=>"rtl"===document.documentElement.dir,m=t=>{var e;e=()=>{const e=u();if(e){const i=t.NAME,n=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=n,t.jQueryInterface)}},"loading"===document.readyState?(f.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of f)t()})),f.push(e)):e()},g=(t,e=[],i=t)=>"function"==typeof t?t(...e):i,_=(t,e,n=!0)=>{if(!n)return void g(t);const o=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const n=Number.parseFloat(e),s=Number.parseFloat(i);return n||s?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let r=!1;const a=({target:n})=>{n===e&&(r=!0,e.removeEventListener(i,a),g(t))};e.addEventListener(i,a),setTimeout((()=>{r||s(e)}),o)},b=(t,e,i,n)=>{const s=t.length;let o=t.indexOf(e);return-1===o?!i&&n?t[s-1]:t[0]:(o+=i?1:-1,n&&(o=(o+s)%s),t[Math.max(0,Math.min(o,s-1))])},v=/[^.]*(?=\..*)\.|.*/,y=/\..*/,w=/::\d+$/,A={};let E=1;const T={mouseenter:"mouseover",mouseleave:"mouseout"},C=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 O(t,e){return e&&`${e}::${E++}`||t.uidEvent||E++}function x(t){const e=O(t);return t.uidEvent=e,A[e]=A[e]||{},A[e]}function k(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function L(t,e,i){const n="string"==typeof e,s=n?i:e||i;let o=I(t);return C.has(o)||(o=t),[n,s,o]}function S(t,e,i,n,s){if("string"!=typeof e||!t)return;let[o,r,a]=L(e,i,n);if(e in T){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=x(t),c=l[a]||(l[a]={}),h=k(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&s);const d=O(r,e.replace(v,"")),u=o?function(t,e,i){return function n(s){const o=t.querySelectorAll(e);for(let{target:r}=s;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return P(s,{delegateTarget:r}),n.oneOff&&N.off(t,s.type,e,i),i.apply(r,[s])}}(t,i,r):function(t,e){return function i(n){return P(n,{delegateTarget:t}),i.oneOff&&N.off(t,n.type,e),e.apply(t,[n])}}(t,r);u.delegationSelector=o?i:null,u.callable=r,u.oneOff=s,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function D(t,e,i,n,s){const o=k(e[i],n,s);o&&(t.removeEventListener(i,o,Boolean(s)),delete e[i][o.uidEvent])}function $(t,e,i,n){const s=e[i]||{};for(const[o,r]of Object.entries(s))o.includes(n)&&D(t,e,i,r.callable,r.delegationSelector)}function I(t){return t=t.replace(y,""),T[t]||t}const N={on(t,e,i,n){S(t,e,i,n,!1)},one(t,e,i,n){S(t,e,i,n,!0)},off(t,e,i,n){if("string"!=typeof e||!t)return;const[s,o,r]=L(e,i,n),a=r!==e,l=x(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const i of Object.keys(l))$(t,l,i,e.slice(1));for(const[i,n]of Object.entries(c)){const s=i.replace(w,"");a&&!e.includes(s)||D(t,l,r,n.callable,n.delegationSelector)}}else{if(!Object.keys(c).length)return;D(t,l,r,o,s?i:null)}},trigger(t,e,i){if("string"!=typeof e||!t)return null;const n=u();let s=null,o=!0,r=!0,a=!1;e!==I(e)&&n&&(s=n.Event(e,i),n(t).trigger(s),o=!s.isPropagationStopped(),r=!s.isImmediatePropagationStopped(),a=s.isDefaultPrevented());const l=P(new Event(e,{bubbles:o,cancelable:!0}),i);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&s&&s.preventDefault(),l}};function P(t,e={}){for(const[i,n]of Object.entries(e))try{t[i]=n}catch(e){Object.defineProperty(t,i,{configurable:!0,get:()=>n})}return t}function j(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function M(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const F={setDataAttribute(t,e,i){t.setAttribute(`data-bs-${M(e)}`,i)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${M(e)}`)},getDataAttributes(t){if(!t)return{};const e={},i=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const n of i){let i=n.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1,i.length),e[i]=j(t.dataset[n])}return e},getDataAttribute:(t,e)=>j(t.getAttribute(`data-bs-${M(e)}`))};class H{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(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const i=o(e)?F.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof i?i:{},...o(e)?F.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[n,s]of Object.entries(e)){const e=t[n],r=o(e)?"element":null==(i=e)?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(s).test(r))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${n}" provided type "${r}" but expected type "${s}".`)}var i}}class W extends H{constructor(t,i){super(),(t=r(t))&&(this._element=t,this._config=this._getConfig(i),e.set(this._element,this.constructor.DATA_KEY,this))}dispose(){e.remove(this._element,this.constructor.DATA_KEY),N.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,i=!0){_(t,e,i)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return e.get(r(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.3"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const B=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e?e.split(",").map((t=>n(t))).join(","):null},z={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const i=[];let n=t.parentNode.closest(e);for(;n;)i.push(n),n=n.parentNode.closest(e);return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!l(t)&&a(t)))},getSelectorFromElement(t){const e=B(t);return e&&z.findOne(e)?e:null},getElementFromSelector(t){const e=B(t);return e?z.findOne(e):null},getMultipleElementsFromSelector(t){const e=B(t);return e?z.find(e):[]}},R=(t,e="hide")=>{const i=`click.dismiss${t.EVENT_KEY}`,n=t.NAME;N.on(document,i,`[data-bs-dismiss="${n}"]`,(function(i){if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),l(this))return;const s=z.getElementFromSelector(this)||this.closest(`.${n}`);t.getOrCreateInstance(s)[e]()}))},q=".bs.alert",V=`close${q}`,K=`closed${q}`;class Q extends W{static get NAME(){return"alert"}close(){if(N.trigger(this._element,V).defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),N.trigger(this._element,K),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=Q.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}R(Q,"close"),m(Q);const X='[data-bs-toggle="button"]';class Y extends W{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=Y.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}N.on(document,"click.bs.button.data-api",X,(t=>{t.preventDefault();const e=t.target.closest(X);Y.getOrCreateInstance(e).toggle()})),m(Y);const U=".bs.swipe",G=`touchstart${U}`,J=`touchmove${U}`,Z=`touchend${U}`,tt=`pointerdown${U}`,et=`pointerup${U}`,it={endCallback:null,leftCallback:null,rightCallback:null},nt={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class st extends H{constructor(t,e){super(),this._element=t,t&&st.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return it}static get DefaultType(){return nt}static get NAME(){return"swipe"}dispose(){N.off(this._element,U)}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),g(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&g(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(N.on(this._element,tt,(t=>this._start(t))),N.on(this._element,et,(t=>this._end(t))),this._element.classList.add("pointer-event")):(N.on(this._element,G,(t=>this._start(t))),N.on(this._element,J,(t=>this._move(t))),N.on(this._element,Z,(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const ot=".bs.carousel",rt=".data-api",at="next",lt="prev",ct="left",ht="right",dt=`slide${ot}`,ut=`slid${ot}`,ft=`keydown${ot}`,pt=`mouseenter${ot}`,mt=`mouseleave${ot}`,gt=`dragstart${ot}`,_t=`load${ot}${rt}`,bt=`click${ot}${rt}`,vt="carousel",yt="active",wt=".active",At=".carousel-item",Et=wt+At,Tt={ArrowLeft:ht,ArrowRight:ct},Ct={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},Ot={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class xt extends W{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=z.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===vt&&this.cycle()}static get Default(){return Ct}static get DefaultType(){return Ot}static get NAME(){return"carousel"}next(){this._slide(at)}nextWhenVisible(){!document.hidden&&a(this._element)&&this.next()}prev(){this._slide(lt)}pause(){this._isSliding&&s(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?N.one(this._element,ut,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void N.one(this._element,ut,(()=>this.to(t)));const i=this._getItemIndex(this._getActive());if(i===t)return;const n=t>i?at:lt;this._slide(n,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&N.on(this._element,ft,(t=>this._keydown(t))),"hover"===this._config.pause&&(N.on(this._element,pt,(()=>this.pause())),N.on(this._element,mt,(()=>this._maybeEnableCycle()))),this._config.touch&&st.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of z.find(".carousel-item img",this._element))N.on(t,gt,(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(ct)),rightCallback:()=>this._slide(this._directionToOrder(ht)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new st(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=Tt[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=z.findOne(wt,this._indicatorsElement);e.classList.remove(yt),e.removeAttribute("aria-current");const i=z.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);i&&(i.classList.add(yt),i.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const i=this._getActive(),n=t===at,s=e||b(this._getItems(),i,n,this._config.wrap);if(s===i)return;const o=this._getItemIndex(s),r=e=>N.trigger(this._element,e,{relatedTarget:s,direction:this._orderToDirection(t),from:this._getItemIndex(i),to:o});if(r(dt).defaultPrevented)return;if(!i||!s)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=s;const l=n?"carousel-item-start":"carousel-item-end",c=n?"carousel-item-next":"carousel-item-prev";s.classList.add(c),d(s),i.classList.add(l),s.classList.add(l),this._queueCallback((()=>{s.classList.remove(l,c),s.classList.add(yt),i.classList.remove(yt,c,l),this._isSliding=!1,r(ut)}),i,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return z.findOne(Et,this._element)}_getItems(){return z.find(At,this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return p()?t===ct?lt:at:t===ct?at:lt}_orderToDirection(t){return p()?t===lt?ct:ht:t===lt?ht:ct}static jQueryInterface(t){return this.each((function(){const e=xt.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}N.on(document,bt,"[data-bs-slide], [data-bs-slide-to]",(function(t){const e=z.getElementFromSelector(this);if(!e||!e.classList.contains(vt))return;t.preventDefault();const i=xt.getOrCreateInstance(e),n=this.getAttribute("data-bs-slide-to");return n?(i.to(n),void i._maybeEnableCycle()):"next"===F.getDataAttribute(this,"slide")?(i.next(),void i._maybeEnableCycle()):(i.prev(),void i._maybeEnableCycle())})),N.on(window,_t,(()=>{const t=z.find('[data-bs-ride="carousel"]');for(const e of t)xt.getOrCreateInstance(e)})),m(xt);const kt=".bs.collapse",Lt=`show${kt}`,St=`shown${kt}`,Dt=`hide${kt}`,$t=`hidden${kt}`,It=`click${kt}.data-api`,Nt="show",Pt="collapse",jt="collapsing",Mt=`:scope .${Pt} .${Pt}`,Ft='[data-bs-toggle="collapse"]',Ht={parent:null,toggle:!0},Wt={parent:"(null|element)",toggle:"boolean"};class Bt extends W{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const i=z.find(Ft);for(const t of i){const e=z.getSelectorFromElement(t),i=z.find(e).filter((t=>t===this._element));null!==e&&i.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return Ht}static get DefaultType(){return Wt}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>Bt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if(N.trigger(this._element,Lt).defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(Pt),this._element.classList.add(jt),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const i=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(jt),this._element.classList.add(Pt,Nt),this._element.style[e]="",N.trigger(this._element,St)}),this._element,!0),this._element.style[e]=`${this._element[i]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(N.trigger(this._element,Dt).defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,d(this._element),this._element.classList.add(jt),this._element.classList.remove(Pt,Nt);for(const t of this._triggerArray){const e=z.getElementFromSelector(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(jt),this._element.classList.add(Pt),N.trigger(this._element,$t)}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(Nt)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=r(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(Ft);for(const e of t){const t=z.getElementFromSelector(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=z.find(Mt,this._config.parent);return z.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const i of t)i.classList.toggle("collapsed",!e),i.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const i=Bt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t]()}}))}}N.on(document,It,Ft,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();for(const t of z.getMultipleElementsFromSelector(this))Bt.getOrCreateInstance(t,{toggle:!1}).toggle()})),m(Bt);var zt="top",Rt="bottom",qt="right",Vt="left",Kt="auto",Qt=[zt,Rt,qt,Vt],Xt="start",Yt="end",Ut="clippingParents",Gt="viewport",Jt="popper",Zt="reference",te=Qt.reduce((function(t,e){return t.concat([e+"-"+Xt,e+"-"+Yt])}),[]),ee=[].concat(Qt,[Kt]).reduce((function(t,e){return t.concat([e,e+"-"+Xt,e+"-"+Yt])}),[]),ie="beforeRead",ne="read",se="afterRead",oe="beforeMain",re="main",ae="afterMain",le="beforeWrite",ce="write",he="afterWrite",de=[ie,ne,se,oe,re,ae,le,ce,he];function ue(t){return t?(t.nodeName||"").toLowerCase():null}function fe(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function pe(t){return t instanceof fe(t).Element||t instanceof Element}function me(t){return t instanceof fe(t).HTMLElement||t instanceof HTMLElement}function ge(t){return"undefined"!=typeof ShadowRoot&&(t instanceof fe(t).ShadowRoot||t instanceof ShadowRoot)}const _e={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},s=e.elements[t];me(s)&&ue(s)&&(Object.assign(s.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?s.removeAttribute(t):s.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],s=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});me(n)&&ue(n)&&(Object.assign(n.style,o),Object.keys(s).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]};function be(t){return t.split("-")[0]}var ve=Math.max,ye=Math.min,we=Math.round;function Ae(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Ee(){return!/^((?!chrome|android).)*safari/i.test(Ae())}function Te(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),s=1,o=1;e&&me(t)&&(s=t.offsetWidth>0&&we(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&we(n.height)/t.offsetHeight||1);var r=(pe(t)?fe(t):window).visualViewport,a=!Ee()&&i,l=(n.left+(a&&r?r.offsetLeft:0))/s,c=(n.top+(a&&r?r.offsetTop:0))/o,h=n.width/s,d=n.height/o;return{width:h,height:d,top:c,right:l+h,bottom:c+d,left:l,x:l,y:c}}function Ce(t){var e=Te(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function Oe(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&ge(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function xe(t){return fe(t).getComputedStyle(t)}function ke(t){return["table","td","th"].indexOf(ue(t))>=0}function Le(t){return((pe(t)?t.ownerDocument:t.document)||window.document).documentElement}function Se(t){return"html"===ue(t)?t:t.assignedSlot||t.parentNode||(ge(t)?t.host:null)||Le(t)}function De(t){return me(t)&&"fixed"!==xe(t).position?t.offsetParent:null}function $e(t){for(var e=fe(t),i=De(t);i&&ke(i)&&"static"===xe(i).position;)i=De(i);return i&&("html"===ue(i)||"body"===ue(i)&&"static"===xe(i).position)?e:i||function(t){var e=/firefox/i.test(Ae());if(/Trident/i.test(Ae())&&me(t)&&"fixed"===xe(t).position)return null;var i=Se(t);for(ge(i)&&(i=i.host);me(i)&&["html","body"].indexOf(ue(i))<0;){var n=xe(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function Ie(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Ne(t,e,i){return ve(t,ye(e,i))}function Pe(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function je(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}const Me={name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,s=t.options,o=i.elements.arrow,r=i.modifiersData.popperOffsets,a=be(i.placement),l=Ie(a),c=[Vt,qt].indexOf(a)>=0?"height":"width";if(o&&r){var h=function(t,e){return Pe("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:je(t,Qt))}(s.padding,i),d=Ce(o),u="y"===l?zt:Vt,f="y"===l?Rt:qt,p=i.rects.reference[c]+i.rects.reference[l]-r[l]-i.rects.popper[c],m=r[l]-i.rects.reference[l],g=$e(o),_=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,b=p/2-m/2,v=h[u],y=_-d[c]-h[f],w=_/2-d[c]/2+b,A=Ne(v,w,y),E=l;i.modifiersData[n]=((e={})[E]=A,e.centerOffset=A-w,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&Oe(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Fe(t){return t.split("-")[1]}var He={top:"auto",right:"auto",bottom:"auto",left:"auto"};function We(t){var e,i=t.popper,n=t.popperRect,s=t.placement,o=t.variation,r=t.offsets,a=t.position,l=t.gpuAcceleration,c=t.adaptive,h=t.roundOffsets,d=t.isFixed,u=r.x,f=void 0===u?0:u,p=r.y,m=void 0===p?0:p,g="function"==typeof h?h({x:f,y:m}):{x:f,y:m};f=g.x,m=g.y;var _=r.hasOwnProperty("x"),b=r.hasOwnProperty("y"),v=Vt,y=zt,w=window;if(c){var A=$e(i),E="clientHeight",T="clientWidth";A===fe(i)&&"static"!==xe(A=Le(i)).position&&"absolute"===a&&(E="scrollHeight",T="scrollWidth"),(s===zt||(s===Vt||s===qt)&&o===Yt)&&(y=Rt,m-=(d&&A===w&&w.visualViewport?w.visualViewport.height:A[E])-n.height,m*=l?1:-1),s!==Vt&&(s!==zt&&s!==Rt||o!==Yt)||(v=qt,f-=(d&&A===w&&w.visualViewport?w.visualViewport.width:A[T])-n.width,f*=l?1:-1)}var C,O=Object.assign({position:a},c&&He),x=!0===h?function(t,e){var i=t.x,n=t.y,s=e.devicePixelRatio||1;return{x:we(i*s)/s||0,y:we(n*s)/s||0}}({x:f,y:m},fe(i)):{x:f,y:m};return f=x.x,m=x.y,l?Object.assign({},O,((C={})[y]=b?"0":"",C[v]=_?"0":"",C.transform=(w.devicePixelRatio||1)<=1?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",C)):Object.assign({},O,((e={})[y]=b?m+"px":"",e[v]=_?f+"px":"",e.transform="",e))}const Be={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,s=void 0===n||n,o=i.adaptive,r=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:be(e.placement),variation:Fe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,We(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:r,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,We(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var ze={passive:!0};const Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,s=n.scroll,o=void 0===s||s,r=n.resize,a=void 0===r||r,l=fe(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,ze)})),a&&l.addEventListener("resize",i.update,ze),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,ze)})),a&&l.removeEventListener("resize",i.update,ze)}},data:{}};var qe={left:"right",right:"left",bottom:"top",top:"bottom"};function Ve(t){return t.replace(/left|right|bottom|top/g,(function(t){return qe[t]}))}var Ke={start:"end",end:"start"};function Qe(t){return t.replace(/start|end/g,(function(t){return Ke[t]}))}function Xe(t){var e=fe(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ye(t){return Te(Le(t)).left+Xe(t).scrollLeft}function Ue(t){var e=xe(t),i=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+s+n)}function Ge(t){return["html","body","#document"].indexOf(ue(t))>=0?t.ownerDocument.body:me(t)&&Ue(t)?t:Ge(Se(t))}function Je(t,e){var i;void 0===e&&(e=[]);var n=Ge(t),s=n===(null==(i=t.ownerDocument)?void 0:i.body),o=fe(n),r=s?[o].concat(o.visualViewport||[],Ue(n)?n:[]):n,a=e.concat(r);return s?a:a.concat(Je(Se(r)))}function Ze(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ti(t,e,i){return e===Gt?Ze(function(t,e){var i=fe(t),n=Le(t),s=i.visualViewport,o=n.clientWidth,r=n.clientHeight,a=0,l=0;if(s){o=s.width,r=s.height;var c=Ee();(c||!c&&"fixed"===e)&&(a=s.offsetLeft,l=s.offsetTop)}return{width:o,height:r,x:a+Ye(t),y:l}}(t,i)):pe(e)?function(t,e){var i=Te(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):Ze(function(t){var e,i=Le(t),n=Xe(t),s=null==(e=t.ownerDocument)?void 0:e.body,o=ve(i.scrollWidth,i.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),r=ve(i.scrollHeight,i.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),a=-n.scrollLeft+Ye(t),l=-n.scrollTop;return"rtl"===xe(s||i).direction&&(a+=ve(i.clientWidth,s?s.clientWidth:0)-o),{width:o,height:r,x:a,y:l}}(Le(t)))}function ei(t){var e,i=t.reference,n=t.element,s=t.placement,o=s?be(s):null,r=s?Fe(s):null,a=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case zt:e={x:a,y:i.y-n.height};break;case Rt:e={x:a,y:i.y+i.height};break;case qt:e={x:i.x+i.width,y:l};break;case Vt:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?Ie(o):null;if(null!=c){var h="y"===c?"height":"width";switch(r){case Xt:e[c]=e[c]-(i[h]/2-n[h]/2);break;case Yt:e[c]=e[c]+(i[h]/2-n[h]/2)}}return e}function ii(t,e){void 0===e&&(e={});var i=e,n=i.placement,s=void 0===n?t.placement:n,o=i.strategy,r=void 0===o?t.strategy:o,a=i.boundary,l=void 0===a?Ut:a,c=i.rootBoundary,h=void 0===c?Gt:c,d=i.elementContext,u=void 0===d?Jt:d,f=i.altBoundary,p=void 0!==f&&f,m=i.padding,g=void 0===m?0:m,_=Pe("number"!=typeof g?g:je(g,Qt)),b=u===Jt?Zt:Jt,v=t.rects.popper,y=t.elements[p?b:u],w=function(t,e,i,n){var s="clippingParents"===e?function(t){var e=Je(Se(t)),i=["absolute","fixed"].indexOf(xe(t).position)>=0&&me(t)?$e(t):t;return pe(i)?e.filter((function(t){return pe(t)&&Oe(t,i)&&"body"!==ue(t)})):[]}(t):[].concat(e),o=[].concat(s,[i]),r=o[0],a=o.reduce((function(e,i){var s=ti(t,i,n);return e.top=ve(s.top,e.top),e.right=ye(s.right,e.right),e.bottom=ye(s.bottom,e.bottom),e.left=ve(s.left,e.left),e}),ti(t,r,n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(pe(y)?y:y.contextElement||Le(t.elements.popper),l,h,r),A=Te(t.elements.reference),E=ei({reference:A,element:v,strategy:"absolute",placement:s}),T=Ze(Object.assign({},v,E)),C=u===Jt?T:A,O={top:w.top-C.top+_.top,bottom:C.bottom-w.bottom+_.bottom,left:w.left-C.left+_.left,right:C.right-w.right+_.right},x=t.modifiersData.offset;if(u===Jt&&x){var k=x[s];Object.keys(O).forEach((function(t){var e=[qt,Rt].indexOf(t)>=0?1:-1,i=[zt,Rt].indexOf(t)>=0?"y":"x";O[t]+=k[i]*e}))}return O}function ni(t,e){void 0===e&&(e={});var i=e,n=i.placement,s=i.boundary,o=i.rootBoundary,r=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,c=void 0===l?ee:l,h=Fe(n),d=h?a?te:te.filter((function(t){return Fe(t)===h})):Qt,u=d.filter((function(t){return c.indexOf(t)>=0}));0===u.length&&(u=d);var f=u.reduce((function(e,i){return e[i]=ii(t,{placement:i,boundary:s,rootBoundary:o,padding:r})[be(i)],e}),{});return Object.keys(f).sort((function(t,e){return f[t]-f[e]}))}const si={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=i.mainAxis,o=void 0===s||s,r=i.altAxis,a=void 0===r||r,l=i.fallbackPlacements,c=i.padding,h=i.boundary,d=i.rootBoundary,u=i.altBoundary,f=i.flipVariations,p=void 0===f||f,m=i.allowedAutoPlacements,g=e.options.placement,_=be(g),b=l||(_!==g&&p?function(t){if(be(t)===Kt)return[];var e=Ve(t);return[Qe(t),e,Qe(e)]}(g):[Ve(g)]),v=[g].concat(b).reduce((function(t,i){return t.concat(be(i)===Kt?ni(e,{placement:i,boundary:h,rootBoundary:d,padding:c,flipVariations:p,allowedAutoPlacements:m}):i)}),[]),y=e.rects.reference,w=e.rects.popper,A=new Map,E=!0,T=v[0],C=0;C<v.length;C++){var O=v[C],x=be(O),k=Fe(O)===Xt,L=[zt,Rt].indexOf(x)>=0,S=L?"width":"height",D=ii(e,{placement:O,boundary:h,rootBoundary:d,altBoundary:u,padding:c}),$=L?k?qt:Vt:k?Rt:zt;y[S]>w[S]&&($=Ve($));var I=Ve($),N=[];if(o&&N.push(D[x]<=0),a&&N.push(D[$]<=0,D[I]<=0),N.every((function(t){return t}))){T=O,E=!1;break}A.set(O,N)}if(E)for(var P=function(t){var e=v.find((function(e){var i=A.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return T=e,"break"},j=p?3:1;j>0&&"break"!==P(j);j--);e.placement!==T&&(e.modifiersData[n]._skip=!0,e.placement=T,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function oi(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function ri(t){return[zt,qt,Rt,Vt].some((function(e){return t[e]>=0}))}const ai={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,r=ii(e,{elementContext:"reference"}),a=ii(e,{altBoundary:!0}),l=oi(r,n),c=oi(a,s,o),h=ri(l),d=ri(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":d})}},li={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.options,n=t.name,s=i.offset,o=void 0===s?[0,0]:s,r=ee.reduce((function(t,i){return t[i]=function(t,e,i){var n=be(t),s=[Vt,zt].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,r=o[0],a=o[1];return r=r||0,a=(a||0)*s,[Vt,qt].indexOf(n)>=0?{x:a,y:r}:{x:r,y:a}}(i,e.rects,o),t}),{}),a=r[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=r}},ci={name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,i=t.name;e.modifiersData[i]=ei({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},hi={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,s=i.mainAxis,o=void 0===s||s,r=i.altAxis,a=void 0!==r&&r,l=i.boundary,c=i.rootBoundary,h=i.altBoundary,d=i.padding,u=i.tether,f=void 0===u||u,p=i.tetherOffset,m=void 0===p?0:p,g=ii(e,{boundary:l,rootBoundary:c,padding:d,altBoundary:h}),_=be(e.placement),b=Fe(e.placement),v=!b,y=Ie(_),w="x"===y?"y":"x",A=e.modifiersData.popperOffsets,E=e.rects.reference,T=e.rects.popper,C="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,O="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),x=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,k={x:0,y:0};if(A){if(o){var L,S="y"===y?zt:Vt,D="y"===y?Rt:qt,$="y"===y?"height":"width",I=A[y],N=I+g[S],P=I-g[D],j=f?-T[$]/2:0,M=b===Xt?E[$]:T[$],F=b===Xt?-T[$]:-E[$],H=e.elements.arrow,W=f&&H?Ce(H):{width:0,height:0},B=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},z=B[S],R=B[D],q=Ne(0,E[$],W[$]),V=v?E[$]/2-j-q-z-O.mainAxis:M-q-z-O.mainAxis,K=v?-E[$]/2+j+q+R+O.mainAxis:F+q+R+O.mainAxis,Q=e.elements.arrow&&$e(e.elements.arrow),X=Q?"y"===y?Q.clientTop||0:Q.clientLeft||0:0,Y=null!=(L=null==x?void 0:x[y])?L:0,U=I+K-Y,G=Ne(f?ye(N,I+V-Y-X):N,I,f?ve(P,U):P);A[y]=G,k[y]=G-I}if(a){var J,Z="x"===y?zt:Vt,tt="x"===y?Rt:qt,et=A[w],it="y"===w?"height":"width",nt=et+g[Z],st=et-g[tt],ot=-1!==[zt,Vt].indexOf(_),rt=null!=(J=null==x?void 0:x[w])?J:0,at=ot?nt:et-E[it]-T[it]-rt+O.altAxis,lt=ot?et+E[it]+T[it]-rt-O.altAxis:st,ct=f&&ot?function(t,e,i){var n=Ne(t,e,i);return n>i?i:n}(at,et,lt):Ne(f?at:nt,et,f?lt:st);A[w]=ct,k[w]=ct-et}e.modifiersData[n]=k}},requiresIfExists:["offset"]};function di(t,e,i){void 0===i&&(i=!1);var n,s,o=me(e),r=me(e)&&function(t){var e=t.getBoundingClientRect(),i=we(e.width)/t.offsetWidth||1,n=we(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),a=Le(e),l=Te(t,r,i),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(o||!o&&!i)&&(("body"!==ue(e)||Ue(a))&&(c=(n=e)!==fe(n)&&me(n)?{scrollLeft:(s=n).scrollLeft,scrollTop:s.scrollTop}:Xe(n)),me(e)?((h=Te(e,!0)).x+=e.clientLeft,h.y+=e.clientTop):a&&(h.x=Ye(a))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function ui(t){var e=new Map,i=new Set,n=[];function s(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&s(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||s(t)})),n}var fi={placement:"bottom",modifiers:[],strategy:"absolute"};function pi(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function mi(t){void 0===t&&(t={});var e=t,i=e.defaultModifiers,n=void 0===i?[]:i,s=e.defaultOptions,o=void 0===s?fi:s;return function(t,e,i){void 0===i&&(i=o);var s,r,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},fi,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,h={state:a,setOptions:function(i){var s="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,s),a.scrollParents={reference:pe(t)?Je(t):t.contextElement?Je(t.contextElement):[],popper:Je(e)};var r,c,u=function(t){var e=ui(t);return de.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}((r=[].concat(n,a.options.modifiers),c=r.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return a.orderedModifiers=u.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.name,i=t.options,n=void 0===i?{}:i,s=t.effect;if("function"==typeof s){var o=s({state:a,name:e,instance:h,options:n});l.push(o||function(){})}})),h.update()},forceUpdate:function(){if(!c){var t=a.elements,e=t.reference,i=t.popper;if(pi(e,i)){a.rects={reference:di(e,$e(i),"fixed"===a.options.strategy),popper:Ce(i)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<a.orderedModifiers.length;n++)if(!0!==a.reset){var s=a.orderedModifiers[n],o=s.fn,r=s.options,l=void 0===r?{}:r,d=s.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:h})||a)}else a.reset=!1,n=-1}}},update:(s=function(){return new Promise((function(t){h.forceUpdate(),t(a)}))},function(){return r||(r=new Promise((function(t){Promise.resolve().then((function(){r=void 0,t(s())}))}))),r}),destroy:function(){d(),c=!0}};if(!pi(t,e))return h;function d(){l.forEach((function(t){return t()})),l=[]}return h.setOptions(i).then((function(t){!c&&i.onFirstUpdate&&i.onFirstUpdate(t)})),h}}var gi=mi(),_i=mi({defaultModifiers:[Re,ci,Be,_e]}),bi=mi({defaultModifiers:[Re,ci,Be,_e,li,si,hi,Me,ai]});const vi=Object.freeze(Object.defineProperty({__proto__:null,afterMain:ae,afterRead:se,afterWrite:he,applyStyles:_e,arrow:Me,auto:Kt,basePlacements:Qt,beforeMain:oe,beforeRead:ie,beforeWrite:le,bottom:Rt,clippingParents:Ut,computeStyles:Be,createPopper:bi,createPopperBase:gi,createPopperLite:_i,detectOverflow:ii,end:Yt,eventListeners:Re,flip:si,hide:ai,left:Vt,main:re,modifierPhases:de,offset:li,placements:ee,popper:Jt,popperGenerator:mi,popperOffsets:ci,preventOverflow:hi,read:ne,reference:Zt,right:qt,start:Xt,top:zt,variationPlacements:te,viewport:Gt,write:ce},Symbol.toStringTag,{value:"Module"})),yi="dropdown",wi=".bs.dropdown",Ai=".data-api",Ei="ArrowUp",Ti="ArrowDown",Ci=`hide${wi}`,Oi=`hidden${wi}`,xi=`show${wi}`,ki=`shown${wi}`,Li=`click${wi}${Ai}`,Si=`keydown${wi}${Ai}`,Di=`keyup${wi}${Ai}`,$i="show",Ii='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',Ni=`${Ii}.${$i}`,Pi=".dropdown-menu",ji=p()?"top-end":"top-start",Mi=p()?"top-start":"top-end",Fi=p()?"bottom-end":"bottom-start",Hi=p()?"bottom-start":"bottom-end",Wi=p()?"left-start":"right-start",Bi=p()?"right-start":"left-start",zi={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Ri={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class qi extends W{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=z.next(this._element,Pi)[0]||z.prev(this._element,Pi)[0]||z.findOne(Pi,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return zi}static get DefaultType(){return Ri}static get NAME(){return yi}toggle(){return this._isShown()?this.hide():this.show()}show(){if(l(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!N.trigger(this._element,xi,t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))N.on(t,"mouseover",h);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add($i),this._element.classList.add($i),N.trigger(this._element,ki,t)}}hide(){if(l(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!N.trigger(this._element,Ci,t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))N.off(t,"mouseover",h);this._popper&&this._popper.destroy(),this._menu.classList.remove($i),this._element.classList.remove($i),this._element.setAttribute("aria-expanded","false"),F.removeDataAttribute(this._menu,"popper"),N.trigger(this._element,Oi,t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!o(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${yi.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===vi)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:o(this._config.reference)?t=r(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=bi(t,this._menu,e)}_isShown(){return this._menu.classList.contains($i)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return Wi;if(t.classList.contains("dropstart"))return Bi;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?Mi:ji:e?Hi:Fi}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(F.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,...g(this._config.popperConfig,[t])}}_selectMenuItem({key:t,target:e}){const i=z.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>a(t)));i.length&&b(i,e,t===Ti,!i.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=qi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=z.find(Ni);for(const i of e){const e=qi.getInstance(i);if(!e||!1===e._config.autoClose)continue;const n=t.composedPath(),s=n.includes(e._menu);if(n.includes(e._element)||"inside"===e._config.autoClose&&!s||"outside"===e._config.autoClose&&s)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),i="Escape"===t.key,n=[Ei,Ti].includes(t.key);if(!n&&!i)return;if(e&&!i)return;t.preventDefault();const s=this.matches(Ii)?this:z.prev(this,Ii)[0]||z.next(this,Ii)[0]||z.findOne(Ii,t.delegateTarget.parentNode),o=qi.getOrCreateInstance(s);if(n)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),s.focus())}}N.on(document,Si,Ii,qi.dataApiKeydownHandler),N.on(document,Si,Pi,qi.dataApiKeydownHandler),N.on(document,Li,qi.clearMenus),N.on(document,Di,qi.clearMenus),N.on(document,Li,Ii,(function(t){t.preventDefault(),qi.getOrCreateInstance(this).toggle()})),m(qi);const Vi="backdrop",Ki="show",Qi=`mousedown.bs.${Vi}`,Xi={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Yi={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class Ui extends H{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return Xi}static get DefaultType(){return Yi}static get NAME(){return Vi}show(t){if(!this._config.isVisible)return void g(t);this._append();const e=this._getElement();this._config.isAnimated&&d(e),e.classList.add(Ki),this._emulateAnimation((()=>{g(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(Ki),this._emulateAnimation((()=>{this.dispose(),g(t)}))):g(t)}dispose(){this._isAppended&&(N.off(this._element,Qi),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=r(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),N.on(t,Qi,(()=>{g(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){_(t,this._getElement(),this._config.isAnimated)}}const Gi=".bs.focustrap",Ji=`focusin${Gi}`,Zi=`keydown.tab${Gi}`,tn="backward",en={autofocus:!0,trapElement:null},nn={autofocus:"boolean",trapElement:"element"};class sn extends H{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return en}static get DefaultType(){return nn}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),N.off(document,Gi),N.on(document,Ji,(t=>this._handleFocusin(t))),N.on(document,Zi,(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,N.off(document,Gi))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const i=z.focusableChildren(e);0===i.length?e.focus():this._lastTabNavDirection===tn?i[i.length-1].focus():i[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?tn:"forward")}}const on=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",rn=".sticky-top",an="padding-right",ln="margin-right";class cn{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,an,(e=>e+t)),this._setElementAttributes(on,an,(e=>e+t)),this._setElementAttributes(rn,ln,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,an),this._resetElementAttributes(on,an),this._resetElementAttributes(rn,ln)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,i){const n=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+n)return;this._saveInitialAttribute(t,e);const s=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${i(Number.parseFloat(s))}px`)}))}_saveInitialAttribute(t,e){const i=t.style.getPropertyValue(e);i&&F.setDataAttribute(t,e,i)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const i=F.getDataAttribute(t,e);null!==i?(F.removeDataAttribute(t,e),t.style.setProperty(e,i)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(o(t))e(t);else for(const i of z.find(t,this._element))e(i)}}const hn=".bs.modal",dn=`hide${hn}`,un=`hidePrevented${hn}`,fn=`hidden${hn}`,pn=`show${hn}`,mn=`shown${hn}`,gn=`resize${hn}`,_n=`click.dismiss${hn}`,bn=`mousedown.dismiss${hn}`,vn=`keydown.dismiss${hn}`,yn=`click${hn}.data-api`,wn="modal-open",An="show",En="modal-static",Tn={backdrop:!0,focus:!0,keyboard:!0},Cn={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class On extends W{constructor(t,e){super(t,e),this._dialog=z.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new cn,this._addEventListeners()}static get Default(){return Tn}static get DefaultType(){return Cn}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||N.trigger(this._element,pn,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(wn),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&(N.trigger(this._element,dn).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(An),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){N.off(window,hn),N.off(this._dialog,hn),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new Ui({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new sn({trapElement:this._element})}_showElement(t){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 e=z.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),d(this._element),this._element.classList.add(An),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,N.trigger(this._element,mn,{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){N.on(this._element,vn,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),N.on(window,gn,(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),N.on(this._element,bn,(t=>{N.one(this._element,_n,(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_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(wn),this._resetAdjustments(),this._scrollBar.reset(),N.trigger(this._element,fn)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(N.trigger(this._element,un).defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(En)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(En),this._queueCallback((()=>{this._element.classList.remove(En),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),i=e>0;if(i&&!t){const t=p()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!i&&t){const t=p()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=On.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}N.on(document,yn,'[data-bs-toggle="modal"]',(function(t){const e=z.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),N.one(e,pn,(t=>{t.defaultPrevented||N.one(e,fn,(()=>{a(this)&&this.focus()}))}));const i=z.findOne(".modal.show");i&&On.getInstance(i).hide(),On.getOrCreateInstance(e).toggle(this)})),R(On),m(On);const xn=".bs.offcanvas",kn=".data-api",Ln=`load${xn}${kn}`,Sn="show",Dn="showing",$n="hiding",In=".offcanvas.show",Nn=`show${xn}`,Pn=`shown${xn}`,jn=`hide${xn}`,Mn=`hidePrevented${xn}`,Fn=`hidden${xn}`,Hn=`resize${xn}`,Wn=`click${xn}${kn}`,Bn=`keydown.dismiss${xn}`,zn={backdrop:!0,keyboard:!0,scroll:!1},Rn={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class qn extends W{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return zn}static get DefaultType(){return Rn}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||N.trigger(this._element,Nn,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new cn).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(Dn),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(Sn),this._element.classList.remove(Dn),N.trigger(this._element,Pn,{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&(N.trigger(this._element,jn).defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add($n),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(Sn,$n),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new cn).reset(),N.trigger(this._element,Fn)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new Ui({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():N.trigger(this._element,Mn)}:null})}_initializeFocusTrap(){return new sn({trapElement:this._element})}_addEventListeners(){N.on(this._element,Bn,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():N.trigger(this._element,Mn))}))}static jQueryInterface(t){return this.each((function(){const e=qn.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}N.on(document,Wn,'[data-bs-toggle="offcanvas"]',(function(t){const e=z.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),l(this))return;N.one(e,Fn,(()=>{a(this)&&this.focus()}));const i=z.findOne(In);i&&i!==e&&qn.getInstance(i).hide(),qn.getOrCreateInstance(e).toggle(this)})),N.on(window,Ln,(()=>{for(const t of z.find(In))qn.getOrCreateInstance(t).show()})),N.on(window,Hn,(()=>{for(const t of z.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&qn.getOrCreateInstance(t).hide()})),R(qn),m(qn);const Vn={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],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:[]},Kn=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),Qn=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,Xn=(t,e)=>{const i=t.nodeName.toLowerCase();return e.includes(i)?!Kn.has(i)||Boolean(Qn.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(i)))},Yn={allowList:Vn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Un={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Gn={entry:"(string|element|function|null)",selector:"(string|element)"};class Jn extends H{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return Yn}static get DefaultType(){return Un}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,i]of Object.entries(this._config.content))this._setContent(t,i,e);const e=t.children[0],i=this._resolvePossibleFunction(this._config.extraClass);return i&&e.classList.add(...i.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,i]of Object.entries(t))super._typeCheckConfig({selector:e,entry:i},Gn)}_setContent(t,e,i){const n=z.findOne(i,t);n&&((e=this._resolvePossibleFunction(e))?o(e)?this._putElementInTemplate(r(e),n):this._config.html?n.innerHTML=this._maybeSanitize(e):n.textContent=e:n.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,i){if(!t.length)return t;if(i&&"function"==typeof i)return i(t);const n=(new window.DOMParser).parseFromString(t,"text/html"),s=[].concat(...n.body.querySelectorAll("*"));for(const t of s){const i=t.nodeName.toLowerCase();if(!Object.keys(e).includes(i)){t.remove();continue}const n=[].concat(...t.attributes),s=[].concat(e["*"]||[],e[i]||[]);for(const e of n)Xn(e,s)||t.removeAttribute(e.nodeName)}return n.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return g(t,[this])}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Zn=new Set(["sanitize","allowList","sanitizeFn"]),ts="fade",es="show",is=".modal",ns="hide.bs.modal",ss="hover",os="focus",rs={AUTO:"auto",TOP:"top",RIGHT:p()?"left":"right",BOTTOM:"bottom",LEFT:p()?"right":"left"},as={allowList:Vn,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"},ls={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 cs extends W{constructor(t,e){if(void 0===vi)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,e),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 as}static get DefaultType(){return ls}static get NAME(){return"tooltip"}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){this._isEnabled&&(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()?this._leave():this._enter())}dispose(){clearTimeout(this._timeout),N.off(this._element.closest(is),ns,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("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this._isWithContent()||!this._isEnabled)return;const t=N.trigger(this._element,this.constructor.eventName("show")),e=(c(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!e)return;this._disposePopper();const i=this._getTipElement();this._element.setAttribute("aria-describedby",i.getAttribute("id"));const{container:n}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(i),N.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(i),i.classList.add(es),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))N.on(t,"mouseover",h);this._queueCallback((()=>{N.trigger(this._element,this.constructor.eventName("shown")),!1===this._isHovered&&this._leave(),this._isHovered=!1}),this.tip,this._isAnimated())}hide(){if(this._isShown()&&!N.trigger(this._element,this.constructor.eventName("hide")).defaultPrevented){if(this._getTipElement().classList.remove(es),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))N.off(t,"mouseover",h);this._activeTrigger.click=!1,this._activeTrigger[os]=!1,this._activeTrigger[ss]=!1,this._isHovered=null,this._queueCallback((()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),N.trigger(this._element,this.constructor.eventName("hidden")))}),this.tip,this._isAnimated())}}update(){this._popper&&this._popper.update()}_isWithContent(){return Boolean(this._getTitle())}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){const e=this._getTemplateFactory(t).toHtml();if(!e)return null;e.classList.remove(ts,es),e.classList.add(`bs-${this.constructor.NAME}-auto`);const i=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME).toString();return e.setAttribute("id",i),this._isAnimated()&&e.classList.add(ts),e}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new Jn({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{".tooltip-inner":this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(ts)}_isShown(){return this.tip&&this.tip.classList.contains(es)}_createPopper(t){const e=g(this._config.placement,[this,t,this._element]),i=rs[e.toUpperCase()];return bi(this._element,t,this._getPopperConfig(i))}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return g(t,[this._element])}_getPopperConfig(t){const e={placement:t,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:t=>{this._getTipElement().setAttribute("data-popper-placement",t.state.placement)}}]};return{...e,...g(this._config.popperConfig,[e])}}_setListeners(){const t=this._config.trigger.split(" ");for(const e of t)if("click"===e)N.on(this._element,this.constructor.eventName("click"),this._config.selector,(t=>{this._initializeOnDelegatedTarget(t).toggle()}));else if("manual"!==e){const t=e===ss?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),i=e===ss?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout");N.on(this._element,t,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusin"===t.type?os:ss]=!0,e._enter()})),N.on(this._element,i,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusout"===t.type?os:ss]=e._element.contains(t.relatedTarget),e._leave()}))}this._hideModalHandler=()=>{this._element&&this.hide()},N.on(this._element.closest(is),ns,this._hideModalHandler)}_fixTitle(){const t=this._element.getAttribute("title");t&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){this._isShown()||this._isHovered?this._isHovered=!0:(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(t,e){clearTimeout(this._timeout),this._timeout=setTimeout(t,e)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){const e=F.getDataAttributes(this._element);for(const t of Object.keys(e))Zn.has(t)&&delete e[t];return t={...e,..."object"==typeof t&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=!1===t.container?document.body:r(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),t}_getDelegateConfig(){const t={};for(const[e,i]of Object.entries(this._config))this.constructor.Default[e]!==i&&(t[e]=i);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each((function(){const e=cs.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}m(cs);const hs={...cs.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"},ds={...cs.DefaultType,content:"(null|string|element|function)"};class us extends cs{static get Default(){return hs}static get DefaultType(){return ds}static get NAME(){return"popover"}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{".popover-header":this._getTitle(),".popover-body":this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each((function(){const e=us.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}m(us);const fs=".bs.scrollspy",ps=`activate${fs}`,ms=`click${fs}`,gs=`load${fs}.data-api`,_s="active",bs="[href]",vs=".nav-link",ys=`${vs}, .nav-item > ${vs}, .list-group-item`,ws={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},As={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class Es extends W{constructor(t,e){super(t,e),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return ws}static get DefaultType(){return As}static get NAME(){return"scrollspy"}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const t of this._observableSections.values())this._observer.observe(t)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(t){return t.target=r(t.target)||document.body,t.rootMargin=t.offset?`${t.offset}px 0px -30%`:t.rootMargin,"string"==typeof t.threshold&&(t.threshold=t.threshold.split(",").map((t=>Number.parseFloat(t)))),t}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(N.off(this._config.target,ms),N.on(this._config.target,ms,bs,(t=>{const e=this._observableSections.get(t.target.hash);if(e){t.preventDefault();const i=this._rootElement||window,n=e.offsetTop-this._element.offsetTop;if(i.scrollTo)return void i.scrollTo({top:n,behavior:"smooth"});i.scrollTop=n}})))}_getNewObserver(){const t={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((t=>this._observerCallback(t)),t)}_observerCallback(t){const e=t=>this._targetLinks.get(`#${t.target.id}`),i=t=>{this._previousScrollData.visibleEntryTop=t.target.offsetTop,this._process(e(t))},n=(this._rootElement||document.documentElement).scrollTop,s=n>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=n;for(const o of t){if(!o.isIntersecting){this._activeTarget=null,this._clearActiveClass(e(o));continue}const t=o.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(s&&t){if(i(o),!n)return}else s||t||i(o)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const t=z.find(bs,this._config.target);for(const e of t){if(!e.hash||l(e))continue;const t=z.findOne(decodeURI(e.hash),this._element);a(t)&&(this._targetLinks.set(decodeURI(e.hash),e),this._observableSections.set(e.hash,t))}}_process(t){this._activeTarget!==t&&(this._clearActiveClass(this._config.target),this._activeTarget=t,t.classList.add(_s),this._activateParents(t),N.trigger(this._element,ps,{relatedTarget:t}))}_activateParents(t){if(t.classList.contains("dropdown-item"))z.findOne(".dropdown-toggle",t.closest(".dropdown")).classList.add(_s);else for(const e of z.parents(t,".nav, .list-group"))for(const t of z.prev(e,ys))t.classList.add(_s)}_clearActiveClass(t){t.classList.remove(_s);const e=z.find(`${bs}.${_s}`,t);for(const t of e)t.classList.remove(_s)}static jQueryInterface(t){return this.each((function(){const e=Es.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}N.on(window,gs,(()=>{for(const t of z.find('[data-bs-spy="scroll"]'))Es.getOrCreateInstance(t)})),m(Es);const Ts=".bs.tab",Cs=`hide${Ts}`,Os=`hidden${Ts}`,xs=`show${Ts}`,ks=`shown${Ts}`,Ls=`click${Ts}`,Ss=`keydown${Ts}`,Ds=`load${Ts}`,$s="ArrowLeft",Is="ArrowRight",Ns="ArrowUp",Ps="ArrowDown",js="Home",Ms="End",Fs="active",Hs="fade",Ws="show",Bs=".dropdown-toggle",zs=`:not(${Bs})`,Rs='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',qs=`.nav-link${zs}, .list-group-item${zs}, [role="tab"]${zs}, ${Rs}`,Vs=`.${Fs}[data-bs-toggle="tab"], .${Fs}[data-bs-toggle="pill"], .${Fs}[data-bs-toggle="list"]`;class Ks extends W{constructor(t){super(t),this._parent=this._element.closest('.list-group, .nav, [role="tablist"]'),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),N.on(this._element,Ss,(t=>this._keydown(t))))}static get NAME(){return"tab"}show(){const t=this._element;if(this._elemIsActive(t))return;const e=this._getActiveElem(),i=e?N.trigger(e,Cs,{relatedTarget:t}):null;N.trigger(t,xs,{relatedTarget:e}).defaultPrevented||i&&i.defaultPrevented||(this._deactivate(e,t),this._activate(t,e))}_activate(t,e){t&&(t.classList.add(Fs),this._activate(z.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.removeAttribute("tabindex"),t.setAttribute("aria-selected",!0),this._toggleDropDown(t,!0),N.trigger(t,ks,{relatedTarget:e})):t.classList.add(Ws)}),t,t.classList.contains(Hs)))}_deactivate(t,e){t&&(t.classList.remove(Fs),t.blur(),this._deactivate(z.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.setAttribute("aria-selected",!1),t.setAttribute("tabindex","-1"),this._toggleDropDown(t,!1),N.trigger(t,Os,{relatedTarget:e})):t.classList.remove(Ws)}),t,t.classList.contains(Hs)))}_keydown(t){if(![$s,Is,Ns,Ps,js,Ms].includes(t.key))return;t.stopPropagation(),t.preventDefault();const e=this._getChildren().filter((t=>!l(t)));let i;if([js,Ms].includes(t.key))i=e[t.key===js?0:e.length-1];else{const n=[Is,Ps].includes(t.key);i=b(e,t.target,n,!0)}i&&(i.focus({preventScroll:!0}),Ks.getOrCreateInstance(i).show())}_getChildren(){return z.find(qs,this._parent)}_getActiveElem(){return this._getChildren().find((t=>this._elemIsActive(t)))||null}_setInitialAttributes(t,e){this._setAttributeIfNotExists(t,"role","tablist");for(const t of e)this._setInitialAttributesOnChild(t)}_setInitialAttributesOnChild(t){t=this._getInnerElement(t);const e=this._elemIsActive(t),i=this._getOuterElement(t);t.setAttribute("aria-selected",e),i!==t&&this._setAttributeIfNotExists(i,"role","presentation"),e||t.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(t,"role","tab"),this._setInitialAttributesOnTargetPanel(t)}_setInitialAttributesOnTargetPanel(t){const e=z.getElementFromSelector(t);e&&(this._setAttributeIfNotExists(e,"role","tabpanel"),t.id&&this._setAttributeIfNotExists(e,"aria-labelledby",`${t.id}`))}_toggleDropDown(t,e){const i=this._getOuterElement(t);if(!i.classList.contains("dropdown"))return;const n=(t,n)=>{const s=z.findOne(t,i);s&&s.classList.toggle(n,e)};n(Bs,Fs),n(".dropdown-menu",Ws),i.setAttribute("aria-expanded",e)}_setAttributeIfNotExists(t,e,i){t.hasAttribute(e)||t.setAttribute(e,i)}_elemIsActive(t){return t.classList.contains(Fs)}_getInnerElement(t){return t.matches(qs)?t:z.findOne(qs,t)}_getOuterElement(t){return t.closest(".nav-item, .list-group-item")||t}static jQueryInterface(t){return this.each((function(){const e=Ks.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}N.on(document,Ls,Rs,(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),l(this)||Ks.getOrCreateInstance(this).show()})),N.on(window,Ds,(()=>{for(const t of z.find(Vs))Ks.getOrCreateInstance(t)})),m(Ks);const Qs=".bs.toast",Xs=`mouseover${Qs}`,Ys=`mouseout${Qs}`,Us=`focusin${Qs}`,Gs=`focusout${Qs}`,Js=`hide${Qs}`,Zs=`hidden${Qs}`,to=`show${Qs}`,eo=`shown${Qs}`,io="hide",no="show",so="showing",oo={animation:"boolean",autohide:"boolean",delay:"number"},ro={animation:!0,autohide:!0,delay:5e3};class ao extends W{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return ro}static get DefaultType(){return oo}static get NAME(){return"toast"}show(){N.trigger(this._element,to).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove(io),d(this._element),this._element.classList.add(no,so),this._queueCallback((()=>{this._element.classList.remove(so),N.trigger(this._element,eo),this._maybeScheduleHide()}),this._element,this._config.animation))}hide(){this.isShown()&&(N.trigger(this._element,Js).defaultPrevented||(this._element.classList.add(so),this._queueCallback((()=>{this._element.classList.add(io),this._element.classList.remove(so,no),N.trigger(this._element,Zs)}),this._element,this._config.animation)))}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(no),super.dispose()}isShown(){return this._element.classList.contains(no)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const i=t.relatedTarget;this._element===i||this._element.contains(i)||this._maybeScheduleHide()}_setListeners(){N.on(this._element,Xs,(t=>this._onInteraction(t,!0))),N.on(this._element,Ys,(t=>this._onInteraction(t,!1))),N.on(this._element,Us,(t=>this._onInteraction(t,!0))),N.on(this._element,Gs,(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=ao.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return R(ao),m(ao),{Alert:Q,Button:Y,Carousel:xt,Collapse:Bt,Dropdown:qi,Modal:On,Offcanvas:qn,Popover:us,ScrollSpy:Es,Tab:Ks,Toast:ao,Tooltip:cs}}));
+//# sourceMappingURL=bootstrap.bundle.min.js.map
\ No newline at end of file
diff --git a/manatools/aui/backends/web/static/vendor/bootstrap/bootstrap.min.css b/manatools/aui/backends/web/static/vendor/bootstrap/bootstrap.min.css
new file mode 100755
index 0000000..3993414
--- /dev/null
+++ b/manatools/aui/backends/web/static/vendor/bootstrap/bootstrap.min.css
@@ -0,0 +1,6 @@
+@charset "UTF-8";/*!
+ * Bootstrap  v5.3.3 (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */: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:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--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, 0.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, 0.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, 0.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:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--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, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.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 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.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, 0.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, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{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:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{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]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{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}code,kbd,pre,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}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button: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;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::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-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.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-lg,.container-md,.container-sm,.container-xl,.container-xxl{--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,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{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:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.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:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.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:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.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:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.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:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.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:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.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), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .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 .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:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--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:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--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);-webkit-appearance:none;-moz-appearance:none;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:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.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::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.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;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.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::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.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-lg,.form-control-plaintext.form-control-sm{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::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.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::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end: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);-webkit-appearance:none;-moz-appearance:none;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:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.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;-webkit-appearance:none;-moz-appearance:none;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;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:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.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:#0d6efd;border-color:#0d6efd;--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='%2386b7fe'/%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;-webkit-appearance:none;-moz-appearance:none;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 rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;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{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.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;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;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{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.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;height:100%;padding:1rem .75rem;overflow:hidden;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-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{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>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{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)>.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,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.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,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){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(var(--bs-border-width) * -1);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)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control: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.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control: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)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select: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.1z'/%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)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):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)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control: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)}.form-control.is-invalid:focus,.was-validated .form-control: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)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select: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)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.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, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 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;-moz-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,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{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,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active: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:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.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, 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, 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, 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:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.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, 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, 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, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--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, 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, 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, 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:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--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, 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, 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, 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:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.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}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-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:0.5rem;--bs-dropdown-spacer:0.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:0.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:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.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:focus,.dropdown-item:hover{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, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--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-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{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>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.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-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.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:0 0;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:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.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:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{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:#0d6efd}.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:0.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:focus,.nav-underline .nav-link:hover{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-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;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:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.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:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.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), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.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-lg,.navbar>.container-md,.navbar>.container-sm,.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:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.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:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;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, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.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, 0.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:0.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:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.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:0.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;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{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-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{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-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.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 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.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='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.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-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}.accordion-flush>.accordion-item>.accordion-collapse{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='%236ea8fe'%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-.708z'/%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='%236ea8fe'%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-.708z'/%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:0.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:0.75rem;--bs-pagination-padding-y:0.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 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--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)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{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(var(--bs-border-width) * -1)}.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:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.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:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.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:#0d6efd;--bs-progress-bar-transition:width 0.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:0.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:#0d6efd;--bs-list-group-active-border-color:#0d6efd;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-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{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:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.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-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.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;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;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.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), 0.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:-webkit-max-content;width:-moz-max-content;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:0.5rem;--bs-modal-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:0.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{transition:transform .3s ease-out;transform:translate(0,-50px)}@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:0.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:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) 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-footer,.modal-fullscreen .modal-header{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-footer,.modal-fullscreen-sm-down .modal-header{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-footer,.modal-fullscreen-md-down .modal-header{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-footer,.modal-fullscreen-lg-down .modal-header{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-footer,.modal-fullscreen-xl-down .modal-header{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-footer,.modal-fullscreen-xxl-down .modal-header{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:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.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:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.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-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-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-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .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-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-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-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .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:0.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:0.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:0.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::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.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-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-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-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.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-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.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%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{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:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-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 0z'/%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-.708z'/%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:#fff;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:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;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:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.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:0.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:-0.125em;--bs-spinner-animation-speed:0.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-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--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 0.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:translateX(-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:translateX(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.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{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:translateX(-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:translateX(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.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{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:translateX(-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:translateX(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.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{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:translateX(-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:translateX(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.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{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:translateX(-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:translateX(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.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{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:translateX(-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:translateX(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.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{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:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) 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%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-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;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.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;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;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:focus-visible>.bi,.icon-link-hover:hover>.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:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;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-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left: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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;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:-webkit-sticky!important;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:translateX(-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:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;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:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!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:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.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{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.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:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.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;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;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}}
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/manatools/aui/backends/web/tableweb.py b/manatools/aui/backends/web/tableweb.py
new file mode 100755
index 0000000..e8d14d8
--- /dev/null
+++ b/manatools/aui/backends/web/tableweb.py
@@ -0,0 +1,193 @@
+"""Web backend Table implementation."""
+from ...yui_common import (YSelectionWidget, YTableHeader, YTableItem,
+                            YAlignmentType, YWidgetEvent, YEventReason)
+from .commonweb import widget_attrs, escape_html, is_initial_render
+
+class YTableWeb(YSelectionWidget):
+    """Table view widget."""
+    def __init__(self, parent=None, header: YTableHeader = None, multiSelection: bool = False):
+        super().__init__(parent)
+        self._header = header or YTableHeader()
+        self._multi_selection = multiSelection
+        self._rows = []
+        self._changed_item = None
+        self._deferred_pending = False  # True while a skeleton is shown in the browser
+
+    def widgetClass(self):
+        return "YTable"
+
+    def addItem(self, item, notify=True):
+        if isinstance(item, YTableItem):
+            self._rows.append(item)
+        if notify:
+            self._notify_update()
+        return item
+
+    def addItems(self, items):
+        for item in items:
+            if isinstance(item, YTableItem):
+                self._rows.append(item)
+        self._notify_update()
+
+    def rebuildTable(self):
+        self._notify_update()
+
+    def changedItem(self):
+        """Return the last row that was changed (checkbox toggle or selection), or None."""
+        return self._changed_item
+
+    def _handle_selection_change(self, index: int, value: str = None):
+        """Handle row selection from browser click (index = absolute position in _rows[])."""
+        if 0 <= index < len(self._rows):
+            row = self._rows[index]
+            self._changed_item = row
+            if not self._multi_selection:
+                self._selected_items = [row]
+            else:
+                if row in self._selected_items:
+                    self._selected_items.remove(row)
+                else:
+                    self._selected_items.append(row)
+
+    def _handle_checkbox_change(self, row_index: int, col_index: int, checked: bool):
+        """Handle a checkbox cell toggle from the browser.
+
+        Mirrors Qt setData(CheckStateRole): updates the cell model, tracks
+        _changed_item, and posts YWidgetEvent(ValueChanged) if notify() is set.
+        """
+        if not (0 <= row_index < len(self._rows)):
+            return
+        row = self._rows[row_index]
+        try:
+            cell = row.cell(col_index)
+        except Exception:
+            cell = None
+        if cell is None:
+            return
+        cell.setChecked(checked)
+        self._changed_item = row
+        dlg = self.findDialog()
+        if dlg is not None and self.notify():
+            dlg._post_event(YWidgetEvent(self, YEventReason.ValueChanged))
+
+    def selectItem(self, item, selected=True):
+        if selected:
+            if item not in self._selected_items:
+                self._selected_items.append(item)
+        else:
+            if item in self._selected_items:
+                self._selected_items.remove(item)
+        self._notify_update()
+
+    def deleteAllItems(self):
+        self._rows.clear()
+        self._selected_items.clear()
+        self._notify_update()
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    def _column_align_style(self, col: int) -> str:
+        """Return an inline style attribute string for column alignment, or ''."""
+        try:
+            align = self._header.alignment(col)
+        except Exception:
+            return ""
+        if align == YAlignmentType.YAlignCenter:
+            return ' style="text-align:center"'
+        if align == YAlignmentType.YAlignEnd:
+            return ' style="text-align:right"'
+        return ""
+
+    def _render_rows_html(self) -> str:
+        """Return the inner HTML of <tbody>: all <tr> rows, no wrapping tag.
+
+        Called both from render() (full path) and by the dialog when pushing
+        deferred row content via WebSocket after the browser connects.
+        """
+        rows = []
+        for row_idx, row in enumerate(self._rows):
+            sel_class = ' selected' if row in self._selected_items else ''
+            cells = ''
+            for i in range(row.cellCount()):
+                cell = row.cell(i)
+                align_style = self._column_align_style(i)
+                if self._header.isCheckboxColumn(i):
+                    checked_attr = ' checked' if (cell and cell.checked()) else ''
+                    cells += (f'<td{align_style}>'
+                              f'<input type="checkbox" class="form-check-input mana-table-checkbox"'
+                              f' data-row="{row_idx}" data-col="{i}"{checked_attr}>'
+                              f'</td>')
+                else:
+                    cells += f'<td{align_style}>{escape_html(cell.label()) if cell else ""}</td>'
+            rows.append(f'<tr class="mana-table-row{sel_class}">{cells}</tr>')
+        return ''.join(rows)
+
+    def render(self) -> str:
+        # Outer wrapper carries the widget identity (id, data-widget-class, visible).
+        # enabled=True: <div> cannot carry the HTML disabled attribute; the enabled
+        # state is propagated to the inner form controls manually below.
+        attrs = widget_attrs(self.id(), "YTable", True, self._visible)
+        disabled_attr = ' disabled' if not self._enabled else ''
+
+        # Controls bar: search input only (page-size selector omitted by default)
+        controls = (
+            '<div class="mana-table-controls">'
+            f'<input type="search" class="form-control form-control-sm mana-table-search"'
+            f' placeholder="Search\u2026" aria-label="Search"{disabled_attr}>'
+            '</div>'
+        )
+
+        # Inner <table> — Bootstrap styled; intentionally has no widget id
+        thead = '<thead><tr>'
+        for i in range(self._header.columns()):
+            align_style = self._column_align_style(i)
+            thead += f'<th scope="col"{align_style}>{escape_html(self._header.header(i))}</th>'
+        thead += '</tr></thead>'
+
+        # On the initial HTTP render, emit a loading skeleton so the browser
+        # can paint the page quickly.  The real rows are pushed via WebSocket
+        # as soon as the connection is established (see dialogweb._push_deferred_tables).
+        if is_initial_render() and self._rows:
+            col_count = max(self._header.columns(), 1)
+            tbody = (
+                f'<tbody>'
+                f'<tr class="mana-table-loading">'
+                f'<td colspan="{col_count}" class="text-center text-muted py-3">'
+                f'<span class="spinner-border spinner-border-sm me-2" role="status">'
+                f'</span>Loading\u2026'
+                f'</td></tr>'
+                f'</tbody>'
+            )
+            self._deferred_pending = True
+        else:
+            self._deferred_pending = False
+            tbody = f'<tbody>{self._render_rows_html()}</tbody>'
+
+        scroll = (
+            '<div class="mana-table-scroll">'
+            '<table class="table table-sm table-hover mana-table-inner">'
+            f'{thead}{tbody}'
+            '</table>'
+            '</div>'
+        )
+
+        footer = (
+            '<div class="mana-table-footer">'
+            '<span class="mana-table-info"></span>'
+            '<nav aria-label="Table navigation">'
+            '<ul class="pagination pagination-sm mb-0 mana-table-pagination"></ul>'
+            '</nav>'
+            '</div>'
+        )
+
+        return f'<div {attrs}>{controls}{scroll}{footer}</div>'
diff --git a/manatools/aui/backends/web/templates/base.html b/manatools/aui/backends/web/templates/base.html
new file mode 100755
index 0000000..874e376
--- /dev/null
+++ b/manatools/aui/backends/web/templates/base.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="auto">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ title }}</title>
+
+    <!-- Bootstrap 5.3 – served locally, no CDN dependency -->
+    <link rel="stylesheet" href="/static/vendor/bootstrap/bootstrap.min.css">
+
+    <!-- Application overrides (loaded after Bootstrap so specificity wins) -->
+    <link rel="stylesheet" href="/static/css/manatools.css">
+</head>
+<body>
+
+    <!-- ── Top bar ─────────────────────────────────────────────────────── -->
+    <nav class="navbar navbar-dark bg-dark px-3 py-2">
+        <span class="navbar-brand mb-0 h1 fs-5">{{ app_name }}</span>
+
+        <!-- Connection status badge (updated by manatools.js) -->
+        <span id="mana-conn-badge"
+              class="badge text-bg-secondary ms-auto"
+              title="WebSocket connection status"
+              aria-live="polite">
+            connecting…
+        </span>
+    </nav>
+
+    <!-- ── Main content ────────────────────────────────────────────────── -->
+    <main class="container-fluid py-3">
+        <div id="mana-app">
+            {{ dialog_html }}
+        </div>
+    </main>
+
+    <!-- Busy overlay — shown via WebSocket "busy" message from Python backend -->
+    <div id="mana-busy-overlay"
+         hidden
+         role="status"
+         aria-label="Loading, please wait…">
+        <div class="spinner-border text-light" aria-hidden="true"></div>
+        <span class="visually-hidden">Loading…</span>
+    </div>
+
+    <!-- Shutdown overlay — shown when the application exits; non-dismissable -->
+    <div id="mana-shutdown-overlay" hidden role="alertdialog" aria-modal="true"
+         aria-labelledby="mana-shutdown-title">
+        <div class="mana-shutdown-box">
+            <span class="mana-shutdown-icon" aria-hidden="true">&#x25A0;</span>
+            <p id="mana-shutdown-title" class="mana-shutdown-msg"></p>
+            <button id="mana-reload-btn"
+                    class="btn btn-sm btn-outline-light mt-2">Reload</button>
+        </div>
+    </div>
+
+    <!-- Bootstrap JS bundle (Popper included, no jQuery, no CDN) -->
+    <script src="/static/vendor/bootstrap/bootstrap.bundle.min.js"></script>
+
+    <!-- ── Application event layer (fetch + WebSocket, no jQuery) ──────── -->
+    <script src="/static/js/manatools.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/manatools/aui/backends/web/templates/dialog.html b/manatools/aui/backends/web/templates/dialog.html
new file mode 100755
index 0000000..84b763f
--- /dev/null
+++ b/manatools/aui/backends/web/templates/dialog.html
@@ -0,0 +1,10 @@
+<div id="{{ id }}" class="{{ classes }}" data-widget-class="YDialog">
+    <!-- 
+    <header class="mana-dialog-header">
+        <h1 class="mana-dialog-title">{{ title }}</h1>
+    </header>
+    -->
+    <main class="mana-dialog-content">
+        {{ content }}
+    </main>
+</div>
diff --git a/manatools/aui/backends/web/timefieldweb.py b/manatools/aui/backends/web/timefieldweb.py
new file mode 100755
index 0000000..970a1e3
--- /dev/null
+++ b/manatools/aui/backends/web/timefieldweb.py
@@ -0,0 +1,48 @@
+"""Web backend TimeField implementation."""
+from ...yui_common import YWidget
+from .commonweb import widget_attrs, escape_html, format_label_with_shortcut
+
+class YTimeFieldWeb(YWidget):
+    """Time input field widget."""
+    def __init__(self, parent=None, label: str = ""):
+        super().__init__(parent)
+        self._label = label
+        self._value = ""  # Format: HH:MM
+    
+    def widgetClass(self):
+        return "YTimeField"
+    
+    def label(self) -> str:
+        return self._label
+    
+    def setLabel(self, label: str):
+        self._label = label
+        self._notify_update()
+    
+    def value(self) -> str:
+        return self._value
+    
+    def setValue(self, val: str):
+        self._value = str(val) if val else ""
+        self._notify_update()
+    
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+    
+    def render(self) -> str:
+        extra_attrs = {
+            "type": "time",
+            "value": self._value,
+        }
+        
+        attrs = widget_attrs(self.id(), "YTimeField", self._enabled, self._visible, extra_attrs=extra_attrs)
+        
+        html = ""
+        if self._label:
+            label_html = format_label_with_shortcut(self._label)
+            html += f'<label class="mana-timefield-label">{label_html}</label>'
+        
+        html += f'<input {attrs}>'
+        return f'<div class="mana-timefield-container">{html}</div>'
diff --git a/manatools/aui/backends/web/treeweb.py b/manatools/aui/backends/web/treeweb.py
new file mode 100644
index 0000000..f544dc5
--- /dev/null
+++ b/manatools/aui/backends/web/treeweb.py
@@ -0,0 +1,237 @@
+"""
+Web backend Tree implementation.
+Author: Matteo Pasotti <xquiet@coriolite.com>
+License: LGPLv2+
+
+The tree is rendered as a paginated, searchable flat table where each
+depth level occupies a separate column (root items in col 1, their
+children in col 2, grandchildren in col 3, …).  This reuses the
+mana-ytable HTML structure so the client-side pagination and search
+JavaScript activates automatically, with no changes to dnfdragora or
+the public YUI API.
+"""
+import logging
+from ...yui_common import YSelectionWidget, YTreeItem
+from .commonweb import widget_attrs, escape_html
+
+
+class YTreeWeb(YSelectionWidget):
+    """Tree view widget rendered as a flat paginated table."""
+
+    def __init__(self, parent=None, label: str = "", multiselection=False, recursiveselection=False):
+        super().__init__(parent)
+        self._label = label
+        self._multiselection = multiselection
+        self._recursiveselection = recursiveselection
+        self._item_registry: dict = {}
+        # Populated on every render(); maps DOM row index → YTreeItem
+        self._flat_items: list = []
+        self._logger = logging.getLogger(f"manatools.aui.web.{self.__class__.__name__}")
+
+    def widgetClass(self):
+        return "YTree"
+
+    def addItem(self, item, notify=True):
+        """Add a root-level item and register its entire subtree."""
+        if isinstance(item, str):
+            item = YTreeItem(item)
+        elif not isinstance(item, YTreeItem):
+            raise TypeError(f"YTreeWeb.addItem expects a YTreeItem or string, got {type(item)}")
+        super().addItem(item)
+        try:
+            item.setIndex(len(self._items) - 1)
+        except Exception:
+            pass
+        self._register_item_tree(item)
+        self._logger.debug("addItem: added %r, total root items: %d", item.label(), len(self._items))
+        if notify:
+            self._notify_update()
+        return item
+
+    def addItems(self, items):
+        """Add multiple root-level items with a single deferred UI update."""
+        for item in items:
+            if isinstance(item, str):
+                item = YTreeItem(item)
+            elif not isinstance(item, YTreeItem):
+                raise TypeError(f"YTreeWeb.addItems expects YTreeItem or string, got {type(item)}")
+            super().addItem(item)
+            try:
+                item.setIndex(len(self._items) - 1)
+            except Exception:
+                pass
+            self._register_item_tree(item)
+        self._notify_update()
+
+    def deleteAllItems(self):
+        """Clear all items, selections and the registry, then refresh the UI."""
+        try:
+            super().deleteAllItems()
+        except Exception:
+            self._items = []
+            self._selected_items = []
+        self._item_registry.clear()
+        self._flat_items = []
+        self._notify_update()
+
+    def rebuildTree(self):
+        self._notify_update()
+
+    # ------------------------------------------------------------------
+    # Internal helpers
+    # ------------------------------------------------------------------
+
+    def _item_id(self, item: YTreeItem) -> str:
+        """Return a stable DOM-safe id string for a YTreeItem."""
+        return f"{self.id()}-item-{id(item)}"
+
+    def _register_item_tree(self, item: YTreeItem):
+        """Recursively register item and all its descendants."""
+        self._item_registry[self._item_id(item)] = item
+        if item.selected():
+            self.selectItem(item, True)
+        if item.hasChildren():
+            for child in item.childrenBegin():
+                self._register_item_tree(child)
+
+    def _flatten_items(self) -> list:
+        """DFS pre-order traversal returning [(item, depth), ...]."""
+        result = []
+
+        def visit(item, depth):
+            result.append((item, depth))
+            if item.hasChildren():
+                for child in item.childrenBegin():
+                    visit(child, depth + 1)
+
+        for root in self._items:
+            visit(root, 0)
+        return result
+
+    def currentItem(self):
+        """Return the first selected item, or None."""
+        return self._selected_items[0] if self._selected_items else None
+
+    def hasMultiSelection(self) -> bool:
+        return bool(self._multiselection)
+
+    def immediateMode(self) -> bool:
+        return bool(self._notify)
+
+    def setImmediateMode(self, on: bool = True):
+        self._notify = bool(on)
+        self.setNotify(on)
+
+    def _handle_item_click(self, item_id: str):
+        """Legacy handler kept for API compatibility.
+
+        Called by dialogweb when an event carries 'itemId' (old tree HTML).
+        With the new table rendering this path is not taken, but it remains
+        so that any code still producing itemId events continues to work.
+        """
+        item = self._item_registry.get(item_id)
+        if item is None:
+            return None
+        if not self._multiselection:
+            self._selected_items.clear()
+        self.selectItem(item, True)
+        return item
+
+    def _handle_selection_change(self, index: int, value: str = None):
+        """Handle row click from the flat table rendering.
+
+        The JS sends the absolute DOM row index (hidden rows included),
+        which matches the position in self._flat_items built at render time.
+        """
+        if 0 <= index < len(self._flat_items):
+            item = self._flat_items[index]
+            if not self._multiselection:
+                self._selected_items.clear()
+            self.selectItem(item, True)
+
+    def _set_backend_enabled(self, enabled: bool):
+        self._notify_update()
+
+    def setVisible(self, visible: bool = True):
+        self._visible = bool(visible)
+        self._notify_update()
+
+    def _notify_update(self):
+        dialog = self.findDialog()
+        if dialog and hasattr(dialog, '_schedule_update'):
+            dialog._schedule_update(self)
+
+    # ------------------------------------------------------------------
+    # Rendering
+    # ------------------------------------------------------------------
+
+    def render(self) -> str:
+        self._logger.debug("render: %d root items", len(self._items))
+
+        flat = self._flatten_items()
+
+        # Rebuild registry and flat list on every full render so indices and
+        # ids stay consistent after deleteAllItems() + re-population cycles.
+        self._item_registry.clear()
+        self._flat_items = []
+        for item, _ in flat:
+            item_id = self._item_id(item)
+            self._item_registry[item_id] = item
+            self._flat_items.append(item)
+            if item.selected() and item not in self._selected_items:
+                self.selectItem(item, True)
+
+        max_depth = max((d for _, d in flat), default=0) + 1  # = number of columns
+
+        # Outer wrapper: carries widget identity; adding mana-ytable activates
+        # the shared table pagination/search JavaScript automatically.
+        attrs = widget_attrs(self.id(), "YTree", True, self._visible, "mana-ytable")
+        disabled_attr = ' disabled' if not self._enabled else ''
+
+        # Controls bar: search input only (page-size selector omitted)
+        controls = (
+            '<div class="mana-table-controls">'
+            f'<input type="search" class="form-control form-control-sm mana-table-search"'
+            f' placeholder="Search\u2026" aria-label="Search"{disabled_attr}>'
+            '</div>'
+        )
+
+        # Header: tree label in column 0, remaining depth-level columns empty
+        thead = '<thead><tr>'
+        thead += f'<th scope="col">{escape_html(self._label) if self._label else ""}</th>'
+        for _ in range(max_depth - 1):
+            thead += '<th scope="col"></th>'
+        thead += '</tr></thead>'
+
+        # Body: one row per item; label in the column matching its depth,
+        # empty <td> cells for all other columns
+        tbody = '<tbody>'
+        for item, depth in flat:
+            sel_class = ' selected' if item in self._selected_items else ''
+            tbody += f'<tr class="mana-table-row{sel_class}">'
+            for col in range(max_depth):
+                if col == depth:
+                    tbody += f'<td>{escape_html(item.label())}</td>'
+                else:
+                    tbody += '<td></td>'
+            tbody += '</tr>'
+        tbody += '</tbody>'
+
+        scroll = (
+            '<div class="mana-table-scroll">'
+            '<table class="table table-sm table-hover mana-table-inner">'
+            f'{thead}{tbody}'
+            '</table>'
+            '</div>'
+        )
+
+        footer = (
+            '<div class="mana-table-footer">'
+            '<span class="mana-table-info"></span>'
+            '<nav aria-label="Table navigation">'
+            '<ul class="pagination pagination-sm mb-0 mana-table-pagination"></ul>'
+            '</nav>'
+            '</div>'
+        )
+
+        return f'<div {attrs}>{controls}{scroll}{footer}</div>'
diff --git a/manatools/aui/backends/web/vboxweb.py b/manatools/aui/backends/web/vboxweb.py
new file mode 100755
index 0000000..20446d8
--- /dev/null
+++ b/manatools/aui/backends/web/vboxweb.py
@@ -0,0 +1,32 @@
+"""
+Web backend VBox (vertical layout) implementation.
+"""
+
+from ...yui_common import YWidget
+from .commonweb import widget_attrs
+
+
+class YVBoxWeb(YWidget):
+    """Vertical box layout container."""
+    
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self._stretchable_vert = True  # VBox is vertically stretchable by default
+    
+    def widgetClass(self):
+        return "YVBox"
+    
+    def render(self) -> str:
+        """Render the VBox and its children to HTML."""
+        children_html = ""
+        for child in self._children:
+            children_html += child.render()
+        
+        attrs = widget_attrs(
+            self.id(),
+            "YVBox",
+            True,
+            self._visible
+        )
+        
+        return f'<div {attrs}>{children_html}</div>'
diff --git a/manatools/aui/yui.py b/manatools/aui/yui.py
index 2306743..ec8a9b2 100644
--- a/manatools/aui/yui.py
+++ b/manatools/aui/yui.py
@@ -1,7 +1,7 @@
 #!/usr/bin/env python3
 """
 Unified YUI implementation that automatically selects the best available backend.
-Priority: Qt > GTK > NCurses
+Priority: Qt > GTK > NCurses > Web (Web requires explicit selection)
 """
 
 import os
@@ -12,6 +12,7 @@ class Backend(Enum):
     QT = "qt"
     GTK = "gtk" 
     NCURSES = "ncurses"
+    WEB = "web"
 
 class YUI:
     _instance = None
@@ -76,6 +77,16 @@ def _try_ncurses():
             return Backend.GTK
         if backend_env == 'ncurses':
             return Backend.NCURSES
+        if backend_env == 'web':
+            return Backend.WEB
+
+        # Auto-detect based on available imports
+        # Require PySide6 (Qt6)
+        try:
+            import PySide6.QtWidgets
+            return Backend.QT
+        except ImportError:
+            pass
 
         # ── 2. Desktop session present ─────────────────────────────────────
         xdg = os.environ.get('XDG_CURRENT_DESKTOP', '')
@@ -262,6 +273,7 @@ def ui(cls):
                 Backend.QT:      ('.yui_qt',     'YUIQt'),
                 Backend.GTK:     ('.yui_gtk',    'YUIGtk'),
                 Backend.NCURSES: ('.yui_curses', 'YUICurses'),
+                Backend.WEB:     ('.yui_web',    'YUIWeb'),
             }
             if cls._backend not in _backend_map:
                 raise RuntimeError(f"Unknown backend: {cls._backend}")
@@ -367,4 +379,4 @@ def YUI_ensureUICreated():
     'YMenuItem',
     'YPropertyType', 'YProperty', 'YPropertyValue', 'YPropertySet', 'YShortcut',
     'Backend'
-]
\ No newline at end of file
+]
diff --git a/manatools/aui/yui_web.py b/manatools/aui/yui_web.py
new file mode 100755
index 0000000..900788e
--- /dev/null
+++ b/manatools/aui/yui_web.py
@@ -0,0 +1,396 @@
+"""
+Web backend implementation for YUI
+
+This backend renders widgets as HTML and serves them via HTTP.
+User interaction is handled via WebSocket for real-time communication.
+"""
+
+import logging
+from .yui_common import YDialogType, YDialogColorMode, YUIDimension, YTableHeader
+
+
+class YUIWeb:
+    """Web backend YUI implementation."""
+    
+    def __init__(self):
+        self._widget_factory = YWidgetFactoryWeb()
+        self._optional_widget_factory = None
+        self._application = YApplicationWeb()
+        self._logger = logging.getLogger(f"manatools.aui.web.{self.__class__.__name__}")
+
+    def widgetFactory(self):
+        return self._widget_factory
+
+    def optionalWidgetFactory(self):
+        return self._optional_widget_factory
+
+    def app(self):
+        return self._application
+
+    def application(self):
+        return self._application
+
+    def yApp(self):
+        return self._application
+
+
+class YApplicationWeb:
+    """Web backend application settings."""
+    
+    def __init__(self):
+        self._application_title = "ManaTools Web Application"
+        self._product_name = "ManaTools AUI Web"
+        self._icon_base_path = None
+        self._icon = ""
+        # About dialog metadata
+        self._app_name = ""
+        self._version = ""
+        self._authors = ""
+        self._description = ""
+        self._license = ""
+        self._credits = ""
+        self._information = ""
+        self._logo = ""
+        self._logger = logging.getLogger(f"manatools.aui.web.{self.__class__.__name__}")
+
+    def iconBasePath(self):
+        return self._icon_base_path
+
+    def setIconBasePath(self, new_icon_base_path):
+        self._icon_base_path = new_icon_base_path
+
+    def setProductName(self, product_name):
+        self._product_name = product_name
+
+    def productName(self):
+        return self._product_name
+
+    def setApplicationTitle(self, title):
+        self._application_title = title
+
+    def applicationTitle(self):
+        return self._application_title
+
+    def setApplicationIcon(self, icon):
+        self._icon = icon
+
+    def applicationIcon(self):
+        return self._icon
+
+    # About metadata
+    def setApplicationName(self, name: str):
+        self._app_name = name or ""
+
+    def applicationName(self) -> str:
+        return self._app_name or self._product_name or ""
+
+    def setVersion(self, version: str):
+        self._version = version or ""
+
+    def version(self) -> str:
+        return self._version or ""
+
+    def setAuthors(self, authors: str):
+        self._authors = authors or ""
+
+    def authors(self) -> str:
+        return self._authors or ""
+
+    def setDescription(self, description: str):
+        self._description = description or ""
+
+    def description(self) -> str:
+        return self._description or ""
+
+    def setLicense(self, license_text: str):
+        self._license = license_text or ""
+
+    def license(self) -> str:
+        return self._license or ""
+
+    def setCredits(self, credits: str):
+        self._credits = credits or ""
+
+    def credits(self) -> str:
+        return self._credits or ""
+
+    def setInformation(self, information: str):
+        self._information = information or ""
+
+    def information(self) -> str:
+        return self._information or ""
+
+    def setLogo(self, logo_path: str):
+        self._logo = logo_path or ""
+
+    def logo(self) -> str:
+        return self._logo or ""
+
+    def isTextMode(self) -> bool:
+        """Return True so callers start a GLib main loop for D-Bus signal dispatch.
+
+        The web backend has no native event loop that processes GLib/D-Bus
+        signals.  Returning True mirrors the ncurses backend's behaviour and
+        causes dnfdragora (and similar apps) to start a GLib.MainLoop thread,
+        which is required for dbus-python async signals to be delivered.
+        """
+        return True
+
+    def busyCursor(self):
+        """Show a full-screen busy overlay in the browser."""
+        self._broadcast_busy(True)
+
+    def normalCursor(self):
+        """Hide the busy overlay in the browser."""
+        self._broadcast_busy(False)
+
+    def _broadcast_busy(self, state: bool):
+        try:
+            from .backends.web.dialogweb import YDialogWeb
+            root = next((d for d in YDialogWeb._open_dialogs if d._server is not None), None)
+            if root:
+                if not state:
+                    # Flush all queued widget updates before hiding the overlay
+                    # so the browser receives and applies them first.
+                    root._flush_all_pending_updates()
+                root._broadcast({"type": "busy", "state": state})
+        except Exception:
+            pass
+
+    def askForExistingDirectory(self, startDir: str, headline: str):
+        """Not supported in web backend - returns empty string."""
+        self._logger.warning("askForExistingDirectory not supported in web backend")
+        return ""
+
+    def askForExistingFile(self, startWith: str, filter: str, headline: str):
+        """Not supported in web backend - returns empty string."""
+        self._logger.warning("askForExistingFile not supported in web backend")
+        return ""
+
+    def askForSaveFileName(self, startWith: str, filter: str, headline: str):
+        """Not supported in web backend - returns empty string."""
+        self._logger.warning("askForSaveFileName not supported in web backend")
+        return ""
+
+
+class YWidgetFactoryWeb:
+    """Factory for creating web-based widgets."""
+    
+    def __init__(self):
+        self._logger = logging.getLogger(f"manatools.aui.web.{self.__class__.__name__}")
+
+    # --- Dialogs ---
+    
+    def createMainDialog(self, color_mode=YDialogColorMode.YDialogNormalColor):
+        from .backends.web import YDialogWeb
+        return YDialogWeb(YDialogType.YMainDialog, color_mode)
+
+    def createPopupDialog(self, color_mode=YDialogColorMode.YDialogNormalColor):
+        from .backends.web import YDialogWeb
+        return YDialogWeb(YDialogType.YPopupDialog, color_mode)
+
+    # --- Layout ---
+    
+    def createVBox(self, parent):
+        from .backends.web import YVBoxWeb
+        return YVBoxWeb(parent)
+
+    def createHBox(self, parent):
+        from .backends.web import YHBoxWeb
+        return YHBoxWeb(parent)
+
+    def createFrame(self, parent, label: str = ""):
+        from .backends.web import YFrameWeb
+        return YFrameWeb(parent, label)
+
+    # --- Basic Widgets ---
+    
+    def createLabel(self, parent, text, isHeading=False, isOutputField=False):
+        from .backends.web import YLabelWeb
+        return YLabelWeb(parent, text, isHeading, isOutputField)
+
+    def createHeading(self, parent, label):
+        from .backends.web import YLabelWeb
+        return YLabelWeb(parent, label, isHeading=True)
+
+    def createPushButton(self, parent, label):
+        from .backends.web import YPushButtonWeb
+        return YPushButtonWeb(parent, label)
+
+    def createIconButton(self, parent, iconName, fallbackTextLabel):
+        from .backends.web import YPushButtonWeb
+        # icon_only=False: always render the text label alongside the icon.
+        # The label acts as a visible fallback when the icon file cannot be
+        # found on the server, which is the common case on web-only deployments.
+        return YPushButtonWeb(parent, label=fallbackTextLabel, icon_name=iconName, icon_only=False)
+
+    def createInputField(self, parent, label, password_mode=False):
+        from .backends.web import YInputFieldWeb
+        return YInputFieldWeb(parent, label, password_mode)
+
+    def createPasswordField(self, parent, label):
+        from .backends.web import YInputFieldWeb
+        return YInputFieldWeb(parent, label, password_mode=True)
+
+    def createCheckBox(self, parent, label, is_checked=False):
+        from .backends.web import YCheckBoxWeb
+        return YCheckBoxWeb(parent, label, is_checked)
+
+    def createComboBox(self, parent, label, editable=False):
+        from .backends.web import YComboBoxWeb
+        return YComboBoxWeb(parent, label, editable)
+
+    def createSelectionBox(self, parent, label):
+        from .backends.web import YSelectionBoxWeb
+        return YSelectionBoxWeb(parent, label)
+
+    def createMultiSelectionBox(self, parent, label):
+        from .backends.web import YSelectionBoxWeb
+        return YSelectionBoxWeb(parent, label, multi_selection=True)
+
+    def createProgressBar(self, parent, label, max_value=100):
+        from .backends.web import YProgressBarWeb
+        return YProgressBarWeb(parent, label, max_value)
+
+    # --- Alignment ---
+    
+    def createLeft(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignBegin, vertAlign=YAlignmentType.YAlignUnchanged)
+
+    def createRight(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignEnd, vertAlign=YAlignmentType.YAlignUnchanged)
+
+    def createTop(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignUnchanged, vertAlign=YAlignmentType.YAlignBegin)
+
+    def createBottom(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignUnchanged, vertAlign=YAlignmentType.YAlignEnd)
+
+    def createHCenter(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignCenter, vertAlign=YAlignmentType.YAlignUnchanged)
+
+    def createVCenter(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignUnchanged, vertAlign=YAlignmentType.YAlignCenter)
+
+    def createHVCenter(self, parent):
+        from .backends.web import YAlignmentWeb
+        from .yui_common import YAlignmentType
+        return YAlignmentWeb(parent, horAlign=YAlignmentType.YAlignCenter, vertAlign=YAlignmentType.YAlignCenter)
+
+    def createAlignment(self, parent, horAlignment, vertAlignment):
+        from .backends.web import YAlignmentWeb
+        return YAlignmentWeb(parent, horAlign=horAlignment, vertAlign=vertAlignment)
+
+    def createMinWidth(self, parent, minWidth: int):
+        from .backends.web import YAlignmentWeb
+        a = YAlignmentWeb(parent)
+        a.setMinWidth(int(minWidth))
+        return a
+
+    def createMinHeight(self, parent, minHeight: int):
+        from .backends.web import YAlignmentWeb
+        a = YAlignmentWeb(parent)
+        a.setMinHeight(int(minHeight))
+        return a
+
+    def createMinSize(self, parent, minWidth: int, minHeight: int):
+        from .backends.web import YAlignmentWeb
+        a = YAlignmentWeb(parent)
+        a.setMinSize(int(minWidth), int(minHeight))
+        return a
+
+    # --- Spacing ---
+    
+    def createSpacing(self, parent, dim: YUIDimension, stretchable: bool = False, size_px: int = 0):
+        from .backends.web import YSpacingWeb
+        return YSpacingWeb(parent, dim, stretchable, size_px)
+
+    def createHStretch(self, parent):
+        return self.createSpacing(parent, YUIDimension.Horizontal, stretchable=True)
+
+    def createVStretch(self, parent):
+        return self.createSpacing(parent, YUIDimension.Vertical, stretchable=True)
+
+    def createHSpacing(self, parent, size_px: int = 8):
+        return self.createSpacing(parent, YUIDimension.Horizontal, stretchable=False, size_px=size_px)
+
+    def createVSpacing(self, parent, size_px: int = 16):
+        return self.createSpacing(parent, YUIDimension.Vertical, stretchable=False, size_px=size_px)
+
+    # --- Advanced Widgets ---
+    
+    def createTree(self, parent, label, multiselection=False, recursiveselection=False):
+        from .backends.web import YTreeWeb
+        return YTreeWeb(parent, label, multiselection, recursiveselection)
+
+    def createTable(self, parent, header: YTableHeader, multiSelection: bool = False):
+        from .backends.web import YTableWeb
+        return YTableWeb(parent, header, multiSelection)
+
+    def createRichText(self, parent, text: str = "", plainTextMode: bool = False):
+        from .backends.web import YRichTextWeb
+        return YRichTextWeb(parent, text, plainTextMode)
+
+    def createMenuBar(self, parent):
+        from .backends.web import YMenuBarWeb
+        return YMenuBarWeb(parent)
+
+    def createReplacePoint(self, parent):
+        from .backends.web import YReplacePointWeb
+        return YReplacePointWeb(parent)
+
+    def createCheckBoxFrame(self, parent, label: str = "", checked: bool = False):
+        from .backends.web import YCheckBoxFrameWeb
+        return YCheckBoxFrameWeb(parent, label, checked)
+
+    def createRadioButton(self, parent, label: str = "", isChecked: bool = False):
+        from .backends.web import YRadioButtonWeb
+        return YRadioButtonWeb(parent, label, isChecked)
+
+    def createIntField(self, parent, label, minVal, maxVal, initialVal):
+        from .backends.web import YIntFieldWeb
+        return YIntFieldWeb(parent, label, minVal, maxVal, initialVal)
+
+    def createMultiLineEdit(self, parent, label):
+        from .backends.web import YMultiLineEditWeb
+        return YMultiLineEditWeb(parent, label)
+
+    def createImage(self, parent, imageFileName, fallBackName=None):
+        from .backends.web import YImageWeb
+        return YImageWeb(parent, imageFileName, fallBackName=fallBackName)
+
+    def createDumbTab(self, parent):
+        from .backends.web import YDumbTabWeb
+        return YDumbTabWeb(parent)
+
+    def createSlider(self, parent, label: str, minVal: int, maxVal: int, initialVal: int):
+        from .backends.web import YSliderWeb
+        return YSliderWeb(parent, label, minVal, maxVal, initialVal)
+
+    def createDateField(self, parent, label):
+        from .backends.web import YDateFieldWeb
+        return YDateFieldWeb(parent, label)
+
+    def createTimeField(self, parent, label):
+        from .backends.web import YTimeFieldWeb
+        return YTimeFieldWeb(parent, label)
+
+    def createLogView(self, parent, label, visibleLines, storedLines=0):
+        from .backends.web import YLogViewWeb
+        return YLogViewWeb(parent, label, visibleLines, storedLines)
+
+    def createPaned(self, parent, dimension: YUIDimension = YUIDimension.YD_HORIZ):
+        from .backends.web import YPanedWeb
+        return YPanedWeb(parent, dimension)