From b8528d7e918790e3883a0f0445153b6b4bc568ef Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Fri, 13 Jun 2025 23:23:23 +0000
Subject: [PATCH 01/12] Copy of wc

---
 .../javascript-wc-indexeddb/.gitignore        |   2 +
 .../javascript-wc-indexeddb/README.md         |  37 +
 .../components/todo-app/todo-app.component.js | 147 ++++
 .../components/todo-app/todo-app.template.js  |  14 +
 .../todo-bottombar.component.js               |  80 ++
 .../todo-bottombar/todo-bottombar.template.js |  22 +
 .../todo-item/todo-item.component.js          | 190 +++++
 .../todo-item/todo-item.template.js           |  19 +
 .../todo-list/todo-list.component.js          | 129 +++
 .../todo-list/todo-list.template.js           |   8 +
 .../todo-topbar/todo-topbar.component.js      | 131 +++
 .../todo-topbar/todo-topbar.template.js       |  17 +
 .../dist/hooks/useDoubleClick.js              |  19 +
 .../dist/hooks/useKeyListener.js              |  23 +
 .../dist/hooks/useRouter.js                   |  43 +
 .../javascript-wc-indexeddb/dist/index.html   |  30 +
 .../dist/styles/app.constructable.js          |  15 +
 .../dist/styles/bottombar.constructable.js    | 158 ++++
 .../dist/styles/footer.css                    |  26 +
 .../dist/styles/global.constructable.js       |  86 ++
 .../dist/styles/global.css                    |  88 ++
 .../dist/styles/header.css                    |  21 +
 .../dist/styles/main.constructable.js         |  11 +
 .../dist/styles/todo-item.constructable.js    | 147 ++++
 .../dist/styles/todo-list.constructable.js    |  15 +
 .../dist/styles/topbar.constructable.js       |  90 +++
 .../dist/utils/nanoid.js                      |  41 +
 .../javascript-wc-indexeddb/index.html        |  30 +
 .../javascript-wc-indexeddb/package-lock.json | 756 ++++++++++++++++++
 .../javascript-wc-indexeddb/package.json      |  22 +
 .../javascript-wc-indexeddb/scripts/build.js  |  94 +++
 .../components/todo-app/todo-app.component.js | 147 ++++
 .../components/todo-app/todo-app.template.js  |  14 +
 .../todo-bottombar.component.js               |  80 ++
 .../todo-bottombar/todo-bottombar.template.js |  22 +
 .../todo-item/todo-item.component.js          | 190 +++++
 .../todo-item/todo-item.template.js           |  19 +
 .../todo-list/todo-list.component.js          | 128 +++
 .../todo-list/todo-list.template.js           |   8 +
 .../todo-topbar/todo-topbar.component.js      | 131 +++
 .../todo-topbar/todo-topbar.template.js       |  17 +
 .../src/hooks/useDoubleClick.js               |  19 +
 .../src/hooks/useKeyListener.js               |  23 +
 .../src/hooks/useRouter.js                    |  43 +
 .../src/utils/nanoid.js                       |  41 +
 45 files changed, 3393 insertions(+)
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js

diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore
new file mode 100644
index 000000000..03e05e4c0
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+/node_modules
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md
new file mode 100644
index 000000000..11351f614
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md
@@ -0,0 +1,37 @@
+# Speedometer 3.0: TodoMVC: Web Components
+
+## Description
+
+A todoMVC application implemented with native web components.
+It utilizes custom elements and html templates to build reusable components.
+
+In contrast to other workloads, this application uses an updated set of css rules and an optimized dom structure to ensure the application follows best practices in regards to accessibility.
+
+## Built steps
+
+A simple build script copies all necessary files to a `dist` folder.
+It does not rely on compilers or transpilers and serves raw html, css and js files to the user.
+
+```
+npm run build
+```
+
+## Requirements
+
+The only requirement is an installation of Node, to be able to install dependencies and run scripts to serve a local server.
+
+```
+* Node (min version: 18.13.0)
+* NPM (min version: 8.19.3)
+```
+
+## Local preview
+
+```
+terminal:
+1. npm install
+2. npm run dev
+
+browser:
+1. http://localhost:7005/
+```
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js
new file mode 100644
index 000000000..877d0c29d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js
@@ -0,0 +1,147 @@
+import template from "./todo-app.template.js";
+import { useRouter } from "../../hooks/useRouter.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import appStyles from "../../styles/app.constructable.js";
+import mainStyles from "../../styles/main.constructable.js";
+class TodoApp extends HTMLElement {
+    #isReady = false;
+    #data = [];
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.topbar = node.querySelector("todo-topbar");
+        this.list = node.querySelector("todo-list");
+        this.bottombar = node.querySelector("todo-bottombar");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
+        this.shadow.append(node);
+
+        this.addItem = this.addItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItems = this.toggleItems.bind(this);
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.routeChange = this.routeChange.bind(this);
+
+        this.router = useRouter();
+    }
+
+    get isReady() {
+        return this.#isReady;
+    }
+
+    getInstance() {
+        return this;
+    }
+
+    addItem(event) {
+        const { detail: item } = event;
+
+        this.#data.push(item);
+        this.list.addItem(item);
+
+        this.update("add-item", item.id);
+    }
+
+    toggleItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.completed = event.detail.completed;
+        });
+
+        this.update("toggle-item", event.detail.id);
+    }
+
+    removeItem(event) {
+        this.#data.forEach((entry, index) => {
+            if (entry.id === event.detail.id)
+                this.#data.splice(index, 1);
+        });
+
+        this.update("remove-item", event.detail.id);
+    }
+
+    updateItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.title = event.detail.title;
+        });
+
+        this.update("update-item", event.detail.id);
+    }
+
+    toggleItems(event) {
+        this.list.toggleItems(event.detail.completed);
+    }
+
+    clearCompletedItems() {
+        this.list.removeCompletedItems();
+    }
+
+    update(type = "", id = "") {
+        const totalItems = this.#data.length;
+        const activeItems = this.#data.filter((entry) => !entry.completed).length;
+        const completedItems = totalItems - activeItems;
+
+        this.list.setAttribute("total-items", totalItems);
+        this.list.updateElements(type, id);
+
+        this.topbar.setAttribute("total-items", totalItems);
+        this.topbar.setAttribute("active-items", activeItems);
+        this.topbar.setAttribute("completed-items", completedItems);
+
+        this.bottombar.setAttribute("total-items", totalItems);
+        this.bottombar.setAttribute("active-items", activeItems);
+    }
+
+    addListeners() {
+        this.topbar.addEventListener("toggle-all", this.toggleItems);
+        this.topbar.addEventListener("add-item", this.addItem);
+
+        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.addEventListener("remove-item", this.removeItem);
+        this.list.listNode.addEventListener("update-item", this.updateItem);
+
+        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.topbar.removeEventListener("toggle-all", this.toggleItems);
+        this.topbar.removeEventListener("add-item", this.addItem);
+
+        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.removeEventListener("remove-item", this.removeItem);
+        this.list.listNode.removeEventListener("update-item", this.updateItem);
+
+        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    routeChange(route) {
+        const routeName = route.split("/")[1] || "all";
+        this.list.updateRoute(routeName);
+        this.bottombar.updateRoute(routeName);
+        this.topbar.updateRoute(routeName);
+    }
+
+    connectedCallback() {
+        this.update("connected");
+        this.addListeners();
+        this.router.initRouter(this.routeChange);
+        this.#isReady = true;
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.#isReady = false;
+    }
+}
+
+customElements.define("todo-app", TodoApp);
+
+export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js
new file mode 100644
index 000000000..1a55a8194
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js
@@ -0,0 +1,14 @@
+const template = document.createElement("template");
+
+template.id = "todo-app-template";
+template.innerHTML = `
+    <section class="app">
+        <todo-topbar></todo-topbar>
+        <main class="main">
+            <todo-list></todo-list>
+        </main>
+        <todo-bottombar></todo-bottombar>
+    </section>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js
new file mode 100644
index 000000000..cc0203c48
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js
@@ -0,0 +1,80 @@
+import template from "./todo-bottombar.template.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import bottombarStyles from "../../styles/bottombar.constructable.js";
+
+class TodoBottombar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items"];
+    }
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.element = node.querySelector(".bottombar");
+        this.clearCompletedButton = node.querySelector(".clear-completed-button");
+        this.todoStatus = node.querySelector(".todo-status");
+        this.filterLinks = node.querySelectorAll(".filter-link");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.append(node);
+
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+    }
+
+    updateDisplay() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.element.style.display = "block";
+        else
+            this.element.style.display = "none";
+
+        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
+    }
+
+    updateRoute(route) {
+        this.filterLinks.forEach((link) => {
+            if (link.dataset.route === route)
+                link.classList.add("selected");
+            else
+                link.classList.remove("selected");
+        });
+    }
+
+    clearCompletedItems() {
+        this.dispatchEvent(new CustomEvent("clear-completed-items"));
+    }
+
+    addListeners() {
+        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.updateDisplay();
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+    }
+}
+
+customElements.define("todo-bottombar", TodoBottombar);
+
+export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js
new file mode 100644
index 000000000..4f34ca92d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js
@@ -0,0 +1,22 @@
+const template = document.createElement("template");
+
+template.id = "todo-bottombar-template";
+template.innerHTML = `
+    <footer class="bottombar" style="display:none">
+        <div class="todo-status"><span class="todo-count">0</span> item left</div>
+        <ul class="filter-list">
+            <li class="filter-item">
+                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
+            </li>
+        </ul>
+        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
+    </footer>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js
new file mode 100644
index 000000000..a082628a8
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js
@@ -0,0 +1,190 @@
+import template from "./todo-item.template.js";
+import { useDoubleClick } from "../../hooks/useDoubleClick.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import itemStyles from "../../styles/todo-item.constructable.js";
+
+class TodoItem extends HTMLElement {
+    static get observedAttributes() {
+        return ["itemid", "itemtitle", "itemcompleted"];
+    }
+
+    constructor() {
+        super();
+
+        // Renamed this.id to this.itemid and this.title to this.itemtitle.
+        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
+        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
+        this.itemid = "";
+        this.itemtitle = "Todo Item";
+        this.itemcompleted = "false";
+
+        const node = document.importNode(template.content, true);
+        this.item = node.querySelector(".todo-item");
+        this.toggleLabel = node.querySelector(".toggle-todo-label");
+        this.toggleInput = node.querySelector(".toggle-todo-input");
+        this.todoText = node.querySelector(".todo-item-text");
+        this.todoButton = node.querySelector(".remove-todo-button");
+        this.editLabel = node.querySelector(".edit-todo-label");
+        this.editInput = node.querySelector(".edit-todo-input");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.startEdit = this.startEdit.bind(this);
+        this.stopEdit = this.stopEdit.bind(this);
+        this.cancelEdit = this.cancelEdit.bind(this);
+
+        if (window.extraTodoItemCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    update(...args) {
+        args.forEach((argument) => {
+            switch (argument) {
+                case "itemid":
+                    if (this.itemid !== undefined)
+                        this.item.id = `todo-item-${this.itemid}`;
+                    break;
+                case "itemtitle":
+                    if (this.itemtitle !== undefined) {
+                        this.todoText.textContent = this.itemtitle;
+                        this.editInput.value = this.itemtitle;
+                    }
+                    break;
+                case "itemcompleted":
+                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    break;
+            }
+        });
+    }
+
+    startEdit() {
+        this.item.classList.add("editing");
+        this.editInput.value = this.itemtitle;
+        this.editInput.focus();
+    }
+
+    stopEdit() {
+        this.item.classList.remove("editing");
+    }
+
+    cancelEdit() {
+        this.editInput.blur();
+    }
+
+    toggleItem() {
+        // The todo-list checks the "completed" attribute to filter based on route
+        // (therefore the completed state needs to already be updated before the check)
+        this.setAttribute("itemcompleted", this.toggleInput.checked);
+
+        this.dispatchEvent(
+            new CustomEvent("toggle-item", {
+                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                bubbles: true,
+            })
+        );
+    }
+
+    removeItem() {
+        // The todo-list keeps a reference to all elements and updates the list on removal.
+        // (therefore the removal has to happen after the list is updated)
+        this.dispatchEvent(
+            new CustomEvent("remove-item", {
+                detail: { id: this.itemid },
+                bubbles: true,
+            })
+        );
+        this.remove();
+    }
+
+    updateItem(event) {
+        if (event.target.value !== this.itemtitle) {
+            if (!event.target.value.length) {
+                this.removeItem();
+            } else {
+                this.setAttribute("itemtitle", event.target.value);
+                this.dispatchEvent(
+                    new CustomEvent("update-item", {
+                        detail: { id: this.itemid, title: event.target.value },
+                        bubbles: true,
+                    })
+                );
+            }
+        }
+
+        this.cancelEdit();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleItem);
+        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
+        this.editInput.addEventListener("blur", this.stopEdit);
+        this.todoButton.addEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleItem);
+        this.todoText.removeEventListener("click", this.startEdit);
+        this.editInput.removeEventListener("blur", this.stopEdit);
+        this.todoButton.removeEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.update(property);
+    }
+
+    connectedCallback() {
+        this.update("itemid", "itemtitle", "itemcompleted");
+
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.editInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.updateItem,
+                    ["Escape"]: this.cancelEdit,
+                },
+            }),
+            useKeyListener({
+                target: this.todoText,
+                event: "keyup",
+                callbacks: {
+                    [" "]: this.startEdit, // this feels weird
+                },
+            })
+        );
+
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-item", TodoItem);
+
+export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js
new file mode 100644
index 000000000..9a67675fd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js
@@ -0,0 +1,19 @@
+const template = document.createElement("template");
+
+template.id = "todo-item-template";
+template.innerHTML = `
+    <li class="todo-item">
+        <div class="display-todo">
+            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
+            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
+            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
+            <button class="remove-todo-button" title="Remove Todo"></button>
+        </div>
+        <div class="edit-todo-container">
+            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
+            <input id="edit-todo" class="edit-todo-input" />
+        </div>
+    </li>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
new file mode 100644
index 000000000..8e90e291f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
@@ -0,0 +1,129 @@
+import template from "./todo-list.template.js";
+import TodoItem from "../todo-item/todo-item.component.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import listStyles from "../../styles/todo-list.constructable.js";
+
+class TodoList extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items"];
+    }
+
+    #elements = [];
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.listNode = node.querySelector(".todo-list");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.append(node);
+        this.classList.add("show-priority");
+
+        if (window.extraTodoListCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    addItem(entry) {
+        const { id, title, completed } = entry;
+        const element = new TodoItem();
+
+        element.setAttribute("itemid", id);
+        element.setAttribute("itemtitle", title);
+        element.setAttribute("itemcompleted", completed);
+
+        const elementIndex = this.#elements.length;
+        this.#elements.push(element);
+        this.listNode.append(element);
+        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+    }
+
+    addItems(items) {
+        items.forEach((entry) => this.addItem(entry));
+    }
+
+    removeCompletedItems() {
+        this.#elements = this.#elements.filter((element) => {
+            if (element.itemcompleted === "true")
+                element.removeItem();
+
+            return element.itemcompleted === "false";
+        });
+    }
+
+    toggleItems(completed) {
+        this.#elements.forEach((element) => {
+            if (completed && element.itemcompleted === "false")
+                element.toggleInput.click();
+            else if (!completed && element.itemcompleted === "true")
+                element.toggleInput.click();
+        });
+    }
+
+    updateStyles() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.listNode.style.display = "block";
+        else
+            this.listNode.style.display = "none";
+    }
+
+    updateView(element) {
+        switch (this.#route) {
+            case "completed":
+                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                break;
+            case "active":
+                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                break;
+            default:
+                element.style.display = "block";
+        }
+    }
+
+    updateElements(type = "", id = "") {
+        switch (type) {
+            case "route-change":
+                this.#elements.forEach((element) => this.updateView(element));
+                break;
+            case "toggle-item":
+            case "add-item":
+                this.#elements.forEach((element) => {
+                    if (element.itemid === id)
+                        this.updateView(element);
+                });
+                break;
+            case "remove-item":
+                this.#elements = this.#elements.filter((element) => element.itemid !== id);
+                break;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateElements("route-change");
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+        if (this.isConnected)
+            this.updateStyles();
+    }
+
+    connectedCallback() {
+        this.updateStyles();
+    }
+}
+
+customElements.define("todo-list", TodoList);
+
+export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js
new file mode 100644
index 000000000..dac383b95
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js
@@ -0,0 +1,8 @@
+const template = document.createElement("template");
+
+template.id = "todo-list-template";
+template.innerHTML = `
+    <ul class="todo-list" style="display:none"></ul>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js
new file mode 100644
index 000000000..f024d7ca1
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js
@@ -0,0 +1,131 @@
+import template from "./todo-topbar.template.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+import { nanoid } from "../../utils/nanoid.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import topbarStyles from "../../styles/topbar.constructable.js";
+
+class TodoTopbar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items", "completed-items"];
+    }
+
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.todoInput = node.querySelector("#new-todo");
+        this.toggleInput = node.querySelector("#toggle-all");
+        this.toggleContainer = node.querySelector(".toggle-all-container");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.toggleAll = this.toggleAll.bind(this);
+        this.addItem = this.addItem.bind(this);
+    }
+
+    toggleAll(event) {
+        this.dispatchEvent(
+            new CustomEvent("toggle-all", {
+                detail: { completed: event.target.checked },
+            })
+        );
+    }
+
+    addItem(event) {
+        if (!event.target.value.length)
+            return;
+
+        this.dispatchEvent(
+            new CustomEvent("add-item", {
+                detail: {
+                    id: nanoid(),
+                    title: event.target.value,
+                    completed: false,
+                },
+            })
+        );
+
+        event.target.value = "";
+    }
+
+    updateDisplay() {
+        if (!parseInt(this["total-items"])) {
+            this.toggleContainer.style.display = "none";
+            return;
+        }
+
+        this.toggleContainer.style.display = "block";
+
+        switch (this.#route) {
+            case "active":
+                this.toggleInput.checked = false;
+                this.toggleInput.disabled = !parseInt(this["active-items"]);
+                break;
+            case "completed":
+                this.toggleInput.checked = parseInt(this["completed-items"]);
+                this.toggleInput.disabled = !parseInt(this["completed-items"]);
+                break;
+            default:
+                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.disabled = false;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateDisplay();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.todoInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.addItem,
+                },
+            })
+        );
+
+        this.updateDisplay();
+        this.addListeners();
+        this.todoInput.focus();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-topbar", TodoTopbar);
+
+export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js
new file mode 100644
index 000000000..ce323b683
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js
@@ -0,0 +1,17 @@
+const template = document.createElement("template");
+
+template.id = "todo-topbar-template";
+template.innerHTML = `
+    <header class="topbar">
+        <div class="new-todo-display">
+            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
+            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
+        </div>
+        <div class="toggle-all-container" style="display:none">
+            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
+            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
+        </div>
+    </header>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js
new file mode 100644
index 000000000..a1fe952fe
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js
@@ -0,0 +1,19 @@
+/**
+ * A simple function to normalize a double-click and a double-tab action.
+ * There is currently no comparable tab action to dblclick.
+ *
+ * @param {Function} fn
+ * @param {number} delay
+ * @returns
+ */
+export function useDoubleClick(fn, delay) {
+    let last = 0;
+    return function (...args) {
+        const now = new Date().getTime();
+        const difference = now - last;
+        if (difference < delay && difference > 0)
+            fn.apply(this, args);
+
+        last = now;
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js
new file mode 100644
index 000000000..453747d54
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js
@@ -0,0 +1,23 @@
+export function useKeyListener(props) {
+    const { target, event, callbacks } = props;
+
+    function handleEvent(event) {
+        Object.keys(callbacks).forEach((key) => {
+            if (event.key === key)
+                callbacks[key](event);
+        });
+    }
+
+    function connect() {
+        target.addEventListener(event, handleEvent);
+    }
+
+    function disconnect() {
+        target.removeEventListener(event, handleEvent);
+    }
+
+    return {
+        connect,
+        disconnect,
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js
new file mode 100644
index 000000000..ab1ab618a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js
@@ -0,0 +1,43 @@
+/**
+ * Listens for hash change of the url and calls onChange if available.
+ *
+ * @param {Function} callback
+ * @returns Methods to interact with useRouter.
+ */
+export const useRouter = (callback) => {
+    let onChange = callback;
+    let current = "";
+
+    /**
+     * Change event handler.
+     */
+    const handleChange = () => {
+        current = document.location.hash;
+        /* istanbul ignore else */
+        if (onChange)
+            onChange(document.location.hash);
+    };
+
+    /**
+     * Initializes router and adds listeners.
+     *
+     * @param {Function} callback
+     */
+    const initRouter = (callback) => {
+        onChange = callback;
+        window.addEventListener("hashchange", handleChange);
+        window.addEventListener("load", handleChange);
+    };
+
+    /**
+     * Removes listeners
+     */
+    const disableRouter = () => {
+        window.removeEventListener("hashchange", handleChange);
+        window.removeEventListener("load", handleChange);
+    };
+
+    const getRoute = () => current.split("/").slice(-1)[0];
+
+    return { initRouter, getRoute, disableRouter };
+};
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html
new file mode 100644
index 000000000..a8fec9787
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="A TodoMVC workload app for Speedometer!" />
+        <title>TodoMVC: JavaScript Web Components</title>
+        <link rel="stylesheet" href="styles/global.css" />
+        <link rel="stylesheet" href="styles/header.css" />
+        <link rel="stylesheet" href="styles/footer.css" />
+        <!-- load these first, so that they are registered by the time the app components needs them -->
+        <script type="module" src="components/todo-topbar/todo-topbar.component.js"></script>
+        <script type="module" src="components/todo-list/todo-list.component.js"></script>
+        <script type="module" src="components/todo-bottombar/todo-bottombar.component.js"></script>
+        <script type="module" src="components/todo-app/todo-app.component.js"></script>
+    </head>
+
+    <body>
+        <header class="header">
+            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
+        </header>
+        <todo-app></todo-app>
+        <footer class="footer">
+            <p class="footer-text">Click on input field to write your todo.</p>
+            <p class="footer-text">At least one character is needed to be a valid entry.</p>
+            <p class="footer-text">Press 'enter' to add the todo.</p>
+            <p class="footer-text">Double-click to edit a todo</p>
+        </footer>
+    </body>
+</html>
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js
new file mode 100644
index 000000000..8ac77f26a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js
@@ -0,0 +1,15 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+    min-height: 68px;
+}
+
+.app {
+    background: #fff;
+    margin: 24px 16px 40px 16px;
+    position: relative;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js
new file mode 100644
index 000000000..46904de8a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js
@@ -0,0 +1,158 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.bottombar {
+    padding: 10px 0;
+    height: 41px;
+    text-align: center;
+    font-size: 15px;
+    border-top: 1px solid #e6e6e6;
+    position: relative;
+}
+
+.bottombar::before {
+    content: "";
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 50px;
+    overflow: hidden;
+    pointer-events: none;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
+}
+
+.todo-status {
+    text-align: left;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    position: absolute;
+    left: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.todo-count {
+    font-weight: 300;
+}
+
+.filter-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: inline-block;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.filter-item {
+    display: inline-block;
+}
+
+.filter-link {
+    color: inherit;
+    margin: 3px;
+    padding: 0 7px;
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: 3px;
+    cursor: pointer;
+    display: block;
+    height: 26px;
+    line-height: 26px;
+}
+
+.filter-link:hover {
+    border-color: #db7676;
+}
+
+.filter-link.selected {
+    border-color: #ce4646;
+}
+
+.clear-completed-button,
+.clear-completed-button:active {
+    text-decoration: none;
+    cursor: pointer;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.clear-completed-button:hover {
+    text-decoration: underline;
+}
+
+/* rtl support */
+html[dir="rtl"] .todo-status,
+:host([dir="rtl"]) .todo-status {
+    right: 12px;
+    left: unset;
+}
+
+html[dir="rtl"] .clear-completed-button,
+:host([dir="rtl"]) .clear-completed-button {
+    left: 12px;
+    right: unset;
+}
+
+@media (max-width: 430px) {
+    .bottombar {
+        height: 120px;
+    }
+
+    .todo-status {
+        display: block;
+        text-align: center;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .filter-list {
+        display: block;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .clear-completed-button,
+    .clear-completed-button:active {
+        display: block;
+        margin: 0 auto;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+        html[dir="rtl"] .todo-status,
+    :host([dir="rtl"]) .todo-status {
+        right: unset;
+        left: unset;
+    }
+
+    html[dir="rtl"] .clear-completed-button,
+    :host([dir="rtl"]) .clear-completed-button {
+        left: unset;
+        right: unset;
+    }
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css
new file mode 100644
index 000000000..0ff918f43
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css
@@ -0,0 +1,26 @@
+:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.footer {
+    margin: 65px auto 0;
+    color: #4d4d4d;
+    font-size: 11px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    text-align: center;
+}
+
+.footer-text {
+    line-height: 1;
+}
+
+.footer-link {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 400;
+}
+
+.footer-link:hover {
+    text-decoration: underline;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js
new file mode 100644
index 000000000..7ff85b07f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js
@@ -0,0 +1,86 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    background: #f5f5f5;
+    color: #111;
+    min-width: 300px;
+    max-width: 582px;
+    margin: 0 auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
+
+:focus {
+    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
+    outline: 0 !important;
+}
+
+button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input {
+    position: relative;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    padding: 0;
+    border: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input:placeholder-shown {
+    text-overflow: ellipsis;
+}
+
+
+.visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+}
+
+.truncate-singleline {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block !important;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css
new file mode 100644
index 000000000..22ee5e16c
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css
@@ -0,0 +1,88 @@
+/** defaults */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    background: #f5f5f5;
+    color: #111;
+    min-width: 300px;
+    max-width: 582px;
+    margin: 0 auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
+
+:focus {
+    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
+    outline: 0 !important;
+}
+
+/** resets */
+button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input {
+    position: relative;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    padding: 0;
+    border: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input:placeholder-shown {
+    text-overflow: ellipsis;
+}
+
+/* utility classes */
+
+/* used for things that should be hidden in the ui,
+but useful for people who use screen readers */
+.visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+}
+
+.truncate-singleline {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block !important;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css
new file mode 100644
index 000000000..56d2a4064
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css
@@ -0,0 +1,21 @@
+:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.header {
+    margin-top: 27px;
+}
+
+.title {
+    width: 100%;
+    font-size: 80px;
+    line-height: 80px;
+    margin: 0;
+    font-weight: 200;
+    text-align: center;
+    color: #b83f45;
+    -webkit-text-rendering: optimizeLegibility;
+    -moz-text-rendering: optimizeLegibility;
+    text-rendering: optimizeLegibility;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js
new file mode 100644
index 000000000..66ea0b30c
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js
@@ -0,0 +1,11 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.main {
+    position: relative;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js
new file mode 100644
index 000000000..59dba7f77
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js
@@ -0,0 +1,147 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+:host(:last-child) > .todo-item {
+    border-bottom: none;
+}
+
+.todo-item {
+    position: relative;
+    font-size: 24px;
+    border-bottom: 1px solid #ededed;
+    height: 60px;
+}
+
+.todo-item.editing {
+    border-bottom: none;
+    padding: 0;
+}
+
+.edit-todo-container {
+    display: none;
+}
+
+.todo-item.editing .edit-todo-container {
+    display: block;
+}
+
+.edit-todo-input {
+    padding: 0 16px 0 60px;
+    width: 100%;
+    height: 60px;
+    font-size: 24px;
+    line-height: 1.4em;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20%20style%3D%22opacity%3A%200.2%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.display-todo {
+    position: relative;
+}
+
+.todo-item.editing .display-todo {
+    display: none;
+}
+
+.toggle-todo-input {
+    text-align: center;
+    width: 40px;
+
+        height: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 3px;
+    margin: auto 0;
+    border: none;     appearance: none;
+    cursor: pointer;
+}
+
+.todo-item-text {
+    overflow-wrap: break-word;
+    padding: 0 60px;
+    display: block;
+    line-height: 60px;
+    transition: color 0.4s;
+    font-weight: 400;
+    color: #484848;
+
+        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.toggle-todo-input:checked + .todo-item-text {
+    color: #949494;
+    text-decoration: line-through;
+    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E");
+}
+
+.remove-todo-button {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    bottom: 0;
+    width: 40px;
+    height: 40px;
+    margin: auto 0;
+    font-size: 30px;
+    color: #949494;
+    transition: color 0.2s ease-out;
+    cursor: pointer;
+}
+
+.remove-todo-button:hover,
+.remove-todo-button:focus {
+    color: #c18585;
+}
+
+.remove-todo-button::after {
+    content: "×";
+    display: block;
+    height: 100%;
+    line-height: 1.1;
+}
+
+.todo-item:hover .remove-todo-button {
+    display: block;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    .toggle-todo-input {
+        background: none;
+        height: 40px;
+    }
+}
+
+@media (max-width: 430px) {
+    .remove-todo-button {
+        display: block;
+    }
+}
+
+html[dir="rtl"] .toggle-todo-input,
+:host([dir="rtl"]) .toggle-todo-input {
+    right: 3px;
+    left: unset;
+}
+
+html[dir="rtl"] .todo-item-text,
+:host([dir="rtl"]) .todo-item-text {
+    background-position: center right 6px;
+}
+
+html[dir="rtl"] .remove-todo-button,
+:host([dir="rtl"]) .remove-todo-button {
+    left: 10px;
+    right: unset;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js
new file mode 100644
index 000000000..3d11133dd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js
@@ -0,0 +1,15 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.todo-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: block;
+    border-top: 1px solid #e6e6e6;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js
new file mode 100644
index 000000000..5ecb8a231
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js
@@ -0,0 +1,90 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.topbar {
+    position: relative;
+}
+
+.new-todo-input {
+    padding: 0 32px 0 60px;
+    width: 100%;
+    height: 68px;
+    font-size: 24px;
+    line-height: 1.4em;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+}
+
+.new-todo-input::placeholder {
+    font-style: italic;
+    font-weight: 400;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.toggle-all-container {
+    width: 45px;
+    height: 68px;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.toggle-all-input {
+    width: 45px;
+    height: 45px;
+    font-size: 0;
+    position: absolute;
+    top: 11.5px;
+    left: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+}
+
+.toggle-all-label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 45px;
+    height: 68px;
+    font-size: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+}
+
+.toggle-all-label::before {
+    content: "❯";
+    display: inline-block;
+    font-size: 22px;
+    color: #949494;
+    padding: 10px 27px 10px 27px;
+    transform: rotate(90deg);
+}
+
+.toggle-all-input:checked + .toggle-all-label::before {
+    color: #484848;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    .toggle-all-input {
+        background: none;
+    }
+}
+
+html[dir="rtl"] .new-todo-input,
+:host([dir="rtl"]) .new-todo-input {
+    padding: 0 60px 0 32px;
+}
+
+html[dir="rtl"] .toggle-all-container,
+:host([dir="rtl"]) .toggle-all-container {
+    right: 0;
+    left: unset;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js
new file mode 100644
index 000000000..5df154f1f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js
@@ -0,0 +1,41 @@
+/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
+
+The MIT License (MIT)
+
+Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
+
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
+let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+
+export function nanoid(size = 21) {
+    let id = "";
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size;
+    while (i--) {
+        // `| 0` is more compact and faster than `Math.floor()`.
+        id += urlAlphabet[(Math.random() * 64) | 0];
+    }
+    return id;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html
new file mode 100644
index 000000000..6820a9346
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="A TodoMVC workload app for Speedometer!" />
+        <title>TodoMVC: JavaScript Web Components</title>
+        <link rel="stylesheet" href="node_modules/todomvc-css/dist/global.css" />
+        <link rel="stylesheet" href="node_modules/todomvc-css/dist/header.css" />
+        <link rel="stylesheet" href="node_modules/todomvc-css/dist/footer.css" />
+        <!-- load these first, so that they are registered by the time the app components needs them -->
+        <script type="module" src="src/components/todo-topbar/todo-topbar.component.js"></script>
+        <script type="module" src="src/components/todo-list/todo-list.component.js"></script>
+        <script type="module" src="src/components/todo-bottombar/todo-bottombar.component.js"></script>
+        <script type="module" src="src/components/todo-app/todo-app.component.js"></script>
+    </head>
+
+    <body>
+        <header class="header">
+            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
+        </header>
+        <todo-app></todo-app>
+        <footer class="footer">
+            <p class="footer-text">Click on input field to write your todo.</p>
+            <p class="footer-text">At least one character is needed to be a valid entry.</p>
+            <p class="footer-text">Press 'enter' to add the todo.</p>
+            <p class="footer-text">Double-click to edit a todo</p>
+        </footer>
+    </body>
+</html>
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json
new file mode 100644
index 000000000..34dfaedc3
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json
@@ -0,0 +1,756 @@
+{
+    "name": "todomvc-javascript-web-components",
+    "version": "1.0.0",
+    "lockfileVersion": 2,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "todomvc-javascript-web-components",
+            "version": "1.0.0",
+            "license": "ISC",
+            "dependencies": {
+                "http-server": "^14.1.1",
+                "todomvc-css": "file:../../todomvc-css"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "../../todomvc-css": {
+            "version": "1.0.0",
+            "license": "ISC",
+            "devDependencies": {
+                "@rollup/plugin-babel": "^6.0.3",
+                "@rollup/plugin-commonjs": "^25.0.0",
+                "@rollup/plugin-html": "^1.0.2",
+                "@rollup/plugin-node-resolve": "^15.0.2",
+                "@rollup/plugin-terser": "^0.4.3",
+                "@rollup/pluginutils": "^5.0.2",
+                "fs-extra": "^11.1.1",
+                "globby": "^13.2.0",
+                "http-server": "^14.1.1",
+                "rollup": "^3.23.0",
+                "rollup-plugin-cleaner": "^1.0.0",
+                "rollup-plugin-copy-merge": "^1.0.2",
+                "rollup-plugin-import-css": "^3.2.1",
+                "strip-comments": "^2.0.1",
+                "stylelint": "^15.6.2",
+                "stylelint-config-standard": "^33.0.0"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "dependencies": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "node_modules/basic-auth": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+            "dependencies": {
+                "safe-buffer": "5.1.2"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "node_modules/corser": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eventemitter3": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dependencies": {
+                "function-bind": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+            "bin": {
+                "he": "bin/he"
+            }
+        },
+        "node_modules/html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "dependencies": {
+                "whatwg-encoding": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "dependencies": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/http-server": {
+            "version": "14.1.1",
+            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+            "dependencies": {
+                "basic-auth": "^2.0.1",
+                "chalk": "^4.1.2",
+                "corser": "^2.0.1",
+                "he": "^1.2.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy": "^1.18.1",
+                "mime": "^1.6.0",
+                "minimist": "^1.2.6",
+                "opener": "^1.5.1",
+                "portfinder": "^1.0.28",
+                "secure-compare": "3.0.1",
+                "union": "~0.5.0",
+                "url-join": "^4.0.1"
+            },
+            "bin": {
+                "http-server": "bin/http-server"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "node_modules/mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+            "bin": {
+                "mime": "cli.js"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "dependencies": {
+                "minimist": "^1.2.6"
+            },
+            "bin": {
+                "mkdirp": "bin/cmd.js"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        },
+        "node_modules/object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/opener": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+            "bin": {
+                "opener": "bin/opener-bin.js"
+            }
+        },
+        "node_modules/portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "dependencies": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            },
+            "engines": {
+                "node": ">= 0.12.0"
+            }
+        },
+        "node_modules/qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "dependencies": {
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+        },
+        "node_modules/safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+        },
+        "node_modules/secure-compare": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw=="
+        },
+        "node_modules/side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/todomvc-css": {
+            "resolved": "../../todomvc-css",
+            "link": true
+        },
+        "node_modules/union": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+            "dependencies": {
+                "qs": "^6.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/url-join": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA=="
+        },
+        "node_modules/whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "dependencies": {
+                "iconv-lite": "0.6.3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        }
+    },
+    "dependencies": {
+        "ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "requires": {
+                "color-convert": "^2.0.1"
+            }
+        },
+        "async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "requires": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "basic-auth": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+            "requires": {
+                "safe-buffer": "5.1.2"
+            }
+        },
+        "call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "requires": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            }
+        },
+        "chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "requires": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            }
+        },
+        "color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "requires": {
+                "color-name": "~1.1.4"
+            }
+        },
+        "color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "corser": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ=="
+        },
+        "debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "requires": {
+                "ms": "^2.1.1"
+            }
+        },
+        "eventemitter3": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+        },
+        "follow-redirects": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw=="
+        },
+        "function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+        },
+        "get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "requires": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            }
+        },
+        "has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "requires": {
+                "function-bind": "^1.1.1"
+            }
+        },
+        "has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg=="
+        },
+        "has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
+        },
+        "he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
+        },
+        "html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "requires": {
+                "whatwg-encoding": "^2.0.0"
+            }
+        },
+        "http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "requires": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            }
+        },
+        "http-server": {
+            "version": "14.1.1",
+            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+            "requires": {
+                "basic-auth": "^2.0.1",
+                "chalk": "^4.1.2",
+                "corser": "^2.0.1",
+                "he": "^1.2.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy": "^1.18.1",
+                "mime": "^1.6.0",
+                "minimist": "^1.2.6",
+                "opener": "^1.5.1",
+                "portfinder": "^1.0.28",
+                "secure-compare": "3.0.1",
+                "union": "~0.5.0",
+                "url-join": "^4.0.1"
+            }
+        },
+        "iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "requires": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            }
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+        },
+        "minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
+        },
+        "mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "requires": {
+                "minimist": "^1.2.6"
+            }
+        },
+        "ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        },
+        "object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g=="
+        },
+        "opener": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A=="
+        },
+        "portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "requires": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            }
+        },
+        "qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "requires": {
+                "side-channel": "^1.0.4"
+            }
+        },
+        "requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+        },
+        "safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        },
+        "safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+        },
+        "secure-compare": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw=="
+        },
+        "side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "requires": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            }
+        },
+        "supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "requires": {
+                "has-flag": "^4.0.0"
+            }
+        },
+        "todomvc-css": {
+            "version": "file:../../todomvc-css",
+            "requires": {
+                "@rollup/plugin-babel": "^6.0.3",
+                "@rollup/plugin-commonjs": "^25.0.0",
+                "@rollup/plugin-html": "^1.0.2",
+                "@rollup/plugin-node-resolve": "^15.0.2",
+                "@rollup/plugin-terser": "^0.4.3",
+                "@rollup/pluginutils": "^5.0.2",
+                "fs-extra": "^11.1.1",
+                "globby": "^13.2.0",
+                "http-server": "^14.1.1",
+                "rollup": "^3.23.0",
+                "rollup-plugin-cleaner": "^1.0.0",
+                "rollup-plugin-copy-merge": "^1.0.2",
+                "rollup-plugin-import-css": "^3.2.1",
+                "strip-comments": "^2.0.1",
+                "stylelint": "^15.6.2",
+                "stylelint-config-standard": "^33.0.0"
+            }
+        },
+        "union": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+            "requires": {
+                "qs": "^6.4.0"
+            }
+        },
+        "url-join": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA=="
+        },
+        "whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "requires": {
+                "iconv-lite": "0.6.3"
+            }
+        }
+    }
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json
new file mode 100644
index 000000000..a04fdab85
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json
@@ -0,0 +1,22 @@
+{
+    "name": "todomvc-javascript-web-components",
+    "version": "1.0.0",
+    "description": "TodoMVC app written with JavaScript using web components.",
+    "engines": {
+        "node": ">=18.13.0",
+        "npm": ">=8.19.3"
+    },
+    "private": true,
+    "scripts": {
+        "dev": "http-server ./ -p 7005 -c-1 --cors -o",
+        "build": "node scripts/build.js",
+        "serve": "http-server ./dist -p 7006 -c-1 --cors -o"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "http-server": "^14.1.1",
+        "todomvc-css": "file:../../todomvc-css"
+    }
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js
new file mode 100644
index 000000000..d5fa77557
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js
@@ -0,0 +1,94 @@
+const fs = require("fs").promises;
+const getDirName = require("path").dirname;
+
+const rootDirectory = "./";
+const sourceDirectory = "./src";
+const targetDirectory = "./dist";
+
+const htmlFile = "index.html";
+
+const filesToMove = {
+    index: [
+        { src: "node_modules/todomvc-css/dist/global.css", dest: "styles/global.css" },
+        { src: "node_modules/todomvc-css/dist/header.css", dest: "styles/header.css" },
+        { src: "node_modules/todomvc-css/dist/footer.css", dest: "styles/footer.css" },
+    ],
+    app: [
+        { src: "node_modules/todomvc-css/dist/global.constructable.js", dest: "styles/global.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/app.constructable.js", dest: "styles/app.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/topbar.constructable.js", dest: "styles/topbar.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/main.constructable.js", dest: "styles/main.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/bottombar.constructable.js", dest: "styles/bottombar.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/todo-list.constructable.js", dest: "styles/todo-list.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/todo-item.constructable.js", dest: "styles/todo-item.constructable.js" },
+    ],
+};
+
+const importsToRename = {
+    src: "../../../node_modules/todomvc-css/dist/",
+    dest: "../../styles/",
+    files: [
+        "components/todo-app/todo-app.component.js",
+        "components/todo-bottombar/todo-bottombar.component.js",
+        "components/todo-item/todo-item.component.js",
+        "components/todo-list/todo-list.component.js",
+        "components/todo-topbar/todo-topbar.component.js",
+    ],
+};
+
+const copy = async (src, dest) => {
+    await fs.mkdir(getDirName(dest), { recursive: true });
+    await fs.copyFile(src, dest);
+};
+
+const copyFilesToMove = async (files) => {
+    for (let i = 0; i < files.length; i++)
+        await copy(files[i].src, `${targetDirectory}/${files[i].dest}`);
+};
+
+const updateImports = async ({ file, src, dest }) => {
+    let contents = await fs.readFile(`${targetDirectory}/${file}`, "utf8");
+    contents = contents.replaceAll(src, dest);
+    await fs.writeFile(`${targetDirectory}/${file}`, contents);
+};
+
+const build = async () => {
+    // remove dist directory if it exists
+    await fs.rm(targetDirectory, { recursive: true, force: true });
+
+    // re-create the directory.
+    await fs.mkdir(targetDirectory);
+
+    // copy src folder
+    await fs.cp(sourceDirectory, targetDirectory, { recursive: true }, (err) => {
+        if (err)
+            console.error(err);
+    });
+
+    // copy files to Move
+    for (const key in filesToMove)
+        copyFilesToMove(filesToMove[key]);
+
+    // read html file
+    let contents = await fs.readFile(`${rootDirectory}/${htmlFile}`, "utf8");
+
+    // remove base paths from files to move
+    const filesToMoveForIndex = filesToMove.index;
+    for (let i = 0; i < filesToMoveForIndex.length; i++)
+        contents = contents.replace(filesToMoveForIndex[i].src, filesToMoveForIndex[i].dest);
+
+    // remove basePath from source directory
+    const basePath = `${sourceDirectory.split("/")[1]}/`;
+    const re = new RegExp(basePath, "g");
+    contents = contents.replace(re, "");
+
+    // write html files
+    await fs.writeFile(`${targetDirectory}/${htmlFile}`, contents);
+
+    // rename imports in modules
+    importsToRename.files.forEach((file) => updateImports({ file, src: importsToRename.src, dest: importsToRename.dest }));
+
+    console.log("done!!");
+};
+
+build();
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
new file mode 100644
index 000000000..691980f3e
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
@@ -0,0 +1,147 @@
+import template from "./todo-app.template.js";
+import { useRouter } from "../../hooks/useRouter.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import appStyles from "../../../node_modules/todomvc-css/dist/app.constructable.js";
+import mainStyles from "../../../node_modules/todomvc-css/dist/main.constructable.js";
+class TodoApp extends HTMLElement {
+    #isReady = false;
+    #data = [];
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.topbar = node.querySelector("todo-topbar");
+        this.list = node.querySelector("todo-list");
+        this.bottombar = node.querySelector("todo-bottombar");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
+        this.shadow.append(node);
+
+        this.addItem = this.addItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItems = this.toggleItems.bind(this);
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.routeChange = this.routeChange.bind(this);
+
+        this.router = useRouter();
+    }
+
+    get isReady() {
+        return this.#isReady;
+    }
+
+    getInstance() {
+        return this;
+    }
+
+    addItem(event) {
+        const { detail: item } = event;
+
+        this.#data.push(item);
+        this.list.addItem(item);
+
+        this.update("add-item", item.id);
+    }
+
+    toggleItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.completed = event.detail.completed;
+        });
+
+        this.update("toggle-item", event.detail.id);
+    }
+
+    removeItem(event) {
+        this.#data.forEach((entry, index) => {
+            if (entry.id === event.detail.id)
+                this.#data.splice(index, 1);
+        });
+
+        this.update("remove-item", event.detail.id);
+    }
+
+    updateItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.title = event.detail.title;
+        });
+
+        this.update("update-item", event.detail.id);
+    }
+
+    toggleItems(event) {
+        this.list.toggleItems(event.detail.completed);
+    }
+
+    clearCompletedItems() {
+        this.list.removeCompletedItems();
+    }
+
+    update(type = "", id = "") {
+        const totalItems = this.#data.length;
+        const activeItems = this.#data.filter((entry) => !entry.completed).length;
+        const completedItems = totalItems - activeItems;
+
+        this.list.setAttribute("total-items", totalItems);
+        this.list.updateElements(type, id);
+
+        this.topbar.setAttribute("total-items", totalItems);
+        this.topbar.setAttribute("active-items", activeItems);
+        this.topbar.setAttribute("completed-items", completedItems);
+
+        this.bottombar.setAttribute("total-items", totalItems);
+        this.bottombar.setAttribute("active-items", activeItems);
+    }
+
+    addListeners() {
+        this.topbar.addEventListener("toggle-all", this.toggleItems);
+        this.topbar.addEventListener("add-item", this.addItem);
+
+        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.addEventListener("remove-item", this.removeItem);
+        this.list.listNode.addEventListener("update-item", this.updateItem);
+
+        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.topbar.removeEventListener("toggle-all", this.toggleItems);
+        this.topbar.removeEventListener("add-item", this.addItem);
+
+        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.removeEventListener("remove-item", this.removeItem);
+        this.list.listNode.removeEventListener("update-item", this.updateItem);
+
+        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    routeChange(route) {
+        const routeName = route.split("/")[1] || "all";
+        this.list.updateRoute(routeName);
+        this.bottombar.updateRoute(routeName);
+        this.topbar.updateRoute(routeName);
+    }
+
+    connectedCallback() {
+        this.update("connected");
+        this.addListeners();
+        this.router.initRouter(this.routeChange);
+        this.#isReady = true;
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.#isReady = false;
+    }
+}
+
+customElements.define("todo-app", TodoApp);
+
+export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js
new file mode 100644
index 000000000..1a55a8194
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js
@@ -0,0 +1,14 @@
+const template = document.createElement("template");
+
+template.id = "todo-app-template";
+template.innerHTML = `
+    <section class="app">
+        <todo-topbar></todo-topbar>
+        <main class="main">
+            <todo-list></todo-list>
+        </main>
+        <todo-bottombar></todo-bottombar>
+    </section>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
new file mode 100644
index 000000000..f5b8896c5
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
@@ -0,0 +1,80 @@
+import template from "./todo-bottombar.template.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import bottombarStyles from "../../../node_modules/todomvc-css/dist/bottombar.constructable.js";
+
+class TodoBottombar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items"];
+    }
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.element = node.querySelector(".bottombar");
+        this.clearCompletedButton = node.querySelector(".clear-completed-button");
+        this.todoStatus = node.querySelector(".todo-status");
+        this.filterLinks = node.querySelectorAll(".filter-link");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.append(node);
+
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+    }
+
+    updateDisplay() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.element.style.display = "block";
+        else
+            this.element.style.display = "none";
+
+        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
+    }
+
+    updateRoute(route) {
+        this.filterLinks.forEach((link) => {
+            if (link.dataset.route === route)
+                link.classList.add("selected");
+            else
+                link.classList.remove("selected");
+        });
+    }
+
+    clearCompletedItems() {
+        this.dispatchEvent(new CustomEvent("clear-completed-items"));
+    }
+
+    addListeners() {
+        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.updateDisplay();
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+    }
+}
+
+customElements.define("todo-bottombar", TodoBottombar);
+
+export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
new file mode 100644
index 000000000..4f34ca92d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
@@ -0,0 +1,22 @@
+const template = document.createElement("template");
+
+template.id = "todo-bottombar-template";
+template.innerHTML = `
+    <footer class="bottombar" style="display:none">
+        <div class="todo-status"><span class="todo-count">0</span> item left</div>
+        <ul class="filter-list">
+            <li class="filter-item">
+                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
+            </li>
+        </ul>
+        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
+    </footer>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js
new file mode 100644
index 000000000..7a310bf82
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js
@@ -0,0 +1,190 @@
+import template from "./todo-item.template.js";
+import { useDoubleClick } from "../../hooks/useDoubleClick.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import itemStyles from "../../../node_modules/todomvc-css/dist/todo-item.constructable.js";
+
+class TodoItem extends HTMLElement {
+    static get observedAttributes() {
+        return ["itemid", "itemtitle", "itemcompleted"];
+    }
+
+    constructor() {
+        super();
+
+        // Renamed this.id to this.itemid and this.title to this.itemtitle.
+        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
+        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
+        this.itemid = "";
+        this.itemtitle = "Todo Item";
+        this.itemcompleted = "false";
+
+        const node = document.importNode(template.content, true);
+        this.item = node.querySelector(".todo-item");
+        this.toggleLabel = node.querySelector(".toggle-todo-label");
+        this.toggleInput = node.querySelector(".toggle-todo-input");
+        this.todoText = node.querySelector(".todo-item-text");
+        this.todoButton = node.querySelector(".remove-todo-button");
+        this.editLabel = node.querySelector(".edit-todo-label");
+        this.editInput = node.querySelector(".edit-todo-input");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.startEdit = this.startEdit.bind(this);
+        this.stopEdit = this.stopEdit.bind(this);
+        this.cancelEdit = this.cancelEdit.bind(this);
+
+        if (window.extraTodoItemCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    update(...args) {
+        args.forEach((argument) => {
+            switch (argument) {
+                case "itemid":
+                    if (this.itemid !== undefined)
+                        this.item.id = `todo-item-${this.itemid}`;
+                    break;
+                case "itemtitle":
+                    if (this.itemtitle !== undefined) {
+                        this.todoText.textContent = this.itemtitle;
+                        this.editInput.value = this.itemtitle;
+                    }
+                    break;
+                case "itemcompleted":
+                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    break;
+            }
+        });
+    }
+
+    startEdit() {
+        this.item.classList.add("editing");
+        this.editInput.value = this.itemtitle;
+        this.editInput.focus();
+    }
+
+    stopEdit() {
+        this.item.classList.remove("editing");
+    }
+
+    cancelEdit() {
+        this.editInput.blur();
+    }
+
+    toggleItem() {
+        // The todo-list checks the "completed" attribute to filter based on route
+        // (therefore the completed state needs to already be updated before the check)
+        this.setAttribute("itemcompleted", this.toggleInput.checked);
+
+        this.dispatchEvent(
+            new CustomEvent("toggle-item", {
+                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                bubbles: true,
+            })
+        );
+    }
+
+    removeItem() {
+        // The todo-list keeps a reference to all elements and updates the list on removal.
+        // (therefore the removal has to happen after the list is updated)
+        this.dispatchEvent(
+            new CustomEvent("remove-item", {
+                detail: { id: this.itemid },
+                bubbles: true,
+            })
+        );
+        this.remove();
+    }
+
+    updateItem(event) {
+        if (event.target.value !== this.itemtitle) {
+            if (!event.target.value.length) {
+                this.removeItem();
+            } else {
+                this.setAttribute("itemtitle", event.target.value);
+                this.dispatchEvent(
+                    new CustomEvent("update-item", {
+                        detail: { id: this.itemid, title: event.target.value },
+                        bubbles: true,
+                    })
+                );
+            }
+        }
+
+        this.cancelEdit();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleItem);
+        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
+        this.editInput.addEventListener("blur", this.stopEdit);
+        this.todoButton.addEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleItem);
+        this.todoText.removeEventListener("click", this.startEdit);
+        this.editInput.removeEventListener("blur", this.stopEdit);
+        this.todoButton.removeEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.update(property);
+    }
+
+    connectedCallback() {
+        this.update("itemid", "itemtitle", "itemcompleted");
+
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.editInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.updateItem,
+                    ["Escape"]: this.cancelEdit,
+                },
+            }),
+            useKeyListener({
+                target: this.todoText,
+                event: "keyup",
+                callbacks: {
+                    [" "]: this.startEdit, // this feels weird
+                },
+            })
+        );
+
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-item", TodoItem);
+
+export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js
new file mode 100644
index 000000000..9a67675fd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js
@@ -0,0 +1,19 @@
+const template = document.createElement("template");
+
+template.id = "todo-item-template";
+template.innerHTML = `
+    <li class="todo-item">
+        <div class="display-todo">
+            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
+            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
+            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
+            <button class="remove-todo-button" title="Remove Todo"></button>
+        </div>
+        <div class="edit-todo-container">
+            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
+            <input id="edit-todo" class="edit-todo-input" />
+        </div>
+    </li>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
new file mode 100644
index 000000000..1116fbe29
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
@@ -0,0 +1,128 @@
+import template from "./todo-list.template.js";
+import TodoItem from "../todo-item/todo-item.component.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
+
+class TodoList extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items"];
+    }
+
+    #elements = [];
+    #route = undefined;
+
+    constructor() {
+        super();
+        const node = document.importNode(template.content, true);
+        this.listNode = node.querySelector(".todo-list");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.append(node);
+        this.classList.add("show-priority");
+
+        if (window.extraTodoListCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    addItem(entry) {
+        const { id, title, completed } = entry;
+        const element = new TodoItem();
+
+        element.setAttribute("itemid", id);
+        element.setAttribute("itemtitle", title);
+        element.setAttribute("itemcompleted", completed);
+
+        const elementIndex = this.#elements.length;
+        this.#elements.push(element);
+        this.listNode.append(element);
+        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+    }
+
+    addItems(items) {
+        items.forEach((entry) => this.addItem(entry));
+    }
+
+    removeCompletedItems() {
+        this.#elements = this.#elements.filter((element) => {
+            if (element.itemcompleted === "true")
+                element.removeItem();
+
+            return element.itemcompleted === "false";
+        });
+    }
+
+    toggleItems(completed) {
+        this.#elements.forEach((element) => {
+            if (completed && element.itemcompleted === "false")
+                element.toggleInput.click();
+            else if (!completed && element.itemcompleted === "true")
+                element.toggleInput.click();
+        });
+    }
+
+    updateStyles() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.listNode.style.display = "block";
+        else
+            this.listNode.style.display = "none";
+    }
+
+    updateView(element) {
+        switch (this.#route) {
+            case "completed":
+                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                break;
+            case "active":
+                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                break;
+            default:
+                element.style.display = "block";
+        }
+    }
+
+    updateElements(type = "", id = "") {
+        switch (type) {
+            case "route-change":
+                this.#elements.forEach((element) => this.updateView(element));
+                break;
+            case "toggle-item":
+            case "add-item":
+                this.#elements.forEach((element) => {
+                    if (element.itemid === id)
+                        this.updateView(element);
+                });
+                break;
+            case "remove-item":
+                this.#elements = this.#elements.filter((element) => element.itemid !== id);
+                break;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateElements("route-change");
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+        if (this.isConnected)
+            this.updateStyles();
+    }
+
+    connectedCallback() {
+        this.updateStyles();
+    }
+}
+
+customElements.define("todo-list", TodoList);
+
+export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
new file mode 100644
index 000000000..dac383b95
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
@@ -0,0 +1,8 @@
+const template = document.createElement("template");
+
+template.id = "todo-list-template";
+template.innerHTML = `
+    <ul class="todo-list" style="display:none"></ul>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js
new file mode 100644
index 000000000..973fb0614
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js
@@ -0,0 +1,131 @@
+import template from "./todo-topbar.template.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+import { nanoid } from "../../utils/nanoid.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import topbarStyles from "../../../node_modules/todomvc-css/dist/topbar.constructable.js";
+
+class TodoTopbar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items", "completed-items"];
+    }
+
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.todoInput = node.querySelector("#new-todo");
+        this.toggleInput = node.querySelector("#toggle-all");
+        this.toggleContainer = node.querySelector(".toggle-all-container");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.toggleAll = this.toggleAll.bind(this);
+        this.addItem = this.addItem.bind(this);
+    }
+
+    toggleAll(event) {
+        this.dispatchEvent(
+            new CustomEvent("toggle-all", {
+                detail: { completed: event.target.checked },
+            })
+        );
+    }
+
+    addItem(event) {
+        if (!event.target.value.length)
+            return;
+
+        this.dispatchEvent(
+            new CustomEvent("add-item", {
+                detail: {
+                    id: nanoid(),
+                    title: event.target.value,
+                    completed: false,
+                },
+            })
+        );
+
+        event.target.value = "";
+    }
+
+    updateDisplay() {
+        if (!parseInt(this["total-items"])) {
+            this.toggleContainer.style.display = "none";
+            return;
+        }
+
+        this.toggleContainer.style.display = "block";
+
+        switch (this.#route) {
+            case "active":
+                this.toggleInput.checked = false;
+                this.toggleInput.disabled = !parseInt(this["active-items"]);
+                break;
+            case "completed":
+                this.toggleInput.checked = parseInt(this["completed-items"]);
+                this.toggleInput.disabled = !parseInt(this["completed-items"]);
+                break;
+            default:
+                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.disabled = false;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateDisplay();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.todoInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.addItem,
+                },
+            })
+        );
+
+        this.updateDisplay();
+        this.addListeners();
+        this.todoInput.focus();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-topbar", TodoTopbar);
+
+export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js
new file mode 100644
index 000000000..ce323b683
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js
@@ -0,0 +1,17 @@
+const template = document.createElement("template");
+
+template.id = "todo-topbar-template";
+template.innerHTML = `
+    <header class="topbar">
+        <div class="new-todo-display">
+            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
+            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
+        </div>
+        <div class="toggle-all-container" style="display:none">
+            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
+            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
+        </div>
+    </header>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js
new file mode 100644
index 000000000..a1fe952fe
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js
@@ -0,0 +1,19 @@
+/**
+ * A simple function to normalize a double-click and a double-tab action.
+ * There is currently no comparable tab action to dblclick.
+ *
+ * @param {Function} fn
+ * @param {number} delay
+ * @returns
+ */
+export function useDoubleClick(fn, delay) {
+    let last = 0;
+    return function (...args) {
+        const now = new Date().getTime();
+        const difference = now - last;
+        if (difference < delay && difference > 0)
+            fn.apply(this, args);
+
+        last = now;
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js
new file mode 100644
index 000000000..453747d54
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js
@@ -0,0 +1,23 @@
+export function useKeyListener(props) {
+    const { target, event, callbacks } = props;
+
+    function handleEvent(event) {
+        Object.keys(callbacks).forEach((key) => {
+            if (event.key === key)
+                callbacks[key](event);
+        });
+    }
+
+    function connect() {
+        target.addEventListener(event, handleEvent);
+    }
+
+    function disconnect() {
+        target.removeEventListener(event, handleEvent);
+    }
+
+    return {
+        connect,
+        disconnect,
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js
new file mode 100644
index 000000000..ab1ab618a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js
@@ -0,0 +1,43 @@
+/**
+ * Listens for hash change of the url and calls onChange if available.
+ *
+ * @param {Function} callback
+ * @returns Methods to interact with useRouter.
+ */
+export const useRouter = (callback) => {
+    let onChange = callback;
+    let current = "";
+
+    /**
+     * Change event handler.
+     */
+    const handleChange = () => {
+        current = document.location.hash;
+        /* istanbul ignore else */
+        if (onChange)
+            onChange(document.location.hash);
+    };
+
+    /**
+     * Initializes router and adds listeners.
+     *
+     * @param {Function} callback
+     */
+    const initRouter = (callback) => {
+        onChange = callback;
+        window.addEventListener("hashchange", handleChange);
+        window.addEventListener("load", handleChange);
+    };
+
+    /**
+     * Removes listeners
+     */
+    const disableRouter = () => {
+        window.removeEventListener("hashchange", handleChange);
+        window.removeEventListener("load", handleChange);
+    };
+
+    const getRoute = () => current.split("/").slice(-1)[0];
+
+    return { initRouter, getRoute, disableRouter };
+};
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js
new file mode 100644
index 000000000..5df154f1f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js
@@ -0,0 +1,41 @@
+/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
+
+The MIT License (MIT)
+
+Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
+
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
+let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+
+export function nanoid(size = 21) {
+    let id = "";
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size;
+    while (i--) {
+        // `| 0` is more compact and faster than `Math.floor()`.
+        id += urlAlphabet[(Math.random() * 64) | 0];
+    }
+    return id;
+}

From 560d87059561075c723a6879b418598f078aa3ca Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Fri, 13 Jun 2025 23:51:10 +0000
Subject: [PATCH 02/12] Add Memory cache logic

---
 .../todo-list/todo-list.component.js          | 213 ++++++++++++++++++
 1 file changed, 213 insertions(+)

diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
index 1116fbe29..a560f66ed 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
@@ -4,6 +4,216 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
 import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
 
+class FixedSizeQueue {
+    #buffer;
+    #capacity;
+    #size = 0;
+    #head = 0;
+    #tail = 0;
+
+    constructor(capacity = 10) {
+        if (capacity <= 0) {
+            throw new Error("Queue capacity must be positive");
+        }
+        this.#capacity = capacity;
+        this.#buffer = new Array(capacity);
+    }
+
+    /**
+     * Add an element to the rear of the queue
+     * @param {*} element - Element to add
+     * @returns {boolean} - True if element was added, false if queue is full
+     */
+    enqueue(element) {
+        if (this.isFull()) {
+            return false;
+        }
+        
+        this.#buffer[this.#tail] = element;
+        this.#tail = (this.#tail + 1) % this.#capacity;
+        this.#size++;
+        return true;
+    }
+
+    /**
+     * Add multiple elements to the rear of the queue
+     * @param {Array} elements - Array of elements to add
+     * @returns {number} - The number of elements that were added to the queue
+     */
+    enqueueAll(elements) {
+        // Calculate available space and number of elements we can add
+        const availableSpace = this.#capacity - this.#size;
+        const elementsToAdd = Math.min(elements.length, availableSpace);
+        
+        // Add as many elements as will fit
+        for (let i = 0; i < elementsToAdd; i++) {
+            this.#buffer[this.#tail] = elements[i];
+            this.#tail = (this.#tail + 1) % this.#capacity;
+            this.#size++;
+        }
+        
+        return elementsToAdd;
+    }
+
+    /**
+     * Remove and return an element from the front of the queue
+     * @returns {*} - The element at the front of the queue, or undefined if empty
+     */
+    dequeue() {
+        if (this.isEmpty()) {
+            return undefined;
+        }
+        
+        const element = this.#buffer[this.#head];
+        this.#buffer[this.#head] = undefined; // Clear reference for GC
+        this.#head = (this.#head + 1) % this.#capacity;
+        this.#size--;
+        return element;
+    }
+
+    /**
+     * Remove and return multiple elements from the front of the queue
+     * @param {number} count - Number of elements to dequeue
+     * @returns {Array} - Array of dequeued elements (may be fewer than requested if not enough available)
+     */
+    dequeueMany(count) {
+        if (count <= 0) {
+            return [];
+        }
+        
+        const elementsToDequeue = Math.min(count, this.#size);
+        const result = new Array(elementsToDequeue);
+        
+        for (let i = 0; i < elementsToDequeue; i++) {
+            result[i] = this.#buffer[this.#head];
+            this.#buffer[this.#head] = undefined; // Clear reference for GC
+            this.#head = (this.#head + 1) % this.#capacity;
+            this.#size--;
+        }
+        
+        return result;
+    }
+
+    /**
+     * Return the element at the front of the queue without removing it
+     * @returns {*} - The element at the front of the queue, or undefined if empty
+     */
+    peek() {
+        return this.isEmpty() ? undefined : this.#buffer[this.#head];
+    }
+
+    /**
+     * Check if the queue is empty
+     * @returns {boolean} - True if queue is empty
+     */
+    isEmpty() {
+        return this.#size === 0;
+    }
+
+    /**
+     * Check if the queue is full
+     * @returns {boolean} - True if queue is full
+     */
+    isFull() {
+        return this.#size === this.#capacity;
+    }
+
+    /**
+     * Get the current number of elements in the queue
+     * @returns {number} - Current size of the queue
+     */
+    size() {
+        return this.#size;
+    }
+
+    /**
+     * Get the maximum capacity of the queue
+     * @returns {number} - Maximum capacity of the queue
+     */
+    capacity() {
+        return this.#capacity;
+    }
+
+    /**
+     * Clear all elements from the queue
+     */
+    clear() {
+        this.#buffer.fill(undefined);
+        this.#size = 0;
+        this.#head = 0;
+        this.#tail = 0;
+    }
+
+    /**
+     * Convert queue to array (for debugging/testing purposes)
+     * @returns {Array} - Array representation of queue elements in order
+     */
+    toArray() {
+        const result = new Array(this.#size);
+        for (let i = 0; i < this.#size; i++) {
+            result[i] = this.#buffer[(this.#head + i) % this.#capacity];
+        }
+        return result;
+    }
+}
+
+
+class MemoryCacheManager {
+
+    #cacheMaxSize = 10;
+    // before cache will be used to populate whole pages of items.
+    #beforeCache = new Array();
+
+    // after cache will be used to load the next item in the list, we need fifo access.
+    #afterCache = new FixedSizeQueue(10);
+
+    constructor() {
+        this.currentId = -1;
+        this.cacheMaxSize = 10;
+    }
+
+    shouldAddToAfterCache() {
+        return !this.#afterCache.isFull();
+    }
+
+
+    addToAfterCache(element) {
+        if (this.#afterCache.isFull()) {
+            throw new Error("After cache is full, cannot add more items.");
+        }
+        this.#afterCache.enqueue(element);
+    }
+    
+    /**
+     * Add multiple elements to the forward cache
+     * @param {Array} elements - Array of elements to add to the forward cache
+     * @returns {number} - The number of elements that were added to the cache
+     */
+    addMultipleToAfterCache(elements) {
+        return this.#afterCache.enqueueAll(elements);
+    }
+
+    nextFromAfterCache() {
+        const result = this.#afterCache.dequeue();
+        return result !== undefined ? result : null;
+    }
+    
+    getFromBeforeCache(numberOfItems) {
+        if (numberOfItems > this.#beforeCache.length) {
+            throw new Error("Not enough items in before cache to return.");
+        }
+        return this.#beforeCache.splice(this.#beforeCache.length - numberOfItems, numberOfItems);
+    }
+
+    addToBeforeCache(elements) {
+        if (elements.length + this.#beforeCache.length > this.#cacheMaxSize) {
+            throw new Error("Before cache is full, cannot add more items.");
+        }
+        this.#beforeCache.push(...elements);
+    }
+}
+
+
 class TodoList extends HTMLElement {
     static get observedAttributes() {
         return ["total-items"];
@@ -11,6 +221,9 @@ class TodoList extends HTMLElement {
 
     #elements = [];
     #route = undefined;
+    #memoryCacheManager = new MemoryCacheManager();
+    #db;
+    #dbItemId = 0;
 
     constructor() {
         super();

From ace2acb817602a244b6c1a43203eab24f32276b8 Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Mon, 16 Jun 2025 21:49:12 +0000
Subject: [PATCH 03/12] Add basic indexedDb support

---
 .../todo-list/todo-list.component.js          | 201 +++++++++++++++++-
 1 file changed, 190 insertions(+), 11 deletions(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
index a560f66ed..bbbe89aa3 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
@@ -213,6 +213,114 @@ class MemoryCacheManager {
     }
 }
 
+/**
+ * Database manager for Todo items using IndexedDB
+ */
+class TodoDatabase {
+    #db;
+    #dbName;
+    #dbVersion;
+    #storeName = 'todos';
+    #dbReadyCallback;
+    #numberOfPendingAddRequests = 0;
+    #numberOfPendingRemoveRequests = 0;
+
+    /**
+     * Creates a new TodoDatabase instance
+     * @param {string} dbName - The name of the IndexedDB database
+     * @param {number} dbVersion - The version of the database
+     * @param {Function} readyCallback - Callback to invoke when the database is ready
+     */
+    constructor(dbName = 'todosDB', dbVersion = 1, readyCallback = null) {
+        this.#dbName = dbName;
+        this.#dbVersion = dbVersion;
+        this.#dbReadyCallback = readyCallback;
+        this.initialize();
+    }
+
+    /**
+     * Initializes the IndexedDB database for storing todo items
+     */
+    initialize() {
+        // Open the database connection
+        const request = indexedDB.open(this.#dbName, this.#dbVersion);
+        
+        // Handle database upgrade or creation
+        request.onupgradeneeded = (event) => {
+            this.#db = event.target.result;
+            
+            // Create an object store for our todos if it doesn't exist
+            if (!this.#db.objectStoreNames.contains(this.#storeName)) {
+                const todoStore = this.#db.createObjectStore(this.#storeName, { keyPath: 'id', autoIncrement: true });
+                
+                // Create indexes for quick searches.
+                todoStore.createIndex('itemId', 'itemId', { unique: true });
+                todoStore.createIndex('completed', 'completed', { unique: false });
+                todoStore.createIndex('title', 'title', { unique: false });
+                todoStore.createIndex('priority', 'priority', { unique: false });
+            }
+        };
+        
+        // Handle successful database opening
+        request.onsuccess = (event) => {
+            this.#db = event.target.result;
+            console.log('IndexedDB initialized successfully');
+            
+            // Call ready callback if provided
+            if (this.#dbReadyCallback) {
+                this.#dbReadyCallback();
+            }
+        };
+        
+        // Handle errors
+        request.onerror = (event) => {
+            console.error('Error opening IndexedDB:', event.target.error);
+        };
+    }
+
+    /**
+     * Gets the database instance
+     * @returns {IDBDatabase} The IndexedDB database instance
+     */
+    get database() {
+        return this.#db;
+    }
+    
+    /**
+     * Adds a todo item to the database
+     * @param {Object} item - The todo item to add
+     * @returns {Promise<number>} A promise that resolves to the ID of the added item
+     */
+    addItem(item) {
+        return new Promise((resolve, reject) => {
+            if (!this.#db) {
+                reject(new Error("Database not initialized"));
+                return;
+            }
+            
+            try {
+                const transaction = this.#db.transaction(this.#storeName, 'readwrite');
+                const store = transaction.objectStore(this.#storeName);
+                
+                const request = store.add(item);
+
+                this.#numberOfPendingAddRequests++;
+                
+                request.onsuccess = (event) => {
+                    this.#numberOfPendingAddRequests--;
+                    console.log("Item added to database:", event.target.result);
+                    resolve(event.target.result); // Return the generated ID
+                };
+                
+                request.onerror = (event) => {
+                    reject(event.target.error);
+                };
+            } catch (error) {
+                reject(error);
+            }
+        });
+    }
+}
 
 class TodoList extends HTMLElement {
     static get observedAttributes() {
@@ -221,8 +329,9 @@ class TodoList extends HTMLElement {
 
     #elements = [];
     #route = undefined;
+    #onScreenMaxNumberOfItems = 10;
     #memoryCacheManager = new MemoryCacheManager();
-    #db;
+    #todoDatabase;
     #dbItemId = 0;
 
     constructor() {
@@ -242,20 +351,90 @@ class TodoList extends HTMLElement {
             extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
             this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
         }
+        
+        // Initialize TodoDatabase
+        this.#initializeDatabase();
+    }
+    
+    /**
+     * Initializes the IndexedDB database for storing todo items
+     * @private
+     */
+    #initializeDatabase() {
+        // Create a new TodoDatabase instance with a callback for when DB is ready
+        this.#todoDatabase = new TodoDatabase('todosDB', 1, () => {
+            // Dispatch an event when the database is ready
+            this.dispatchEvent(new CustomEvent('db-ready'));
+        });
+    }
+    
+    /**
+     * Gets the IndexedDB database instance
+     * @returns {IDBDatabase} The IndexedDB database instance
+     */
+    get #db() {
+        return this.#todoDatabase?.database;
     }
 
+    /**
+     * Adds a todo item based on available space in different storage tiers
+     * @param {Object} entry - The todo item entry
+     */
     addItem(entry) {
         const { id, title, completed } = entry;
-        const element = new TodoItem();
-
-        element.setAttribute("itemid", id);
-        element.setAttribute("itemtitle", title);
-        element.setAttribute("itemcompleted", completed);
-
-        const elementIndex = this.#elements.length;
-        this.#elements.push(element);
-        this.listNode.append(element);
-        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+        const priority = 4 - (this.#elements.length % 5);
+        
+        // Case 1: If there's space in the on-screen list, add it there
+        if (this.#elements.length < this.#onScreenMaxNumberOfItems) {
+            // Create element and add to on-screen list
+            const element = new TodoItem();
+            element.setAttribute("itemid", id);
+            element.setAttribute("itemtitle", title);
+            element.setAttribute("itemcompleted", completed);
+            element.setAttribute("data-priority", priority);
+            
+            this.#elements.push(element);
+            this.listNode.append(element);
+            this.updateView(element);
+        }
+        // Case 2: If there's space in the memory cache, create element and add to cache
+        else if (this.#memoryCacheManager.shouldAddToAfterCache()) {
+            const element = new TodoItem();
+            element.setAttribute("itemid", id);
+            element.setAttribute("itemtitle", title);
+            element.setAttribute("itemcompleted", completed);
+            element.setAttribute("data-priority", priority);
+            
+            // Add the element to the memory cache
+            this.#memoryCacheManager.addToAfterCache(element);
+        }
+        // Case 3: Add to IndexedDB as last resort
+        else {
+            this.#addItemToDatabase(entry, priority);
+        }
+    }
+    
+    /**
+     * Helper method to add an item to the IndexedDB database
+     * @private
+     */
+    #addItemToDatabase(entry, priority) {
+        const { id, title, completed } = entry;
+        const todoItem = {
+            itemId: id,
+            title,
+            completed,
+            priority,
+            createdAt: Date.now()
+        };
+        
+        this.#todoDatabase.addItem(todoItem)
+            .then(() => {
+                // Item successfully added to database
+            })
+            .catch(error => {
+                console.error("Failed to add item to database:", error);
+            });
     }
 
     addItems(items) {

From 3d91217bf40d756e3329979b0a9a8beaf421a798 Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Thu, 19 Jun 2025 18:07:39 +0000
Subject: [PATCH 04/12] Commit before context switching

---
 .gitignore                                    |   5 +
 .../todo-list/todo-list.component.js          | 509 +++++++++++++++++-
 .../components/todo-app/todo-app.component.js |   8 +
 .../todo-bottombar.component.js               | 157 +++++-
 .../todo-bottombar/todo-bottombar.template.js |  19 +-
 .../todo-list/todo-list.component.js          | 187 +++++--
 .../todo-list/todo-list.template.js           |   2 +-
 7 files changed, 806 insertions(+), 81 deletions(-)

diff --git a/.gitignore b/.gitignore
index fc30e2565..f120e3084 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,3 +35,8 @@
 
 /resources/charts/node_modules/
 /resources/todomvc/big-dom-generator/node_modules/
+
+/resources/todomvc/vanilla-examples/todomvc-wc-indexeddb/node_modules/
+/experimental/todomvc-localstorage/node_modules/
+
+resources/todomvc/vanilla-examples/todomvc-wc-indexeddb-firt/
\ No newline at end of file
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
index 8e90e291f..e9eff5915 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
@@ -4,6 +4,385 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../styles/global.constructable.js";
 import listStyles from "../../styles/todo-list.constructable.js";
 
+class FixedSizeQueue {
+    #buffer;
+    #capacity;
+    #size = 0;
+    #head = 0;
+    #tail = 0;
+
+    constructor(capacity = 10) {
+        if (capacity <= 0) {
+            throw new Error("Queue capacity must be positive");
+        }
+        this.#capacity = capacity;
+        this.#buffer = new Array(capacity);
+    }
+
+    /**
+     * Add an element to the rear of the queue
+     * @param {*} element - Element to add
+     * @returns {boolean} - True if element was added, false if queue is full
+     */
+    enqueue(element) {
+        if (this.isFull()) {
+            return false;
+        }
+        
+        this.#buffer[this.#tail] = element;
+        this.#tail = (this.#tail + 1) % this.#capacity;
+        this.#size++;
+        return true;
+    }
+
+    /**
+     * Add multiple elements to the rear of the queue
+     * @param {Array} elements - Array of elements to add
+     * @returns {number} - The number of elements that were added to the queue
+     */
+    enqueueAll(elements) {
+        // Calculate available space and number of elements we can add
+        const availableSpace = this.#capacity - this.#size;
+        const elementsToAdd = Math.min(elements.length, availableSpace);
+        
+        // Add as many elements as will fit
+        for (let i = 0; i < elementsToAdd; i++) {
+            this.#buffer[this.#tail] = elements[i];
+            this.#tail = (this.#tail + 1) % this.#capacity;
+            this.#size++;
+        }
+        
+        return elementsToAdd;
+    }
+
+    /**
+     * Remove and return an element from the front of the queue
+     * @returns {*} - The element at the front of the queue, or undefined if empty
+     */
+    dequeue() {
+        if (this.isEmpty()) {
+            return undefined;
+        }
+        
+        const element = this.#buffer[this.#head];
+        this.#buffer[this.#head] = undefined; // Clear reference for GC
+        this.#head = (this.#head + 1) % this.#capacity;
+        this.#size--;
+        return element;
+    }
+
+    /**
+     * Remove and return multiple elements from the front of the queue
+     * @param {number} count - Number of elements to dequeue
+     * @returns {Array} - Array of dequeued elements (may be fewer than requested if not enough available)
+     */
+    dequeueMany(count) {
+        if (count <= 0) {
+            return [];
+        }
+        
+        const elementsToDequeue = Math.min(count, this.#size);
+        const result = new Array(elementsToDequeue);
+        
+        for (let i = 0; i < elementsToDequeue; i++) {
+            result[i] = this.#buffer[this.#head];
+            this.#buffer[this.#head] = undefined; // Clear reference for GC
+            this.#head = (this.#head + 1) % this.#capacity;
+            this.#size--;
+        }
+        
+        return result;
+    }
+
+    /**
+     * Return the element at the front of the queue without removing it
+     * @returns {*} - The element at the front of the queue, or undefined if empty
+     */
+    peek() {
+        return this.isEmpty() ? undefined : this.#buffer[this.#head];
+    }
+
+    /**
+     * Check if the queue is empty
+     * @returns {boolean} - True if queue is empty
+     */
+    isEmpty() {
+        return this.#size === 0;
+    }
+
+    /**
+     * Check if the queue is full
+     * @returns {boolean} - True if queue is full
+     */
+    isFull() {
+        return this.#size === this.#capacity;
+    }
+
+    /**
+     * Get the current number of elements in the queue
+     * @returns {number} - Current size of the queue
+     */
+    size() {
+        return this.#size;
+    }
+
+    /**
+     * Get the maximum capacity of the queue
+     * @returns {number} - Maximum capacity of the queue
+     */
+    capacity() {
+        return this.#capacity;
+    }
+
+    /**
+     * Clear all elements from the queue
+     */
+    clear() {
+        this.#buffer.fill(undefined);
+        this.#size = 0;
+        this.#head = 0;
+        this.#tail = 0;
+    }
+
+    /**
+     * Convert queue to array (for debugging/testing purposes)
+     * @returns {Array} - Array representation of queue elements in order
+     */
+    toArray() {
+        const result = new Array(this.#size);
+        for (let i = 0; i < this.#size; i++) {
+            result[i] = this.#buffer[(this.#head + i) % this.#capacity];
+        }
+        return result;
+    }
+}
+
+
+class MemoryCacheManager {
+
+    #cacheMaxSize = 10;
+    pendingPromise = null;
+    hasPendingUpdate = false;
+
+    // after cache will be used to load the next item in the list, we need fifo access.
+    #afterCache = new FixedSizeQueue(10);
+
+    constructor() {
+        this.currentId = -1;
+        this.cacheMaxSize = 10;
+    }
+
+    shouldAddToAfterCache() {
+        return !this.#afterCache.isFull();
+    }
+
+
+    addToAfterCache(element) {
+        if (this.#afterCache.isFull()) {
+            throw new Error("After cache is full, cannot add more items.");
+        }
+        this.#afterCache.enqueue(element);
+    }
+    
+    /**
+     * Add multiple elements to the forward cache
+     * @param {Array} elements - Array of elements to add to the forward cache
+     * @returns {number} - The number of elements that were added to the cache
+     */
+    addMultipleToAfterCache(elements) {
+        return this.#afterCache.enqueueAll(elements);
+    }
+
+    nextFromAfterCache() {
+        const result = this.#afterCache.dequeue();
+        return result !== undefined ? result : null;
+    }
+
+    /**
+     * Check if the forward cache (after cache) is empty
+     * @returns {boolean} - True if the forward cache is empty
+     */
+    isForwardCacheEmpty() {
+        return this.#afterCache.isEmpty();
+    }
+
+    /**
+     * Retrieves a given number of elements from the forward cache (afterCache)
+     * 
+     * @param {number} count - The number of elements to retrieve
+     * @returns {Array} - The next 'count' elements from the afterCache
+     */
+    getElementsFromAfterCache(count) {
+        return this.#afterCache.dequeueMany(count);
+    }
+
+    chainToPendingPromise(promise) {
+        if(!this.pendingPromise) {
+            throw(new Error("No pending promise to chain to."));
+        }
+        this.pendingPromise = this.pendingPromise.then(() => promise);
+    }
+}
+
+/**
+ * Database manager for Todo items using IndexedDB
+ */
+class TodoDatabase {
+    #db;
+    #dbName;
+    #dbVersion;
+    #storeName = 'todos';
+    #dbReadyCallback;
+    #numberOfPendingAddRequests = 0;
+    #numberOfPendingRemoveRequests = 0;
+
+    /**
+     * Creates a new TodoDatabase instance
+     * @param {string} dbName - The name of the IndexedDB database
+     * @param {number} dbVersion - The version of the database
+     * @param {Function} readyCallback - Callback to invoke when the database is ready
+     */
+    constructor(dbName = 'todosDB', dbVersion = 1, readyCallback = null) {
+        this.#dbName = dbName;
+        this.#dbVersion = dbVersion;
+        this.#dbReadyCallback = readyCallback;
+        this.initialize();
+    }
+
+    /**
+     * Initializes the IndexedDB database for storing todo items
+     */
+    initialize() {
+        // Open the database connection
+        const request = indexedDB.open(this.#dbName, this.#dbVersion);
+        
+        // Handle database upgrade or creation
+        request.onupgradeneeded = (event) => {
+            this.#db = event.target.result;
+            
+            // Create an object store for our todos if it doesn't exist
+            if (!this.#db.objectStoreNames.contains(this.#storeName)) {
+                const todoStore = this.#db.createObjectStore(this.#storeName, { keyPath: 'orderedId'});
+                
+                // Create indexes for quick searches.
+                todoStore.createIndex('itemId', 'itemId', { unique: true });
+                todoStore.createIndex('completed', 'completed', { unique: false });
+                todoStore.createIndex('title', 'title', { unique: false });
+                todoStore.createIndex('priority', 'priority', { unique: false });
+            }
+        };
+        
+        // Handle successful database opening
+        request.onsuccess = (event) => {
+            this.#db = event.target.result;
+            console.log('IndexedDB initialized successfully');
+            
+            // Call ready callback if provided
+            if (this.#dbReadyCallback) {
+                this.#dbReadyCallback();
+            }
+        };
+        
+        // Handle errors
+        request.onerror = (event) => {
+            console.error('Error opening IndexedDB:', event.target.error);
+        };
+    }
+
+    /**
+     * Gets the database instance
+     * @returns {IDBDatabase} The IndexedDB database instance
+     */
+    get database() {
+        return this.#db;
+    }
+    
+    /**
+     * Adds a todo item to the database
+     * @param {Object} item - The todo item to add
+     * @returns {Promise<number>} A promise that resolves to the ID of the added item
+     */
+    addItem(item) {
+        return new Promise((resolve, reject) => {
+            if (!this.#db) {
+                reject(new Error("Database not initialized"));
+                return;
+            }
+            
+            try {
+                const transaction = this.#db.transaction(this.#storeName, 'readwrite');
+                const store = transaction.objectStore(this.#storeName);
+                
+                const request = store.add(item);
+
+                this.#numberOfPendingAddRequests++;
+                
+                request.onsuccess = (event) => {
+                    this.#numberOfPendingAddRequests--;
+                    console.log("Item added to database:", event.target.result);
+                    resolve(event.target.result); // Return the generated ID
+                };
+                
+                request.onerror = (event) => {
+                    reject(event.target.error);
+                };
+            } catch (error) {
+                reject(error);
+            }
+        });
+    }
+
+    /**
+     * Reads items from the database where orderedId is greater than lastUsedOrderedId
+     * and executes a callback with the results
+     * 
+     * @param {number} lastUsedOrderedId - The last orderedId that was used
+     * @param {number} count - Maximum number of items to retrieve
+     * @param {Function} callback - Callback function to execute with the retrieved items
+     */
+    readItemsAndExecuteCallback(lastUsedOrderedId, count, callback) {
+        if (!this.#db) {
+            throw(new Error("Database not initialized"));
+        }
+
+        const transaction = this.#db.transaction(this.#storeName, 'readonly');
+        const store = transaction.objectStore(this.#storeName);
+        
+        // Create a key range for orderedId > lastUsedOrderedId
+        const keyRange = IDBKeyRange.lowerBound(lastUsedOrderedId, true);
+        
+        // Open a cursor with the key range
+        const request = store.openCursor(keyRange);
+        
+        // Array to store the retrieved items
+        const items = [];
+        
+        request.onsuccess = (event) => {
+            const cursor = event.target.result;
+            
+            if (cursor && items.length < count) {
+                // Add this item to our results
+                items.push(cursor.value);
+                
+                // Move to the next item
+                cursor.continue();
+            } else {
+                // We've either reached the end of the store or collected enough items
+                callback(null, items);
+            }
+        };
+        
+        request.onerror = (event) => {
+            callback(event.target.error, null);
+        };
+        
+        // Handle transaction errors
+        transaction.onerror = (event) => {
+            callback(event.target.error, null);
+        };
+    }
+}
+
 class TodoList extends HTMLElement {
     static get observedAttributes() {
         return ["total-items"];
@@ -11,10 +390,14 @@ class TodoList extends HTMLElement {
 
     #elements = [];
     #route = undefined;
+    #onScreenMaxNumberOfItems = 10;
+    #memoryCacheManager = new MemoryCacheManager();
+    #todoDatabase;
+    #currentPageNumber = 1;
+    #incrementalItemId = 0;
 
     constructor() {
         super();
-
         const node = document.importNode(template.content, true);
         this.listNode = node.querySelector(".todo-list");
 
@@ -30,20 +413,93 @@ class TodoList extends HTMLElement {
             extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
             this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
         }
+        
+        // Initialize TodoDatabase
+        this.#initializeDatabase();
+    }
+    
+    /**
+     * Initializes the IndexedDB database for storing todo items
+     * @private
+     */
+    #initializeDatabase() {
+        // Create a new TodoDatabase instance with a callback for when DB is ready
+        this.#todoDatabase = new TodoDatabase('todosDB', 1, () => {
+            // Dispatch an event when the database is ready
+            this.dispatchEvent(new CustomEvent('db-ready'));
+        });
+    }
+    
+    /**
+     * Gets the IndexedDB database instance
+     * @returns {IDBDatabase} The IndexedDB database instance
+     */
+    get #db() {
+        return this.#todoDatabase?.database;
     }
 
+    /**
+     * Adds a todo item based on available space in different storage tiers
+     * @param {Object} entry - The todo item entry
+     */
     addItem(entry) {
         const { id, title, completed } = entry;
-        const element = new TodoItem();
-
-        element.setAttribute("itemid", id);
-        element.setAttribute("itemtitle", title);
-        element.setAttribute("itemcompleted", completed);
-
-        const elementIndex = this.#elements.length;
-        this.#elements.push(element);
-        this.listNode.append(element);
-        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+        const priority = 4 - (this.#elements.length % 5);
+        
+        // Case 1: If there's space in the on-screen list, add it there
+        if (this.#elements.length < this.#onScreenMaxNumberOfItems) {
+            // Create element and add to on-screen list
+            const element = new TodoItem();
+            element.setAttribute("itemid", id);
+            element.setAttribute("itemtitle", title);
+            element.setAttribute("itemcompleted", completed);
+            element.setAttribute("data-priority", priority);
+            element.orderedId = this.#incrementalItemId++;
+            
+            this.#elements.push(element);
+            this.listNode.append(element);
+            this.updateView(element);
+        }
+        // Case 2: If there's space in the memory cache, create element and add to cache
+        else if (this.#memoryCacheManager.shouldAddToAfterCache()) {
+            const element = new TodoItem();
+            element.setAttribute("itemid", id);
+            element.setAttribute("itemtitle", title);
+            element.setAttribute("itemcompleted", completed);
+            element.setAttribute("data-priority", priority);
+            element.orderedId = this.#incrementalItemId++;
+            
+            // Add the element to the memory cache
+            this.#memoryCacheManager.addToAfterCache(element);
+        }
+        // Case 3: Add to IndexedDB as last resort
+        else {
+            this.#addItemToDatabase(entry, priority);
+        }
+    }
+    
+    /**
+     * Helper method to add an item to the IndexedDB database
+     * @private
+     */
+    #addItemToDatabase(entry, priority) {
+        const { id, title, completed } = entry;
+        const todoItem = {
+            orderedId: this.#incrementalItemId++,
+            itemId: id,
+            title,
+            completed,
+            priority,
+            createdAt: Date.now()
+        };
+        
+        this.#todoDatabase.addItem(todoItem)
+            .then(() => {
+                // Item successfully added to database
+            })
+            .catch(error => {
+                console.error("Failed to add item to database:", error);
+            });
     }
 
     addItems(items) {
@@ -119,6 +575,37 @@ class TodoList extends HTMLElement {
             this.updateStyles();
     }
 
+    async moveToNextPage() {
+        if (this.#memoryCacheManager.pendingPromise !== null) {
+            console.log("There is a pending udpate, cannot move to next page.");
+            this.#memoryCacheManager.chainToPendingPromise(
+                (async () => {
+                    await this.moveToNextPage.bind(this);
+                })());
+            return;   
+        }
+        const nextItems = this.#memoryCacheManager.getElementsFromAfterCache(
+            this.#onScreenMaxNumberOfItems);
+        this.listNode.replaceChildren(...nextItems);
+        if (nextItems.length < this.#onScreenMaxNumberOfItems) {
+            // There were not enough items in the cache, then there are not
+            // enough items in the db storage.
+            return;
+        }
+        let resolvePendingPromise;
+        this.#memoryCacheManager.hasPendingUpdate = new Promise((resolve) => {
+            resolvePendingPromise = resolve;
+        });
+        this.#db.readItemsAndExecuteCallback(
+            nextItems.at(-1).orderedId,
+            this.#onScreenMaxNumberOfItems,
+            (newItems) => {
+                this.#memoryCacheManager.addMultipleToAfterCache(newItems);
+                resolvePendingPromise();
+            });
+
+    }
+
     connectedCallback() {
         this.updateStyles();
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
index 691980f3e..1f88ef4e8 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
@@ -27,6 +27,7 @@ class TodoApp extends HTMLElement {
         this.updateItem = this.updateItem.bind(this);
         this.toggleItems = this.toggleItems.bind(this);
         this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.moveToNextPage = this.moveToNextPage.bind(this);
         this.routeChange = this.routeChange.bind(this);
 
         this.router = useRouter();
@@ -84,6 +85,10 @@ class TodoApp extends HTMLElement {
         this.list.removeCompletedItems();
     }
 
+    moveToNextPage() {
+        this.list.moveToNextPage();
+    }
+
     update(type = "", id = "") {
         const totalItems = this.#data.length;
         const activeItems = this.#data.filter((entry) => !entry.completed).length;
@@ -109,6 +114,7 @@ class TodoApp extends HTMLElement {
         this.list.listNode.addEventListener("update-item", this.updateItem);
 
         this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
+        this.bottombar.addEventListener("move-to-next-page", this.moveToNextPage);
     }
 
     removeListeners() {
@@ -120,11 +126,13 @@ class TodoApp extends HTMLElement {
         this.list.listNode.removeEventListener("update-item", this.updateItem);
 
         this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
+        this.bottombar.removeEventListener("go-to-next-page", this.moveToNextPage);
     }
 
     routeChange(route) {
         const routeName = route.split("/")[1] || "all";
         this.list.updateRoute(routeName);
+        console.log(this.bottombar, "bottombar");
         this.bottombar.updateRoute(routeName);
         this.topbar.updateRoute(routeName);
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
index f5b8896c5..d6aa9130a 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
@@ -1,7 +1,144 @@
 import template from "./todo-bottombar.template.js";
 
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
-import bottombarStyles from "../../../node_modules/todomvc-css/dist/bottombar.constructable.js";
+// import bottombarStyles from "../../../node_modules/todomvc-css/dist/bottombar.constructable.js";
+
+const bottombarStyles = new CSSStyleSheet();
+bottombarStyles.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.bottombar {
+    padding: 10px 0;
+    height: 41px;
+    text-align: center;
+    font-size: 15px;
+    border-top: 1px solid #e6e6e6;
+    display: flex;
+    flex-direction: row;
+}
+
+.bottombar.hidden-footer {
+    display: none;
+}
+
+.bottombar::before {
+    content: "";
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 50px;
+    overflow: hidden;
+    pointer-events: none;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
+}
+
+.todo-count {
+    font-weight: 300;
+}
+
+.filter-item {
+    display: inline-block;
+}
+
+.filter-link {
+    color: inherit;
+    margin: 3px;
+    padding: 0 7px;
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: 3px;
+    cursor: pointer;
+    display: block;
+    height: 26px;
+    line-height: 26px;
+}
+
+.filter-link:hover {
+    border-color: #db7676;
+}
+
+.filter-link.selected {
+    border-color: #ce4646;
+}
+
+.clear-completed-button,
+.clear-completed-button:active {
+    text-decoration: none;
+    cursor: pointer;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.clear-completed-button:hover {
+    text-decoration: underline;
+}
+
+/* rtl support */
+html[dir="rtl"] .todo-status,
+:host([dir="rtl"]) .todo-status {
+    right: 12px;
+    left: unset;
+}
+
+html[dir="rtl"] .clear-completed-button,
+:host([dir="rtl"]) .clear-completed-button {
+    left: 12px;
+    right: unset;
+}
+
+@media (max-width: 430px) {
+    .bottombar {
+        height: 120px;
+    }
+
+    .todo-status {
+        display: block;
+        text-align: center;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .filter-list {
+        display: block;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .clear-completed-button,
+    .clear-completed-button:active {
+        display: block;
+        margin: 0 auto;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+        html[dir="rtl"] .todo-status,
+    :host([dir="rtl"]) .todo-status {
+        right: unset;
+        left: unset;
+    }
+
+    html[dir="rtl"] .clear-completed-button,
+    :host([dir="rtl"]) .clear-completed-button {
+        left: unset;
+        right: unset;
+    }
+`);
 
 class TodoBottombar extends HTMLElement {
     static get observedAttributes() {
@@ -14,6 +151,7 @@ class TodoBottombar extends HTMLElement {
         const node = document.importNode(template.content, true);
         this.element = node.querySelector(".bottombar");
         this.clearCompletedButton = node.querySelector(".clear-completed-button");
+        this.nextPageButton = node.getElementById("next-page-button");
         this.todoStatus = node.querySelector(".todo-status");
         this.filterLinks = node.querySelectorAll(".filter-link");
 
@@ -24,13 +162,16 @@ class TodoBottombar extends HTMLElement {
         this.shadow.append(node);
 
         this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.moveToNextPage = this.moveToNextPage.bind(this);
     }
 
     updateDisplay() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.element.style.display = "block";
-        else
-            this.element.style.display = "none";
+        if (parseInt(this["total-items"]) !== 0) {
+            this.element.classList.remove("hidden-footer");
+        }
+        else {
+            this.element.classList.add("hidden-footer");
+        }
 
         this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
     }
@@ -48,12 +189,18 @@ class TodoBottombar extends HTMLElement {
         this.dispatchEvent(new CustomEvent("clear-completed-items"));
     }
 
+    moveToNextPage() {
+        this.dispatchEvent(new CustomEvent("move-to-next-page"));
+    }
+
     addListeners() {
         this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
+        this.nextPageButton.addEventListener("click", this.moveToNextPage);
     }
 
     removeListeners() {
         this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
+        this.nextPageButton.removeEventListener("click", this.moveToNextPage);
     }
 
     attributeChangedCallback(property, oldValue, newValue) {
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
index 4f34ca92d..4562a84cd 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
@@ -2,20 +2,21 @@ const template = document.createElement("template");
 
 template.id = "todo-bottombar-template";
 template.innerHTML = `
-    <footer class="bottombar" style="display:none">
+    <footer class="bottombar hidden-footer">
         <div class="todo-status"><span class="todo-count">0</span> item left</div>
-        <ul class="filter-list">
-            <li class="filter-item">
+        <div class="filter-list">
+            <div class="filter-item">
                 <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
-            </li>
-            <li class="filter-item">
+            </div>
+            <div class="filter-item">
                 <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
-            </li>
-            <li class="filter-item">
+            </div>
+            <div class="filter-item">
                 <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
-            </li>
-        </ul>
+            </div>
+        </div>
         <button id="clear-completed" class="clear-completed-button">Clear completed</button>
+        <button id="next-page-button"> > </button>
     </footer>
 `;
 
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
index bbbe89aa3..f6a108e41 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
@@ -4,6 +4,19 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
 import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
 
+let additionalListStyles = new CSSStyleSheet();
+additionalListStyles.replaceSync(
+    `.todo-list,
+    todo-item {
+        display: block;
+    }
+
+    .todo-list > :nth-child(10) ~ todo-item,
+    .display-none {
+        display: none;
+    }
+`);
+
 class FixedSizeQueue {
     #buffer;
     #capacity;
@@ -161,8 +174,8 @@ class FixedSizeQueue {
 class MemoryCacheManager {
 
     #cacheMaxSize = 10;
-    // before cache will be used to populate whole pages of items.
-    #beforeCache = new Array();
+    pendingPromise = null;
+    hasPendingUpdate = false;
 
     // after cache will be used to load the next item in the list, we need fifo access.
     #afterCache = new FixedSizeQueue(10);
@@ -197,19 +210,30 @@ class MemoryCacheManager {
         const result = this.#afterCache.dequeue();
         return result !== undefined ? result : null;
     }
-    
-    getFromBeforeCache(numberOfItems) {
-        if (numberOfItems > this.#beforeCache.length) {
-            throw new Error("Not enough items in before cache to return.");
-        }
-        return this.#beforeCache.splice(this.#beforeCache.length - numberOfItems, numberOfItems);
+
+    /**
+     * Check if the forward cache (after cache) is empty
+     * @returns {boolean} - True if the forward cache is empty
+     */
+    isForwardCacheEmpty() {
+        return this.#afterCache.isEmpty();
+    }
+
+    /**
+     * Retrieves a given number of elements from the forward cache (afterCache)
+     * 
+     * @param {number} count - The number of elements to retrieve
+     * @returns {Array} - The next 'count' elements from the afterCache
+     */
+    getElementsFromAfterCache(count) {
+        return this.#afterCache.dequeueMany(count);
     }
 
-    addToBeforeCache(elements) {
-        if (elements.length + this.#beforeCache.length > this.#cacheMaxSize) {
-            throw new Error("Before cache is full, cannot add more items.");
+    chainToPendingPromise(promise) {
+        if(!this.pendingPromise) {
+            throw(new Error("No pending promise to chain to."));
         }
-        this.#beforeCache.push(...elements);
+        this.pendingPromise = this.pendingPromise.then(() => promise);
     }
 }
 
@@ -225,6 +249,8 @@ class TodoDatabase {
     #numberOfPendingAddRequests = 0;
     #numberOfPendingRemoveRequests = 0;
 
+    lastUsedOrderedId = 0;
+
     /**
      * Creates a new TodoDatabase instance
      * @param {string} dbName - The name of the IndexedDB database
@@ -251,7 +277,7 @@ class TodoDatabase {
             
             // Create an object store for our todos if it doesn't exist
             if (!this.#db.objectStoreNames.contains(this.#storeName)) {
-                const todoStore = this.#db.createObjectStore(this.#storeName, { keyPath: 'id', autoIncrement: true });
+                const todoStore = this.#db.createObjectStore(this.#storeName, { keyPath: 'orderedId'});
                 
                 // Create indexes for quick searches.
                 todoStore.createIndex('itemId', 'itemId', { unique: true });
@@ -309,6 +335,7 @@ class TodoDatabase {
                 request.onsuccess = (event) => {
                     this.#numberOfPendingAddRequests--;
                     console.log("Item added to database:", event.target.result);
+                    this.lastUsedOrderedId = Math.max(this.lastUsedOrderedId, item.orderedId);
                     resolve(event.target.result); // Return the generated ID
                 };
                 
@@ -320,6 +347,57 @@ class TodoDatabase {
             }
         });
     }
+
+    /**
+     * Reads items from the database where orderedId is greater than lastUsedOrderedId
+     * and executes a callback with the results
+     * 
+     * @param {number} lastUsedOrderedId - The last orderedId that was used
+     * @param {number} count - Maximum number of items to retrieve
+     * @param {Function} callback - Callback function to execute with the retrieved items
+     */
+    readItemsAndExecuteCallback(lastUsedOrderedId, count, callback) {
+        if (!this.#db) {
+            throw(new Error("Database not initialized"));
+        }
+
+        const transaction = this.#db.transaction(this.#storeName, 'readonly');
+        const store = transaction.objectStore(this.#storeName);
+        
+        // Create a key range for orderedId > lastUsedOrderedId
+        const keyRange = IDBKeyRange.lowerBound(lastUsedOrderedId, true);
+        
+        // Open a cursor with the key range
+        const request = store.openCursor(keyRange);
+        
+        // Array to store the retrieved items
+        const items = [];
+        
+        request.onsuccess = (event) => {
+            const cursor = event.target.result;
+            
+            if (cursor && items.length < count) {
+                // Add this item to our results
+                items.push(cursor.value);
+                
+                // Move to the next item
+                cursor.continue();
+            } else {
+                // We've either reached the end of the store or collected enough items
+                console.log(items);
+                callback(items);
+            }
+        };
+        
+        request.onerror = (event) => {
+            callback(event.target.error, null);
+        };
+        
+        // Handle transaction errors
+        transaction.onerror = (event) => {
+            callback(event.target.error, null);
+        };
+    }
 }
 
 class TodoList extends HTMLElement {
@@ -327,12 +405,13 @@ class TodoList extends HTMLElement {
         return ["total-items"];
     }
 
-    #elements = [];
     #route = undefined;
     #onScreenMaxNumberOfItems = 10;
     #memoryCacheManager = new MemoryCacheManager();
     #todoDatabase;
-    #dbItemId = 0;
+    #currentPageNumber = 1;
+    #incrementalItemId = 0;
+    #elementCount = 0;
 
     constructor() {
         super();
@@ -342,7 +421,7 @@ class TodoList extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles, additionalListStyles];
         this.shadow.append(node);
         this.classList.add("show-priority");
 
@@ -376,42 +455,29 @@ class TodoList extends HTMLElement {
         return this.#todoDatabase?.database;
     }
 
+    get #elements() {
+        return Array.from(this.listNode.children);
+    }
+
     /**
      * Adds a todo item based on available space in different storage tiers
      * @param {Object} entry - The todo item entry
      */
     addItem(entry) {
         const { id, title, completed } = entry;
-        const priority = 4 - (this.#elements.length % 5);
+        const priority = 4 - (this.#elementCount++ % 5);
         
-        // Case 1: If there's space in the on-screen list, add it there
-        if (this.#elements.length < this.#onScreenMaxNumberOfItems) {
-            // Create element and add to on-screen list
-            const element = new TodoItem();
-            element.setAttribute("itemid", id);
-            element.setAttribute("itemtitle", title);
-            element.setAttribute("itemcompleted", completed);
-            element.setAttribute("data-priority", priority);
-            
-            this.#elements.push(element);
-            this.listNode.append(element);
-            this.updateView(element);
-        }
-        // Case 2: If there's space in the memory cache, create element and add to cache
-        else if (this.#memoryCacheManager.shouldAddToAfterCache()) {
-            const element = new TodoItem();
-            element.setAttribute("itemid", id);
-            element.setAttribute("itemtitle", title);
-            element.setAttribute("itemcompleted", completed);
-            element.setAttribute("data-priority", priority);
-            
-            // Add the element to the memory cache
-            this.#memoryCacheManager.addToAfterCache(element);
-        }
-        // Case 3: Add to IndexedDB as last resort
-        else {
-            this.#addItemToDatabase(entry, priority);
-        }
+        const element = new TodoItem();
+        element.setAttribute("itemid", id);
+        element.setAttribute("itemtitle", title);
+        element.setAttribute("itemcompleted", completed);
+        element.setAttribute("data-priority", priority);
+        element.orderedId = this.#incrementalItemId++;
+        
+        this.listNode.append(element);
+        this.updateView(element);
+
+        this.#addItemToDatabase(entry, priority);
     }
     
     /**
@@ -421,11 +487,11 @@ class TodoList extends HTMLElement {
     #addItemToDatabase(entry, priority) {
         const { id, title, completed } = entry;
         const todoItem = {
+            orderedId: this.#incrementalItemId++,
             itemId: id,
             title,
             completed,
-            priority,
-            createdAt: Date.now()
+            priority
         };
         
         this.#todoDatabase.addItem(todoItem)
@@ -442,7 +508,7 @@ class TodoList extends HTMLElement {
     }
 
     removeCompletedItems() {
-        this.#elements = this.#elements.filter((element) => {
+        this.#elements.forEach((element) => {
             if (element.itemcompleted === "true")
                 element.removeItem();
 
@@ -461,21 +527,25 @@ class TodoList extends HTMLElement {
 
     updateStyles() {
         if (parseInt(this["total-items"]) !== 0)
-            this.listNode.style.display = "block";
+            this.listNode.classList.remove("display-none");
         else
-            this.listNode.style.display = "none";
+            this.listNode.classList.add("display-none");
     }
 
     updateView(element) {
         switch (this.#route) {
             case "completed":
-                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                if (element.itemcompleted === "true")
+                    element.classList.remove("display-none");
+                else
+                    element.classList.add("display-none");
                 break;
             case "active":
-                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                if (element.itemcompleted === "true")
+                    element.classList.add("display-none");
+                else
+                    element.classList.remove("display-none");
                 break;
-            default:
-                element.style.display = "block";
         }
     }
 
@@ -492,7 +562,7 @@ class TodoList extends HTMLElement {
                 });
                 break;
             case "remove-item":
-                this.#elements = this.#elements.filter((element) => element.itemid !== id);
+                this.#elements.find((element) => element.itemid === id)?.remove();
                 break;
         }
     }
@@ -510,6 +580,13 @@ class TodoList extends HTMLElement {
             this.updateStyles();
     }
 
+    moveToNextPage() {
+        const children = Array.from(this.listNode.children);
+        children.slice(0, this.#onScreenMaxNumberOfItems).forEach((child) => {
+            child.remove();
+        });
+    }
+
     connectedCallback() {
         this.updateStyles();
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
index dac383b95..fc753f7f7 100644
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-list-template";
 template.innerHTML = `
-    <ul class="todo-list" style="display:none"></ul>
+    <ul class="todo-list display-none"></ul>
 `;
 
 export default template;

From cb44dc4f77f1cfd3dc30bd6e11e873099cad417b Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Thu, 19 Jun 2025 22:51:10 +0000
Subject: [PATCH 05/12] Add complex versions for testing

---
 .gitignore                                    |    4 +-
 resources/tests.mjs                           |   67 ++
 .../components/todo-app/todo-app.component.js |   41 +-
 .../todo-item/todo-item.component.js          |   10 +-
 .../todo-list/todo-list.component.js          |   67 +-
 .../README.md                                 |   29 +
 .../dist/app.css                              |   11 +
 .../dist/big-dom.css                          |  933 +++++++++++++++
 .../components/todo-app/todo-app.component.js |  147 +++
 .../components/todo-app/todo-app.template.js  |   14 +
 .../todo-bottombar.component.js               |   80 ++
 .../todo-bottombar/todo-bottombar.template.js |   22 +
 .../todo-item/todo-item.component.js          |  190 +++
 .../todo-item/todo-item.template.js           |   19 +
 .../todo-list/todo-list.component.js          |  129 ++
 .../todo-list/todo-list.template.js           |    8 +
 .../todo-topbar/todo-topbar.component.js      |  131 ++
 .../todo-topbar/todo-topbar.template.js       |   17 +
 .../dist/default-variables.css                |    5 +
 .../dist/hooks/useDoubleClick.js              |   19 +
 .../dist/hooks/useKeyListener.js              |   23 +
 .../dist/hooks/useRouter.js                   |   43 +
 .../dist/index.html                           |   31 +
 .../dist/logo.png                             |  Bin 0 -> 9510 bytes
 .../dist/styles/app.constructable.js          |   15 +
 .../dist/styles/bottombar.constructable.js    |  158 +++
 .../dist/styles/footer.css                    |   26 +
 .../dist/styles/global.constructable.js       |   86 ++
 .../dist/styles/global.css                    |   88 ++
 .../dist/styles/header.css                    |   21 +
 .../dist/styles/main.constructable.js         |   11 +
 .../dist/styles/todo-item.constructable.js    |  147 +++
 .../dist/styles/todo-list.constructable.js    |   15 +
 .../dist/styles/topbar.constructable.js       |   90 ++
 .../dist/todo-item-extra-css.js               |   47 +
 .../dist/todo-list-extra-css.js               |   19 +
 .../dist/utils/nanoid.js                      |   41 +
 .../package-lock.json                         | 1049 +++++++++++++++++
 .../package.json                              |   23 +
 .../scripts/build.js                          |   25 +
 .../javascript-web-components-old/.gitignore  |    2 +
 .../javascript-web-components-old/README.md   |   37 +
 .../components/todo-app/todo-app.component.js |  147 +++
 .../components/todo-app/todo-app.template.js  |   14 +
 .../todo-bottombar.component.js               |   80 ++
 .../todo-bottombar/todo-bottombar.template.js |   22 +
 .../todo-item/todo-item.component.js          |  190 +++
 .../todo-item/todo-item.template.js           |   19 +
 .../todo-list/todo-list.component.js          |  129 ++
 .../todo-list/todo-list.template.js           |    8 +
 .../todo-topbar/todo-topbar.component.js      |  131 ++
 .../todo-topbar/todo-topbar.template.js       |   17 +
 .../dist/hooks/useDoubleClick.js              |   19 +
 .../dist/hooks/useKeyListener.js              |   23 +
 .../dist/hooks/useRouter.js                   |   43 +
 .../dist/index.html                           |   30 +
 .../dist/styles/app.constructable.js          |   15 +
 .../dist/styles/bottombar.constructable.js    |  158 +++
 .../dist/styles/footer.css                    |   26 +
 .../dist/styles/global.constructable.js       |   86 ++
 .../dist/styles/global.css                    |   88 ++
 .../dist/styles/header.css                    |   21 +
 .../dist/styles/main.constructable.js         |   11 +
 .../dist/styles/todo-item.constructable.js    |  147 +++
 .../dist/styles/todo-list.constructable.js    |   15 +
 .../dist/styles/topbar.constructable.js       |   90 ++
 .../dist/utils/nanoid.js                      |   41 +
 .../javascript-web-components-old/index.html  |   30 +
 .../package-lock.json                         |  756 ++++++++++++
 .../package.json                              |   22 +
 .../scripts/build.js                          |   94 ++
 .../components/todo-app/todo-app.component.js |  147 +++
 .../components/todo-app/todo-app.template.js  |   14 +
 .../todo-bottombar.component.js               |   80 ++
 .../todo-bottombar/todo-bottombar.template.js |   22 +
 .../todo-item/todo-item.component.js          |  190 +++
 .../todo-item/todo-item.template.js           |   19 +
 .../todo-list/todo-list.component.js          |  129 ++
 .../todo-list/todo-list.template.js           |    8 +
 .../todo-topbar/todo-topbar.component.js      |  131 ++
 .../todo-topbar/todo-topbar.template.js       |   17 +
 .../src/hooks/useDoubleClick.js               |   19 +
 .../src/hooks/useKeyListener.js               |   23 +
 .../src/hooks/useRouter.js                    |   43 +
 .../src/utils/nanoid.js                       |   41 +
 .../components/todo-app/todo-app.component.js |   41 +-
 .../todo-item/todo-item.component.js          |   10 +-
 .../todo-list/todo-list.component.js          |   67 +-
 .../components/todo-app/todo-app.component.js |   41 +-
 .../todo-item/todo-item.component.js          |   10 +-
 .../todo-list/todo-list.component.js          |   67 +-
 91 files changed, 7316 insertions(+), 215 deletions(-)
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/README.md
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/app.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/big-dom.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/default-variables.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useDoubleClick.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useKeyListener.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useRouter.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/index.html
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/logo.png
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/app.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/bottombar.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/footer.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/header.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/main.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-item.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-list.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/topbar.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-item-extra-css.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-list-extra-css.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/utils/nanoid.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package-lock.json
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package.json
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old-complex/scripts/build.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/.gitignore
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/README.md
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useDoubleClick.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useKeyListener.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useRouter.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/index.html
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/app.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/bottombar.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/footer.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/header.css
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/main.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-item.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-list.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/topbar.constructable.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/dist/utils/nanoid.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/index.html
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/package-lock.json
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/package.json
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/scripts/build.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.component.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.template.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useDoubleClick.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useKeyListener.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useRouter.js
 create mode 100644 resources/todomvc/vanilla-examples/javascript-web-components-old/src/utils/nanoid.js

diff --git a/.gitignore b/.gitignore
index f120e3084..3ab5f172b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,11 +32,11 @@
 /resources/todomvc/vanilla-examples/javascript-es6-webpack/node_modules/
 /resources/todomvc/vanilla-examples/javascript-es6-webpack-complex/node_modules/
 /resources/todomvc/vanilla-examples/javascript-web-components-complex/node_modules/
+/resources/todomvc/vanilla-examples/javascript-web-components-old/node_modules/
+/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/node_modules/
 
 /resources/charts/node_modules/
 /resources/todomvc/big-dom-generator/node_modules/
 
 /resources/todomvc/vanilla-examples/todomvc-wc-indexeddb/node_modules/
 /experimental/todomvc-localstorage/node_modules/
-
-resources/todomvc/vanilla-examples/todomvc-wc-indexeddb-firt/
\ No newline at end of file
diff --git a/resources/tests.mjs b/resources/tests.mjs
index d7cf6794a..f35e88eec 100644
--- a/resources/tests.mjs
+++ b/resources/tests.mjs
@@ -274,6 +274,39 @@ Suites.push({
     ],
 });
 
+Suites.push({
+    name: "TodoMVC-WebComponents-Old",
+    url: "resources/todomvc/vanilla-examples/javascript-web-components-old/dist/index.html",
+    tags: ["todomvc", "webcomponents"],
+    async prepare(page) {
+        await page.waitForElement("todo-app");
+    },
+    tests: [
+        new BenchmarkTestStep(`Adding${numberOfItemsToAdd}Items`, (page) => {
+            const input = page.querySelector(".new-todo-input", ["todo-app", "todo-topbar"]);
+            for (let i = 0; i < numberOfItemsToAdd; i++) {
+                input.setValue(getTodoText(defaultLanguage, i));
+                input.dispatchEvent("input");
+                input.enter("keyup");
+            }
+        }),
+        new BenchmarkTestStep("CompletingAllItems", (page) => {
+            const items = page.querySelectorAll("todo-item", ["todo-app", "todo-list"]);
+            for (let i = 0; i < numberOfItemsToAdd; i++) {
+                const item = items[i].querySelectorInShadowRoot(".toggle-todo-input");
+                item.click();
+            }
+        }),
+        new BenchmarkTestStep("DeletingAllItems", (page) => {
+            const items = page.querySelectorAll("todo-item", ["todo-app", "todo-list"]);
+            for (let i = numberOfItemsToAdd - 1; i >= 0; i--) {
+                const item = items[i].querySelectorInShadowRoot(".remove-todo-button");
+                item.click();
+            }
+        }),
+    ],
+});
+
 Suites.push({
     name: "TodoMVC-WebComponents-Complex-DOM",
     url: "resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/index.html",
@@ -308,6 +341,40 @@ Suites.push({
     ],
 });
 
+Suites.push({
+    name: "TodoMVC-WebComponents-Old-Complex-DOM",
+    url: "resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/index.html",
+    tags: ["todomvc", "webcomponents", "complex"],
+    disabled: true,
+    async prepare(page) {
+        await page.waitForElement("todo-app");
+    },
+    tests: [
+        new BenchmarkTestStep(`Adding${numberOfItemsToAdd}Items`, (page) => {
+            const input = page.querySelector(".new-todo-input", ["todo-app", "todo-topbar"]);
+            for (let i = 0; i < numberOfItemsToAdd; i++) {
+                input.setValue(getTodoText(defaultLanguage, i));
+                input.dispatchEvent("input");
+                input.enter("keyup");
+            }
+        }),
+        new BenchmarkTestStep("CompletingAllItems", (page) => {
+            const items = page.querySelectorAll("todo-item", ["todo-app", "todo-list"]);
+            for (let i = 0; i < numberOfItemsToAdd; i++) {
+                const item = items[i].querySelectorInShadowRoot(".toggle-todo-input");
+                item.click();
+            }
+        }),
+        new BenchmarkTestStep("DeletingAllItems", (page) => {
+            const items = page.querySelectorAll("todo-item", ["todo-app", "todo-list"]);
+            for (let i = numberOfItemsToAdd - 1; i >= 0; i--) {
+                const item = items[i].querySelectorInShadowRoot(".remove-todo-button");
+                item.click();
+            }
+        }),
+    ],
+});
+
 Suites.push({
     name: "TodoMVC-React",
     url: "resources/todomvc/architecture-examples/react/dist/index.html#/home",
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js
index 877d0c29d..54a666010 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js
@@ -6,7 +6,8 @@ import appStyles from "../../styles/app.constructable.js";
 import mainStyles from "../../styles/main.constructable.js";
 class TodoApp extends HTMLElement {
     #isReady = false;
-    #data = [];
+    #numberOfItems = 0;
+    #numberOfCompletedItems = 0;
     constructor() {
         super();
 
@@ -42,37 +43,28 @@ class TodoApp extends HTMLElement {
 
     addItem(event) {
         const { detail: item } = event;
-
-        this.#data.push(item);
-        this.list.addItem(item);
-
+        this.list.addItem(item, this.#numberOfItems++);
         this.update("add-item", item.id);
     }
 
     toggleItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.completed = event.detail.completed;
-        });
-
+        if (event.detail.completed === "true") {
+            this.#numberOfCompletedItems++;
+        } else {
+            this.#numberOfCompletedItems--;
+        }
         this.update("toggle-item", event.detail.id);
     }
 
     removeItem(event) {
-        this.#data.forEach((entry, index) => {
-            if (entry.id === event.detail.id)
-                this.#data.splice(index, 1);
-        });
-
+        if (event.datail.completed === "true") {
+            this.#numberOfCompletedItems--;
+        }
+        this.#numberOfItems--;
         this.update("remove-item", event.detail.id);
     }
 
     updateItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.title = event.detail.title;
-        });
-
         this.update("update-item", event.detail.id);
     }
 
@@ -84,13 +76,12 @@ class TodoApp extends HTMLElement {
         this.list.removeCompletedItems();
     }
 
-    update(type = "", id = "") {
-        const totalItems = this.#data.length;
-        const activeItems = this.#data.filter((entry) => !entry.completed).length;
-        const completedItems = totalItems - activeItems;
+    update() {
+        const totalItems = this.#numberOfItems;
+        const completedItems = this.#numberOfCompletedItems;
+        const activeItems = totalItems - completedItems;
 
         this.list.setAttribute("total-items", totalItems);
-        this.list.updateElements(type, id);
 
         this.topbar.setAttribute("total-items", totalItems);
         this.topbar.setAttribute("active-items", activeItems);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js
index a082628a8..2b73ef7e2 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js
@@ -92,7 +92,7 @@ class TodoItem extends HTMLElement {
 
         this.dispatchEvent(
             new CustomEvent("toggle-item", {
-                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                detail: { completed: this.toggleInput.checked },
                 bubbles: true,
             })
         );
@@ -103,7 +103,7 @@ class TodoItem extends HTMLElement {
         // (therefore the removal has to happen after the list is updated)
         this.dispatchEvent(
             new CustomEvent("remove-item", {
-                detail: { id: this.itemid },
+                detail: { completed: this.togglegetAtInput.checked},
                 bubbles: true,
             })
         );
@@ -116,12 +116,6 @@ class TodoItem extends HTMLElement {
                 this.removeItem();
             } else {
                 this.setAttribute("itemtitle", event.target.value);
-                this.dispatchEvent(
-                    new CustomEvent("update-item", {
-                        detail: { id: this.itemid, title: event.target.value },
-                        bubbles: true,
-                    })
-                );
             }
         }
 
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js
index 8e90e291f..bc6d1339d 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js
@@ -4,12 +4,29 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../styles/global.constructable.js";
 import listStyles from "../../styles/todo-list.constructable.js";
 
+
+const customListStyles = new CSSStyleSheet();
+customListStyles.replaceSync(`
+    .todo-list > todo-item {
+        display: block;
+    }
+
+    .todo-list[route="completed"] > [itemcompleted="false"] {
+        display: none;
+    }
+
+    .todo-list[route="active"] > [itemcompleted="true"] {
+        display: none;
+    }
+`);
+
+console.log(customListStyles);
+
 class TodoList extends HTMLElement {
     static get observedAttributes() {
         return ["total-items"];
     }
 
-    #elements = [];
     #route = undefined;
 
     constructor() {
@@ -21,7 +38,7 @@ class TodoList extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles, customListStyles];
         this.shadow.append(node);
         this.classList.add("show-priority");
 
@@ -32,18 +49,16 @@ class TodoList extends HTMLElement {
         }
     }
 
-    addItem(entry) {
+    addItem(entry, itemIndex) {
         const { id, title, completed } = entry;
         const element = new TodoItem();
 
         element.setAttribute("itemid", id);
         element.setAttribute("itemtitle", title);
         element.setAttribute("itemcompleted", completed);
+        element.setAttribute("data-priority", 4 - (itemIndex % 5));
 
-        const elementIndex = this.#elements.length;
-        this.#elements.push(element);
         this.listNode.append(element);
-        element.setAttribute("data-priority", 4 - (elementIndex % 5));
     }
 
     addItems(items) {
@@ -51,16 +66,14 @@ class TodoList extends HTMLElement {
     }
 
     removeCompletedItems() {
-        this.#elements = this.#elements.filter((element) => {
+        Array.from(this.listNode.children).forEach((element) => {
             if (element.itemcompleted === "true")
                 element.removeItem();
-
-            return element.itemcompleted === "false";
         });
     }
 
     toggleItems(completed) {
-        this.#elements.forEach((element) => {
+        Array.from(this.listNode.children).forEach((element) => {
             if (completed && element.itemcompleted === "false")
                 element.toggleInput.click();
             else if (!completed && element.itemcompleted === "true")
@@ -75,42 +88,20 @@ class TodoList extends HTMLElement {
             this.listNode.style.display = "none";
     }
 
-    updateView(element) {
-        switch (this.#route) {
+    updateRoute(route) {
+        this.#route = route;
+        switch (route) {
             case "completed":
-                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                this.listNode.setAttribute("route", "completed");
                 break;
             case "active":
-                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                this.listNode.setAttribute("rout", "active");
                 break;
             default:
-                element.style.display = "block";
+                this.listNode.setAttribute("route", "all");
         }
     }
 
-    updateElements(type = "", id = "") {
-        switch (type) {
-            case "route-change":
-                this.#elements.forEach((element) => this.updateView(element));
-                break;
-            case "toggle-item":
-            case "add-item":
-                this.#elements.forEach((element) => {
-                    if (element.itemid === id)
-                        this.updateView(element);
-                });
-                break;
-            case "remove-item":
-                this.#elements = this.#elements.filter((element) => element.itemid !== id);
-                break;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateElements("route-change");
-    }
-
     attributeChangedCallback(property, oldValue, newValue) {
         if (oldValue === newValue)
             return;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/README.md b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/README.md
new file mode 100644
index 000000000..45a66a3d6
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/README.md
@@ -0,0 +1,29 @@
+# Speedometer 3.0: TodoMVC: Web Components with Complex DOM
+
+## Description
+
+This application embeds the Web Components implementation of the TodoMVC application in a static UI shell that mimics a complex web page.
+
+Please refer to the [JavaScript Web Components README.md](../javascript-web-components/README.md) for more information on the Web Components TodoMVC implementation.
+
+Please refer to the [big-dom-generator README.md](../../big-dom-generator/README.md) for more information on the UI shell.
+
+## Build steps
+
+Big-dom-generator and standalone JavaScript Web Components TodoMVC need to be built before building the JavaScript Web Components Complex DOM TodoMVC.
+
+```
+terminal
+1. pushd ../../big-dom-generator && npm install && npm run build && popd
+2. pushd ../javascript-web-components-old && npm install && npm run build && popd
+3. npm run build
+```
+
+## Local preview
+
+```
+terminal:
+1. npm run serve
+browser:
+1. http://localhost:7006
+```
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/app.css b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/app.css
new file mode 100644
index 000000000..d4b32bed6
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/app.css
@@ -0,0 +1,11 @@
+.todo-area {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    color: #111111;
+    min-width: 230px;
+    max-width: 550px;
+    margin: 0 10%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/big-dom.css b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/big-dom.css
new file mode 100644
index 000000000..ad51276ff
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/big-dom.css
@@ -0,0 +1,933 @@
+.spectrum{--spectrum-global-animation-duration-100:130ms;--spectrum-global-animation-duration-200:160ms;--spectrum-global-animation-duration-500:250ms;--spectrum-global-color-static-white-rgb:255,255,255;--spectrum-global-color-static-white:rgb(var(--spectrum-global-color-static-white-rgb));--spectrum-global-color-static-gray-300-rgb:217,217,217;--spectrum-global-color-static-gray-700-rgb:71,71,71;--spectrum-global-color-static-gray-800-rgb:34,34,34;--spectrum-global-color-static-gray-900-rgb:0,0,0;--spectrum-global-color-static-red-500-rgb:217,28,21;--spectrum-global-color-static-red-600-rgb:187,2,2;--spectrum-global-color-static-red-700-rgb:154,0,0;--spectrum-global-color-static-red-800-rgb:124,0,0;--spectrum-global-color-static-orange-400-rgb:250,139,26;--spectrum-global-color-static-orange-500-rgb:233,117,0;--spectrum-global-color-static-orange-600-rgb:209,97,0;--spectrum-global-color-static-orange-700-rgb:182,80,0;--spectrum-global-color-static-orange-800-rgb:155,64,0;--spectrum-global-color-static-yellow-200-rgb:250,237,123;--spectrum-global-color-static-yellow-300-rgb:250,224,23;--spectrum-global-color-static-yellow-300:rgb(var(--spectrum-global-color-static-yellow-300-rgb));--spectrum-global-color-static-yellow-400-rgb:238,205,0;--spectrum-global-color-static-yellow-500-rgb:221,185,0;--spectrum-global-color-static-chartreuse-300-rgb:176,222,27;--spectrum-global-color-static-celery-200-rgb:126,229,114;--spectrum-global-color-static-green-600-rgb:0,126,80;--spectrum-global-color-static-green-700-rgb:0,105,65;--spectrum-global-color-static-green-800-rgb:0,86,53;--spectrum-global-color-static-seafoam-200-rgb:75,206,199;--spectrum-global-color-static-blue-200-rgb:130,193,251;--spectrum-global-color-static-blue-500-rgb:27,127,245;--spectrum-global-color-static-blue-500:rgb(var(--spectrum-global-color-static-blue-500-rgb));--spectrum-global-color-static-blue-600-rgb:4,105,227;--spectrum-global-color-static-blue-600:rgb(var(--spectrum-global-color-static-blue-600-rgb));--spectrum-global-color-static-blue-700-rgb:0,87,190;--spectrum-global-color-static-blue-700:rgb(var(--spectrum-global-color-static-blue-700-rgb));--spectrum-global-color-static-blue-800-rgb:0,72,153;--spectrum-global-color-static-blue-800:rgb(var(--spectrum-global-color-static-blue-800-rgb));--spectrum-global-color-static-indigo-200-rgb:178,181,255;--spectrum-global-color-static-indigo-700-rgb:68,74,208;--spectrum-global-color-static-purple-800-rgb:98,23,190;--spectrum-global-color-static-fuchsia-500-rgb:211,63,212;--spectrum-global-color-static-fuchsia-600-rgb:188,39,187;--spectrum-global-color-static-magenta-200-rgb:253,127,175;--spectrum-global-color-static-magenta-500-rgb:205,40,111;--spectrum-global-color-static-transparent-white-200:hsla(0,0%,100%,.1);--spectrum-global-color-static-transparent-white-300:hsla(0,0%,100%,.25);--spectrum-global-color-static-transparent-white-400:hsla(0,0%,100%,.4);--spectrum-global-color-static-transparent-white-500:hsla(0,0%,100%,.55);--spectrum-semantic-negative-color-default:var(--spectrum-global-color-red-500);--spectrum-semantic-negative-color-hover:var(--spectrum-global-color-red-600);--spectrum-semantic-negative-icon-color:var(--spectrum-global-color-red-600);--spectrum-semantic-negative-text-color-small:var(--spectrum-global-color-red-600);--spectrum-semantic-negative-text-color-small-hover:var(--spectrum-global-color-red-700);--spectrum-semantic-negative-text-color-small-down:var(--spectrum-global-color-red-700);--spectrum-semantic-negative-color-down:var(--spectrum-global-color-red-700);--spectrum-semantic-cta-background-color-default:var(--spectrum-global-color-static-blue-600);--spectrum-global-dimension-static-size-0:0px;--spectrum-global-dimension-static-size-10:1px;--spectrum-global-dimension-static-size-25:2px;--spectrum-global-dimension-static-size-40:3px;--spectrum-global-dimension-static-size-50:4px;--spectrum-global-dimension-static-size-65:5px;--spectrum-global-dimension-static-size-85:7px;--spectrum-global-dimension-static-size-100:8px;--spectrum-global-dimension-static-size-125:10px;--spectrum-global-dimension-static-size-150:12px;--spectrum-global-dimension-static-size-175:14px;--spectrum-global-dimension-static-size-200:16px;--spectrum-global-dimension-static-size-225:18px;--spectrum-global-dimension-static-size-250:20px;--spectrum-global-dimension-static-size-300:24px;--spectrum-global-dimension-static-size-400:32px;--spectrum-global-dimension-static-size-500:40px;--spectrum-global-dimension-static-size-1000:80px;--spectrum-global-dimension-static-size-3600:288px;--spectrum-global-dimension-static-font-size-100:14px;--spectrum-global-font-family-base:adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-global-font-weight-regular:400;--spectrum-global-font-weight-bold:700;--spectrum-global-font-style-regular:normal;--spectrum-global-font-letter-spacing-none:0;--spectrum-global-font-letter-spacing-medium:0.06em;--spectrum-global-font-line-height-medium:1.5;--spectrum-global-font-line-height-small:1.3;--spectrum-alias-border-size-thin:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-border-size-thick:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-size:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-heading-text-line-height:var(--spectrum-global-font-line-height-small);--spectrum-alias-heading-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-body-text-font-family:var(--spectrum-global-font-family-base);--spectrum-alias-body-text-line-height:var(--spectrum-global-font-line-height-medium);--spectrum-alias-body-text-font-weight:var(--spectrum-global-font-weight-regular);--spectrum-alias-detail-text-font-weight-regular:var(--spectrum-global-font-weight-bold);--spectrum-alias-component-text-line-height:var(--spectrum-global-font-line-height-small)}.spectrum--medium{--spectrum-alias-heading-s-text-size:var(--spectrum-global-dimension-font-size-300);--spectrum-alias-component-border-radius:var(--spectrum-global-dimension-size-50);--spectrum-alias-component-focusring-size:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-input-border-size:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-input-focusring-gap:var(--spectrum-global-dimension-static-size-0);--spectrum-alias-input-quiet-focusline-gap:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-infieldbutton-icon-margin-y-s:var(--spectrum-global-dimension-size-50);--spectrum-alias-infieldbutton-icon-margin-y-m:var(--spectrum-global-dimension-size-85);--spectrum-alias-infieldbutton-icon-margin-y-l:var(--spectrum-global-dimension-size-125);--spectrum-alias-infieldbutton-icon-margin-y-xl:var(--spectrum-global-dimension-size-160);--spectrum-alias-infieldbutton-border-radius:var(--spectrum-global-dimension-size-50);--spectrum-alias-infieldbutton-border-radius-sided:0;--spectrum-alias-infieldbutton-border-size:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-infieldbutton-padding-s:0;--spectrum-alias-infieldbutton-padding-m:0;--spectrum-alias-infieldbutton-padding-l:0;--spectrum-alias-infieldbutton-padding-xl:0;--spectrum-alias-infieldbutton-full-height-s:var(--spectrum-global-dimension-size-300);--spectrum-alias-infieldbutton-full-height-m:var(--spectrum-global-dimension-size-400);--spectrum-alias-infieldbutton-full-height-l:var(--spectrum-global-dimension-size-500);--spectrum-alias-infieldbutton-full-height-xl:var(--spectrum-global-dimension-size-600);--spectrum-alias-pickerbutton-icononly-padding-x-s:var(--spectrum-global-dimension-size-85);--spectrum-alias-pickerbutton-icononly-padding-x-m:var(--spectrum-global-dimension-size-125);--spectrum-alias-pickerbutton-icononly-padding-x-l:var(--spectrum-global-dimension-size-160);--spectrum-alias-pickerbutton-icononly-padding-x-xl:var(--spectrum-global-dimension-size-200);--spectrum-alias-pickerbutton-icon-margin-y-s:var(--spectrum-global-dimension-size-85);--spectrum-alias-pickerbutton-icon-margin-y-m:var(--spectrum-global-dimension-size-125);--spectrum-alias-pickerbutton-icon-margin-y-l:var(--spectrum-global-dimension-size-160);--spectrum-alias-pickerbutton-icon-margin-y-xl:var(--spectrum-global-dimension-size-200);--spectrum-alias-pickerbutton-label-padding-y-s:var(--spectrum-global-dimension-size-50);--spectrum-alias-pickerbutton-label-padding-y-m:var(--spectrum-global-dimension-size-75);--spectrum-alias-pickerbutton-label-padding-y-l:var(--spectrum-global-dimension-size-115);--spectrum-alias-pickerbutton-label-padding-y-xl:var(--spectrum-global-dimension-size-150);--spectrum-alias-pickerbutton-border-radius-rounded:var(--spectrum-global-dimension-size-50);--spectrum-alias-pickerbutton-border-radius-rounded-sided:0;--spectrum-alias-search-border-radius:var(--spectrum-global-dimension-size-50);--spectrum-alias-search-border-radius-quiet:0;--spectrum-alias-combobox-quiet-button-offset-x:var(--spectrum-global-dimension-size-100);--spectrum-alias-border-size-thin:var(--spectrum-global-dimension-static-size-10);--spectrum-alias-border-size-thick:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-focus-ring-size:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-font-size-default:var(--spectrum-global-dimension-font-size-100);--spectrum-alias-border-radius-regular:var(--spectrum-global-dimension-size-50);--spectrum-alias-single-line-width:var(--spectrum-global-dimension-size-2400);--spectrum-alias-workflow-icon-size-s:var(--spectrum-global-dimension-size-200);--spectrum-alias-workflow-icon-size-m:var(--spectrum-global-dimension-size-225);--spectrum-alias-workflow-icon-size-xl:var(--spectrum-global-dimension-size-275);--spectrum-alias-ui-icon-triplegripper-size-100-height:var(--spectrum-global-dimension-size-100);--spectrum-alias-ui-icon-doublegripper-size-100-width:var(--spectrum-global-dimension-size-200);--spectrum-alias-ui-icon-singlegripper-size-100-width:var(--spectrum-global-dimension-size-300);--spectrum-alias-ui-icon-cornertriangle-size-75:var(--spectrum-global-dimension-size-65);--spectrum-alias-ui-icon-cornertriangle-size-200:var(--spectrum-global-dimension-size-75);--spectrum-alias-ui-icon-asterisk-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-asterisk-size-100:var(--spectrum-global-dimension-size-100)}.spectrum--light{--spectrum-alias-component-text-color-disabled:var(--spectrum-global-color-gray-500);--spectrum-alias-component-text-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-component-text-color-hover:var(--spectrum-global-color-gray-900);--spectrum-alias-component-text-color-down:var(--spectrum-global-color-gray-900);--spectrum-alias-component-text-color-key-focus:var(--spectrum-alias-component-text-color-hover);--spectrum-alias-component-text-color-mouse-focus:var(--spectrum-alias-component-text-color-hover);--spectrum-alias-component-text-color:var(--spectrum-alias-component-text-color-default);--spectrum-alias-component-text-color-error-default:var(--spectrum-semantic-negative-text-color-small);--spectrum-alias-component-text-color-error-hover:var(--spectrum-semantic-negative-text-color-small-hover);--spectrum-alias-component-text-color-error-down:var(--spectrum-semantic-negative-text-color-small-down);--spectrum-alias-component-icon-color-disabled:var(--spectrum-alias-icon-color-disabled);--spectrum-alias-component-icon-color-default:var(--spectrum-alias-icon-color);--spectrum-alias-component-icon-color-hover:var(--spectrum-alias-icon-color-hover);--spectrum-alias-component-icon-color-down:var(--spectrum-alias-icon-color-down);--spectrum-alias-component-icon-color-key-focus:var(--spectrum-alias-icon-color-hover);--spectrum-alias-component-icon-color:var(--spectrum-alias-component-icon-color-default);--spectrum-alias-component-background-color-disabled:var(--spectrum-global-color-gray-200);--spectrum-alias-component-background-color-default:var(--spectrum-global-color-gray-75);--spectrum-alias-component-background-color-hover:var(--spectrum-global-color-gray-50);--spectrum-alias-component-background-color-down:var(--spectrum-global-color-gray-200);--spectrum-alias-button-primary-text-color-default:var(--spectrum-global-color-gray-800);--spectrum-alias-button-secondary-text-color-default:var(--spectrum-global-color-gray-700);--spectrum-alias-button-negative-text-color-default:var(--spectrum-semantic-negative-text-color-small);--spectrum-alias-input-border-color-quiet-disabled:var(--spectrum-alias-border-color-mid);--spectrum-alias-input-border-color-default:var(--spectrum-alias-border-color);--spectrum-alias-input-border-color-hover:var(--spectrum-alias-border-color-hover);--spectrum-alias-input-border-color-down:var(--spectrum-alias-border-color-mouse-focus);--spectrum-alias-input-border-color-mouse-focus:var(--spectrum-alias-border-color-mouse-focus);--spectrum-alias-input-border-color-key-focus:var(--spectrum-alias-border-color-key-focus);--spectrum-alias-input-border-color-invalid-default:var(--spectrum-semantic-negative-color-default);--spectrum-alias-input-border-color-invalid-hover:var(--spectrum-semantic-negative-color-hover);--spectrum-alias-input-border-color-invalid-down:var(--spectrum-semantic-negative-color-down);--spectrum-alias-input-border-color-invalid-mouse-focus:var(--spectrum-semantic-negative-color-hover);--spectrum-alias-input-border-color-invalid-key-focus:var(--spectrum-alias-border-color-key-focus);--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled:transparent;--spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled:var(--spectrum-alias-component-background-color-disabled);--spectrum-alias-infieldbutton-fill-border-color-default:var(--spectrum-alias-input-border-color-default);--spectrum-alias-infieldbutton-fill-border-color-hover:var(--spectrum-alias-input-border-color-hover);--spectrum-alias-infieldbutton-fill-border-color-down:var(--spectrum-alias-input-border-color-down);--spectrum-alias-infieldbutton-fill-border-color-mouse-focus:var(--spectrum-alias-input-border-color-mouse-focus);--spectrum-alias-infieldbutton-fill-border-color-key-focus:var(--spectrum-alias-input-border-color-key-focus);--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default:transparent;--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover:transparent;--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down:transparent;--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus:transparent;--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled:transparent;--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default:var(--spectrum-alias-component-background-color-default);--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover:var(--spectrum-alias-component-background-color-hover);--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down:var(--spectrum-alias-component-background-color-down);--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled:var(--spectrum-alias-component-background-color-disabled);--spectrum-alias-background-color-default:var(--spectrum-global-color-gray-100);--spectrum-alias-background-color-transparent:transparent;--spectrum-alias-background-color-quickactions-overlay:rgba(0,0,0,.2);--spectrum-alias-label-text-color:var(--spectrum-global-color-gray-700);--spectrum-alias-text-color:var(--spectrum-global-color-gray-800);--spectrum-alias-text-color-hover:var(--spectrum-global-color-gray-900);--spectrum-alias-text-color-down:var(--spectrum-global-color-gray-900);--spectrum-alias-text-color-key-focus:var(--spectrum-global-color-blue-600);--spectrum-alias-text-color-disabled:var(--spectrum-global-color-gray-500);--spectrum-alias-text-color-selected-neutral:var(--spectrum-global-color-gray-900);--spectrum-alias-heading-text-color:var(--spectrum-global-color-gray-900);--spectrum-alias-link-primary-text-color-default:var(--spectrum-global-color-blue-600);--spectrum-alias-border-color:var(--spectrum-global-color-gray-400);--spectrum-alias-border-color-hover:var(--spectrum-global-color-gray-500);--spectrum-alias-border-color-key-focus:var(--spectrum-global-color-blue-400);--spectrum-alias-border-color-mouse-focus:var(--spectrum-global-color-blue-500);--spectrum-alias-border-color-mid:var(--spectrum-global-color-gray-300);--spectrum-alias-border-color-darker-default:var(--spectrum-global-color-gray-600);--spectrum-alias-border-color-transparent:transparent;--spectrum-alias-focus-color:var(--spectrum-global-color-blue-400);--spectrum-alias-focus-ring-color:var(--spectrum-alias-focus-color);--spectrum-alias-icon-color:var(--spectrum-global-color-gray-700);--spectrum-alias-icon-color-overbackground:var(--spectrum-global-color-static-white);--spectrum-alias-icon-color-hover:var(--spectrum-global-color-gray-900);--spectrum-alias-icon-color-down:var(--spectrum-global-color-gray-900);--spectrum-alias-icon-color-key-focus:var(--spectrum-global-color-gray-900);--spectrum-alias-icon-color-disabled:var(--spectrum-global-color-gray-400);--spectrum-alias-icon-color-overbackground-disabled:hsla(0,0%,100%,.2);--spectrum-alias-icon-color-selected-neutral:var(--spectrum-global-color-gray-900);--spectrum-alias-icon-color-selected:var(--spectrum-global-color-blue-500)}.spectrum--medium{--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-185:15px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-450:36px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1600:128px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-2400:192px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-alias-search-padding-left-m:var(--spectrum-global-dimension-size-125);--spectrum-alias-workflow-icon-size-l:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-chevron-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-chevron-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-chevron-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-chevron-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-chevron-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-chevron-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-50:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-checkmark-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-checkmark-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-checkmark-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-checkmark-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-dash-size-50:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-dash-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-dash-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-dash-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-dash-size-400:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-dash-size-500:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-dash-size-600:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-cross-size-75:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-cross-size-100:var(--spectrum-global-dimension-static-size-100);--spectrum-alias-ui-icon-cross-size-200:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-cross-size-300:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-400:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-cross-size-500:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-cross-size-600:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-75:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-arrow-size-100:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-arrow-size-200:var(--spectrum-global-dimension-static-size-150);--spectrum-alias-ui-icon-arrow-size-300:var(--spectrum-global-dimension-static-size-175);--spectrum-alias-ui-icon-arrow-size-400:var(--spectrum-global-dimension-static-size-200);--spectrum-alias-ui-icon-arrow-size-500:var(--spectrum-global-dimension-static-size-225);--spectrum-alias-ui-icon-arrow-size-600:var(--spectrum-global-dimension-static-size-250);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(--spectrum-global-dimension-static-size-50);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(--spectrum-global-dimension-static-size-25);--spectrum-alias-ui-icon-cornertriangle-size-100:var(--spectrum-global-dimension-static-size-65);--spectrum-alias-ui-icon-cornertriangle-size-300:var(--spectrum-global-dimension-static-size-85);--spectrum-alias-ui-icon-asterisk-size-200:var(--spectrum-global-dimension-static-size-125);--spectrum-alias-ui-icon-asterisk-size-300:var(--spectrum-global-dimension-static-size-125);--spectrum-dialog-confirm-title-text-size:var(--spectrum-alias-heading-s-text-size);--spectrum-dialog-confirm-description-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-dialog-confirm-padding:var(--spectrum-global-dimension-static-size-500);--spectrum-listitem-m-texticon-padding-left:var(--spectrum-global-dimension-size-125);--spectrum-listitem-m-textthumbnail-padding-left:var(--spectrum-global-dimension-size-125)}.spectrum--light{--spectrum-global-color-magenta-600-rgb:173,9,85;--spectrum-global-color-fuchsia-600-rgb:157,3,158;--spectrum-global-color-purple-600-rgb:115,38,211;--spectrum-global-color-indigo-600-rgb:64,70,202;--spectrum-global-color-seafoam-600-rgb:0,119,114;--spectrum-global-color-red-400-rgb:234,56,41;--spectrum-global-color-red-500-rgb:211,21,16;--spectrum-global-color-red-500:rgb(var(--spectrum-global-color-red-500-rgb));--spectrum-global-color-red-600-rgb:180,0,0;--spectrum-global-color-red-600:rgb(var(--spectrum-global-color-red-600-rgb));--spectrum-global-color-red-700-rgb:147,0,0;--spectrum-global-color-red-700:rgb(var(--spectrum-global-color-red-700-rgb));--spectrum-global-color-orange-400-rgb:246,133,17;--spectrum-global-color-orange-500-rgb:228,111,0;--spectrum-global-color-orange-600-rgb:203,93,0;--spectrum-global-color-orange-700-rgb:177,76,0;--spectrum-global-color-green-400-rgb:0,143,93;--spectrum-global-color-green-500-rgb:0,122,77;--spectrum-global-color-green-600-rgb:0,101,62;--spectrum-global-color-green-700-rgb:0,81,50;--spectrum-global-color-blue-400-rgb:20,122,243;--spectrum-global-color-blue-400:rgb(var(--spectrum-global-color-blue-400-rgb));--spectrum-global-color-blue-500-rgb:2,101,220;--spectrum-global-color-blue-500:rgb(var(--spectrum-global-color-blue-500-rgb));--spectrum-global-color-blue-600-rgb:0,84,182;--spectrum-global-color-blue-600:rgb(var(--spectrum-global-color-blue-600-rgb));--spectrum-global-color-blue-700-rgb:0,68,145;--spectrum-global-color-blue-700:rgb(var(--spectrum-global-color-blue-700-rgb));--spectrum-global-color-gray-50-rgb:255,255,255;--spectrum-global-color-gray-50:rgb(var(--spectrum-global-color-gray-50-rgb));--spectrum-global-color-gray-75-rgb:253,253,253;--spectrum-global-color-gray-75:rgb(var(--spectrum-global-color-gray-75-rgb));--spectrum-global-color-gray-100-rgb:248,248,248;--spectrum-global-color-gray-100:rgb(var(--spectrum-global-color-gray-100-rgb));--spectrum-global-color-gray-200-rgb:230,230,230;--spectrum-global-color-gray-200:rgb(var(--spectrum-global-color-gray-200-rgb));--spectrum-global-color-gray-300-rgb:213,213,213;--spectrum-global-color-gray-300:rgb(var(--spectrum-global-color-gray-300-rgb));--spectrum-global-color-gray-400-rgb:177,177,177;--spectrum-global-color-gray-400:rgb(var(--spectrum-global-color-gray-400-rgb));--spectrum-global-color-gray-500-rgb:144,144,144;--spectrum-global-color-gray-500:rgb(var(--spectrum-global-color-gray-500-rgb));--spectrum-global-color-gray-600-rgb:109,109,109;--spectrum-global-color-gray-600:rgb(var(--spectrum-global-color-gray-600-rgb));--spectrum-global-color-gray-700-rgb:70,70,70;--spectrum-global-color-gray-700:rgb(var(--spectrum-global-color-gray-700-rgb));--spectrum-global-color-gray-800-rgb:34,34,34;--spectrum-global-color-gray-800:rgb(var(--spectrum-global-color-gray-800-rgb));--spectrum-global-color-gray-900-rgb:0,0,0;--spectrum-global-color-gray-900:rgb(var(--spectrum-global-color-gray-900-rgb));--spectrum-alias-background-color-hover-overlay:rgba(0,0,0,.04);--spectrum-alias-highlight-hover:rgba(0,0,0,.06);--spectrum-alias-highlight-down:rgba(0,0,0,.1);--spectrum-alias-highlight-selected:rgba(2,101,220,.1);--spectrum-alias-highlight-selected-hover:rgba(2,101,220,.2);--spectrum-alias-background-color-quickactions:hsla(0,0%,97%,.9)}
+/*!
+ * Copyright 2023 Adobe. All rights reserved.
+ *
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at <http://www.apache.org/licenses/LICENSE-2.0>
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */.spectrum{--spectrum-focus-indicator-color:var(--spectrum-blue-800);--spectrum-static-white-focus-indicator-color:var(--spectrum-white);--spectrum-static-black-focus-indicator-color:var(--spectrum-black);--spectrum-opacity-disabled:0.3;--spectrum-disabled-background-color:var(--spectrum-gray-200);--spectrum-disabled-static-white-background-color:var(
+    --spectrum-transparent-white-200
+  );--spectrum-disabled-static-black-background-color:var(
+    --spectrum-transparent-black-200
+  );--spectrum-neutral-content-color-default:var(--spectrum-gray-800);--spectrum-neutral-content-color-hover:var(--spectrum-gray-900);--spectrum-neutral-content-color-down:var(--spectrum-gray-900);--spectrum-neutral-content-color-focus-hover:var(
+    --spectrum-neutral-content-color-down
+  );--spectrum-neutral-content-color-focus:var(
+    --spectrum-neutral-content-color-down
+  );--spectrum-neutral-content-color-key-focus:var(--spectrum-gray-900);--spectrum-neutral-subdued-content-color-default:var(--spectrum-gray-700);--spectrum-neutral-subdued-content-color-hover:var(--spectrum-gray-800);--spectrum-neutral-subdued-content-color-down:var(--spectrum-gray-900);--spectrum-neutral-subdued-content-color-key-focus:var(--spectrum-gray-800);--spectrum-accent-content-color-default:var(--spectrum-accent-color-900);--spectrum-accent-content-color-hover:var(--spectrum-accent-color-1000);--spectrum-accent-content-color-down:var(--spectrum-accent-color-1100);--spectrum-accent-content-color-key-focus:var(--spectrum-accent-color-1000);--spectrum-negative-content-color-default:var(--spectrum-negative-color-900);--spectrum-negative-content-color-hover:var(--spectrum-negative-color-1000);--spectrum-negative-content-color-down:var(--spectrum-negative-color-1100);--spectrum-negative-content-color-key-focus:var(
+    --spectrum-negative-color-1000
+  );--spectrum-disabled-content-color:var(--spectrum-gray-400);--spectrum-disabled-static-white-content-color:var(
+    --spectrum-transparent-white-500
+  );--spectrum-disabled-static-black-content-color:var(
+    --spectrum-transparent-black-500
+  );--spectrum-disabled-border-color:var(--spectrum-gray-300);--spectrum-disabled-static-white-border-color:var(
+    --spectrum-transparent-white-300
+  );--spectrum-disabled-static-black-border-color:var(
+    --spectrum-transparent-black-300
+  );--spectrum-negative-border-color-default:var(--spectrum-negative-color-900);--spectrum-negative-border-color-hover:var(--spectrum-negative-color-1000);--spectrum-negative-border-color-down:var(--spectrum-negative-color-1100);--spectrum-negative-border-color-focus-hover:var(
+    --spectrum-negative-border-color-down
+  );--spectrum-negative-border-color-focus:var(--spectrum-negative-color-1000);--spectrum-negative-border-color-key-focus:var(
+    --spectrum-negative-color-1000
+  );--spectrum-avatar-opacity-disabled:var(--spectrum-opacity-disabled);--spectrum-white-rgb:255,255,255;--spectrum-white:rgba(var(--spectrum-white-rgb));--spectrum-transparent-white-200-rgb:255,255,255;--spectrum-transparent-white-200-opacity:0.1;--spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb),var(--spectrum-transparent-white-200-opacity));--spectrum-transparent-white-300-rgb:255,255,255;--spectrum-transparent-white-300-opacity:0.25;--spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb),var(--spectrum-transparent-white-300-opacity));--spectrum-transparent-white-400-rgb:255,255,255;--spectrum-transparent-white-400-opacity:0.4;--spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb),var(--spectrum-transparent-white-400-opacity));--spectrum-transparent-white-500-rgb:255,255,255;--spectrum-transparent-white-500-opacity:0.55;--spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb),var(--spectrum-transparent-white-500-opacity));--spectrum-transparent-white-600-rgb:255,255,255;--spectrum-transparent-white-600-opacity:0.7;--spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb),var(--spectrum-transparent-white-600-opacity));--spectrum-transparent-white-800-rgb:255,255,255;--spectrum-transparent-white-800-opacity:0.9;--spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb),var(--spectrum-transparent-white-800-opacity));--spectrum-transparent-white-900-rgb:255,255,255;--spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb));--spectrum-black-rgb:0,0,0;--spectrum-black:rgba(var(--spectrum-black-rgb));--spectrum-transparent-black-200-rgb:0,0,0;--spectrum-transparent-black-200-opacity:0.1;--spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb),var(--spectrum-transparent-black-200-opacity));--spectrum-transparent-black-300-rgb:0,0,0;--spectrum-transparent-black-300-opacity:0.25;--spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb),var(--spectrum-transparent-black-300-opacity));--spectrum-transparent-black-400-rgb:0,0,0;--spectrum-transparent-black-400-opacity:0.4;--spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb),var(--spectrum-transparent-black-400-opacity));--spectrum-transparent-black-500-rgb:0,0,0;--spectrum-transparent-black-500-opacity:0.55;--spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb),var(--spectrum-transparent-black-500-opacity));--spectrum-transparent-black-600-rgb:0,0,0;--spectrum-transparent-black-600-opacity:0.7;--spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb),var(--spectrum-transparent-black-600-opacity));--spectrum-transparent-black-800-rgb:0,0,0;--spectrum-transparent-black-800-opacity:0.9;--spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb),var(--spectrum-transparent-black-800-opacity));--spectrum-transparent-black-900-rgb:0,0,0;--spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb));--spectrum-radio-button-selection-indicator:4px;--spectrum-button-minimum-width-multiplier:2.25;--spectrum-divider-thickness-small:1px;--spectrum-divider-thickness-medium:2px;--spectrum-divider-thickness-large:4px;--spectrum-progress-bar-minimum-width:48px;--spectrum-progress-bar-maximum-width:768px;--spectrum-popover-tip-width:16px;--spectrum-popover-tip-height:8px;--spectrum-picker-minimum-width-multiplier:2;--spectrum-picker-end-edge-to-disclousure-icon-quiet:var(
+    --spectrum-picker-end-edge-to-disclosure-icon-quiet
+  );--spectrum-spacing-50:2px;--spectrum-spacing-75:4px;--spectrum-spacing-100:8px;--spectrum-spacing-200:12px;--spectrum-spacing-300:16px;--spectrum-spacing-400:24px;--spectrum-focus-indicator-thickness:2px;--spectrum-focus-indicator-gap:2px;--spectrum-border-width-200:2px;--spectrum-field-edge-to-text-quiet:0px;--spectrum-negative-color-200:var(--spectrum-red-200);--spectrum-negative-color-300:var(--spectrum-red-300);--spectrum-negative-color-400:var(--spectrum-red-400);--spectrum-negative-color-700:var(--spectrum-red-700);--spectrum-negative-color-800:var(--spectrum-red-800);--spectrum-negative-color-900:var(--spectrum-red-900);--spectrum-negative-color-1000:var(--spectrum-red-1000);--spectrum-negative-color-1100:var(--spectrum-red-1100);--spectrum-notice-color-700:var(--spectrum-orange-700);--spectrum-notice-color-900:var(--spectrum-orange-900);--spectrum-positive-color-700:var(--spectrum-green-700);--spectrum-positive-color-800:var(--spectrum-green-800);--spectrum-sans-serif-font-family:Adobe Clean;--spectrum-serif-font-family:Adobe Clean Serif;--spectrum-cjk-font-family:Adobe Clean Han;--spectrum-light-font-weight:300;--spectrum-regular-font-weight:400;--spectrum-bold-font-weight:700;--spectrum-extra-bold-font-weight:800;--spectrum-black-font-weight:900;--spectrum-italic-font-style:italic;--spectrum-default-font-style:normal;--spectrum-line-height-100:1.3;--spectrum-line-height-200:1.5;--spectrum-cjk-line-height-100:1.5;--spectrum-cjk-line-height-200:1.7;--spectrum-cjk-letter-spacing:0.05em;--spectrum-heading-sans-serif-font-family:var(
+    --spectrum-sans-serif-font-family
+  );--spectrum-heading-serif-font-family:var(--spectrum-serif-font-family);--spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family);--spectrum-heading-sans-serif-light-font-weight:var(
+    --spectrum-light-font-weight
+  );--spectrum-heading-sans-serif-light-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-serif-light-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-heading-serif-light-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-light-font-weight:var(--spectrum-light-font-weight);--spectrum-heading-cjk-light-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-heavy-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-sans-serif-heavy-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-serif-heavy-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-heavy-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-heavy-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-heavy-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-light-strong-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-heading-sans-serif-light-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-serif-light-strong-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-heading-serif-light-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-cjk-light-strong-font-weight:var(
+    --spectrum-extra-bold-font-weight
+  );--spectrum-heading-cjk-light-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-strong-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-sans-serif-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-serif-strong-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-serif-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-heavy-strong-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-sans-serif-heavy-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-serif-heavy-strong-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-serif-heavy-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-cjk-heavy-strong-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-cjk-heavy-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-light-emphasized-font-weight:var(
+    --spectrum-light-font-weight
+  );--spectrum-heading-sans-serif-light-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-serif-light-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-heading-serif-light-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-cjk-light-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-heading-cjk-light-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-serif-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-cjk-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-cjk-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-heavy-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-sans-serif-heavy-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-serif-heavy-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-serif-heavy-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-cjk-heavy-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-cjk-heavy-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-light-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-heading-sans-serif-light-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-serif-light-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-heading-serif-light-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-cjk-light-strong-emphasized-font-weight:var(
+    --spectrum-extra-bold-font-weight
+  );--spectrum-heading-cjk-light-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-sans-serif-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-serif-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-serif-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-cjk-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-cjk-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-serif-heavy-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-serif-heavy-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-heading-cjk-heavy-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-heading-cjk-heavy-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-heading-size-xxxl:var(--spectrum-font-size-1300);--spectrum-heading-size-xxl:var(--spectrum-font-size-1100);--spectrum-heading-size-xl:var(--spectrum-font-size-900);--spectrum-heading-size-l:var(--spectrum-font-size-700);--spectrum-heading-size-m:var(--spectrum-font-size-500);--spectrum-heading-size-s:var(--spectrum-font-size-300);--spectrum-heading-size-xs:var(--spectrum-font-size-200);--spectrum-heading-size-xxs:var(--spectrum-font-size-100);--spectrum-heading-cjk-size-xxxl:var(--spectrum-font-size-1300);--spectrum-heading-cjk-size-xxl:var(--spectrum-font-size-900);--spectrum-heading-cjk-size-xl:var(--spectrum-font-size-800);--spectrum-heading-cjk-size-l:var(--spectrum-font-size-600);--spectrum-heading-cjk-size-m:var(--spectrum-font-size-400);--spectrum-heading-cjk-size-s:var(--spectrum-font-size-300);--spectrum-heading-cjk-size-xs:var(--spectrum-font-size-200);--spectrum-heading-cjk-size-xxs:var(--spectrum-font-size-100);--spectrum-heading-line-height:var(--spectrum-line-height-100);--spectrum-heading-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-heading-margin-top-multiplier:0.88888889;--spectrum-heading-margin-bottom-multiplier:0.25;--spectrum-heading-color:var(--spectrum-gray-900);--spectrum-body-sans-serif-font-family:var(
+    --spectrum-sans-serif-font-family
+  );--spectrum-body-serif-font-family:var(--spectrum-serif-font-family);--spectrum-body-cjk-font-family:var(--spectrum-cjk-font-family);--spectrum-body-sans-serif-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-sans-serif-font-style:var(--spectrum-default-font-style);--spectrum-body-serif-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-serif-font-style:var(--spectrum-default-font-style);--spectrum-body-cjk-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-cjk-font-style:var(--spectrum-default-font-style);--spectrum-body-sans-serif-strong-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-body-sans-serif-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-body-serif-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-body-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-body-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-body-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-body-sans-serif-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-body-sans-serif-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-body-serif-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-body-serif-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-body-cjk-emphasized-font-weight:var(
+    --spectrum-extra-bold-font-weight
+  );--spectrum-body-cjk-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-body-sans-serif-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-body-sans-serif-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-body-serif-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-body-serif-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-body-cjk-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-body-cjk-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-body-size-xxxl:var(--spectrum-font-size-600);--spectrum-body-size-xxl:var(--spectrum-font-size-500);--spectrum-body-size-xl:var(--spectrum-font-size-400);--spectrum-body-size-l:var(--spectrum-font-size-300);--spectrum-body-size-m:var(--spectrum-font-size-200);--spectrum-body-size-s:var(--spectrum-font-size-100);--spectrum-body-size-xs:var(--spectrum-font-size-75);--spectrum-body-line-height:var(--spectrum-line-height-200);--spectrum-body-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-body-margin-multiplier:0.75;--spectrum-body-color:var(--spectrum-gray-800);--spectrum-detail-sans-serif-font-family:var(
+    --spectrum-sans-serif-font-family
+  );--spectrum-detail-serif-font-family:var(--spectrum-serif-font-family);--spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family);--spectrum-detail-sans-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-sans-serif-font-style:var(--spectrum-default-font-style);--spectrum-detail-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-serif-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-detail-cjk-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-light-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-sans-serif-light-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-serif-light-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-serif-light-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-light-font-weight:var(--spectrum-light-font-weight);--spectrum-detail-cjk-light-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-strong-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-detail-sans-serif-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-serif-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-detail-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-light-strong-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-sans-serif-light-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-serif-light-strong-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-serif-light-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-cjk-light-strong-font-weight:var(
+    --spectrum-extra-bold-font-weight
+  );--spectrum-detail-cjk-light-strong-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-sans-serif-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-detail-sans-serif-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-serif-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-detail-serif-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-cjk-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-detail-cjk-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-sans-serif-light-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-sans-serif-light-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-serif-light-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-serif-light-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-cjk-light-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-cjk-light-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-sans-serif-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-detail-sans-serif-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-serif-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-detail-serif-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-cjk-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-detail-cjk-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-sans-serif-light-strong-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-sans-serif-light-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-serif-light-strong-emphasized-font-weight:var(
+    --spectrum-regular-font-weight
+  );--spectrum-detail-serif-light-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-detail-cjk-light-strong-emphasized-font-weight:var(
+    --spectrum-extra-bold-font-weight
+  );--spectrum-detail-cjk-light-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-detail-size-xl:var(--spectrum-font-size-200);--spectrum-detail-size-l:var(--spectrum-font-size-100);--spectrum-detail-size-m:var(--spectrum-font-size-75);--spectrum-detail-size-s:var(--spectrum-font-size-50);--spectrum-detail-line-height:var(--spectrum-line-height-100);--spectrum-detail-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-detail-margin-top-multiplier:0.88888889;--spectrum-detail-margin-bottom-multiplier:0.25;--spectrum-detail-letter-spacing:0.06em;--spectrum-detail-color:var(--spectrum-gray-900);--spectrum-code-font-family:Source Code Pro;--spectrum-code-cjk-font-family:var(--spectrum-code-font-family);--spectrum-code-font-weight:var(--spectrum-regular-font-weight);--spectrum-code-font-style:var(--spectrum-default-font-style);--spectrum-code-cjk-font-weight:var(--spectrum-regular-font-weight);--spectrum-code-cjk-font-style:var(--spectrum-default-font-style);--spectrum-code-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-code-strong-font-style:var(--spectrum-default-font-style);--spectrum-code-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-code-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-code-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-code-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-code-cjk-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-code-cjk-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-code-strong-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-code-strong-emphasized-font-style:var(
+    --spectrum-italic-font-style
+  );--spectrum-code-cjk-strong-emphasized-font-weight:var(
+    --spectrum-black-font-weight
+  );--spectrum-code-cjk-strong-emphasized-font-style:var(
+    --spectrum-default-font-style
+  );--spectrum-code-size-xl:var(--spectrum-font-size-400);--spectrum-code-size-l:var(--spectrum-font-size-300);--spectrum-code-size-m:var(--spectrum-font-size-200);--spectrum-code-size-s:var(--spectrum-font-size-100);--spectrum-code-size-xs:var(--spectrum-font-size-75);--spectrum-code-line-height:var(--spectrum-line-height-200);--spectrum-code-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-code-color:var(--spectrum-gray-800);--spectrum-animation-duration-100:130ms;--spectrum-animation-duration-200:160ms;--spectrum-animation-duration-2000:1000ms;--spectrum-animation-ease-in-out:cubic-bezier(0.45,0,0.4,1);--spectrum-sans-serif-font:var(--spectrum-sans-serif-font-family);--spectrum-sans-font-family-stack:var(--spectrum-sans-serif-font),adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-serif-font:var(--spectrum-serif-font-family);--spectrum-serif-font-family-stack:var(--spectrum-serif-font),adobe-clean-serif,"Source Serif Pro",Georgia,serif;--spectrum-code-font-family-stack:"Source Code Pro",Monaco,monospace;--spectrum-cjk-font:var(--spectrum-cjk-font-family);--spectrum-cjk-font-family-stack:var(--spectrum-cjk-font),adobe-clean-han-japanese,sans-serif;--spectrum-picker-border-width:var(--spectrum-border-width-100);--spectrum-border-width-100:1px;--spectrum-accent-color-200:var(--spectrum-blue-200);--spectrum-accent-color-300:var(--spectrum-blue-300);--spectrum-accent-color-400:var(--spectrum-blue-400);--spectrum-accent-color-500:var(--spectrum-blue-500);--spectrum-accent-color-600:var(--spectrum-blue-600);--spectrum-accent-color-800:var(--spectrum-blue-800);--spectrum-accent-color-900:var(--spectrum-blue-900);--spectrum-accent-color-1000:var(--spectrum-blue-1000);--spectrum-accent-color-1100:var(--spectrum-blue-1100);--spectrum-heading-sans-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-cjk-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-heading-sans-serif-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  );--spectrum-heading-serif-emphasized-font-weight:var(
+    --spectrum-bold-font-weight
+  )}.spectrum--light{--spectrum-drop-shadow-color-rgb:0,0,0;--spectrum-drop-shadow-color-opacity:0.15;--spectrum-drop-shadow-color:rgba(var(--spectrum-drop-shadow-color-rgb),var(--spectrum-drop-shadow-color-opacity));--spectrum-background-layer-2-color:var(--spectrum-gray-50);--spectrum-neutral-background-color-default:var(--spectrum-gray-800);--spectrum-neutral-background-color-hover:var(--spectrum-gray-900);--spectrum-neutral-background-color-down:var(--spectrum-gray-900);--spectrum-neutral-background-color-key-focus:var(--spectrum-gray-900);--spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-600);--spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-700);--spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-800);--spectrum-neutral-subdued-background-color-key-focus:var(
+    --spectrum-gray-700
+  );--spectrum-accent-background-color-default:var(--spectrum-accent-color-900);--spectrum-accent-background-color-hover:var(--spectrum-accent-color-1000);--spectrum-accent-background-color-down:var(--spectrum-accent-color-1100);--spectrum-accent-background-color-key-focus:var(
+    --spectrum-accent-color-1000
+  );--spectrum-negative-background-color-default:var(
+    --spectrum-negative-color-900
+  );--spectrum-negative-background-color-hover:var(
+    --spectrum-negative-color-1000
+  );--spectrum-negative-background-color-down:var(
+    --spectrum-negative-color-1100
+  );--spectrum-negative-background-color-key-focus:var(
+    --spectrum-negative-color-1000
+  );--spectrum-negative-visual-color:var(--spectrum-negative-color-800);--spectrum-notice-visual-color:var(--spectrum-notice-color-700);--spectrum-positive-visual-color:var(--spectrum-positive-color-700);--spectrum-gray-50-rgb:255,255,255;--spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb));--spectrum-gray-75-rgb:253,253,253;--spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb));--spectrum-gray-100-rgb:248,248,248;--spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb));--spectrum-gray-200-rgb:230,230,230;--spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb));--spectrum-gray-300-rgb:213,213,213;--spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb));--spectrum-gray-400-rgb:177,177,177;--spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb));--spectrum-gray-500-rgb:144,144,144;--spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb));--spectrum-gray-600-rgb:109,109,109;--spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb));--spectrum-gray-700-rgb:70,70,70;--spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb));--spectrum-gray-800-rgb:34,34,34;--spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb));--spectrum-gray-900-rgb:0,0,0;--spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb));--spectrum-blue-100-rgb:224,242,255;--spectrum-blue-200-rgb:202,232,255;--spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb));--spectrum-blue-300-rgb:181,222,255;--spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb));--spectrum-blue-400-rgb:150,206,253;--spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb));--spectrum-blue-500-rgb:120,187,250;--spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb));--spectrum-blue-600-rgb:89,167,246;--spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));--spectrum-blue-700-rgb:56,146,243;--spectrum-blue-800-rgb:20,122,243;--spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));--spectrum-blue-900-rgb:2,101,220;--spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));--spectrum-blue-1000-rgb:0,84,182;--spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb));--spectrum-blue-1100-rgb:0,68,145;--spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb));--spectrum-blue-1200-rgb:0,53,113;--spectrum-blue-1300-rgb:0,39,84;--spectrum-blue-1400-rgb:0,28,60;--spectrum-red-100-rgb:255,235,231;--spectrum-red-200-rgb:255,221,214;--spectrum-red-200:rgba(var(--spectrum-red-200-rgb));--spectrum-red-300-rgb:255,205,195;--spectrum-red-300:rgba(var(--spectrum-red-300-rgb));--spectrum-red-400-rgb:255,183,169;--spectrum-red-400:rgba(var(--spectrum-red-400-rgb));--spectrum-red-500-rgb:255,155,136;--spectrum-red-600-rgb:255,124,101;--spectrum-red-700-rgb:247,92,70;--spectrum-red-700:rgba(var(--spectrum-red-700-rgb));--spectrum-red-800-rgb:234,56,41;--spectrum-red-800:rgba(var(--spectrum-red-800-rgb));--spectrum-red-900-rgb:211,21,16;--spectrum-red-900:rgba(var(--spectrum-red-900-rgb));--spectrum-red-1000-rgb:180,0,0;--spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb));--spectrum-red-1100-rgb:147,0,0;--spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb));--spectrum-red-1200-rgb:116,0,0;--spectrum-red-1300-rgb:89,0,0;--spectrum-red-1400-rgb:67,0,0;--spectrum-orange-100-rgb:255,236,204;--spectrum-orange-200-rgb:255,223,173;--spectrum-orange-300-rgb:253,210,145;--spectrum-orange-400-rgb:255,187,99;--spectrum-orange-500-rgb:255,160,55;--spectrum-orange-600-rgb:246,133,17;--spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));--spectrum-orange-700-rgb:228,111,0;--spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));--spectrum-orange-800-rgb:203,93,0;--spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));--spectrum-orange-900-rgb:177,76,0;--spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));--spectrum-orange-1000-rgb:149,61,0;--spectrum-orange-1100-rgb:122,47,0;--spectrum-orange-1200-rgb:97,35,0;--spectrum-orange-1300-rgb:73,25,1;--spectrum-orange-1400-rgb:53,18,1;--spectrum-yellow-400-rgb:232,198,0;--spectrum-yellow-600-rgb:196,159,0;--spectrum-yellow-1000-rgb:112,83,0;--spectrum-yellow-1100-rgb:91,67,0;--spectrum-chartreuse-600-rgb:135,177,3;--spectrum-chartreuse-900-rgb:87,116,0;--spectrum-celery-600-rgb:39,187,54;--spectrum-celery-700-rgb:7,167,33;--spectrum-celery-800-rgb:0,145,18;--spectrum-green-100-rgb:206,248,224;--spectrum-green-200-rgb:173,244,206;--spectrum-green-300-rgb:137,236,188;--spectrum-green-300:rgba(var(--spectrum-green-300-rgb));--spectrum-green-400-rgb:103,222,168;--spectrum-green-400:rgba(var(--spectrum-green-400-rgb));--spectrum-green-500-rgb:73,204,147;--spectrum-green-600-rgb:47,184,128;--spectrum-green-700-rgb:21,164,110;--spectrum-green-700:rgba(var(--spectrum-green-700-rgb));--spectrum-green-800-rgb:0,143,93;--spectrum-green-800:rgba(var(--spectrum-green-800-rgb));--spectrum-green-900-rgb:0,122,77;--spectrum-green-1000-rgb:0,101,62;--spectrum-green-1100-rgb:0,81,50;--spectrum-green-1200-rgb:5,63,39;--spectrum-green-1300-rgb:10,46,29;--spectrum-green-1400-rgb:10,32,21;--spectrum-seafoam-700-rgb:0,161,154;--spectrum-seafoam-800-rgb:0,140,135;--spectrum-seafoam-900-rgb:0,119,114;--spectrum-cyan-600-rgb:18,176,218;--spectrum-cyan-700-rgb:1,156,200;--spectrum-cyan-900-rgb:0,113,159;--spectrum-indigo-100-rgb:237,238,255;--spectrum-indigo-200-rgb:224,226,255;--spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb));--spectrum-indigo-300-rgb:211,213,255;--spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb));--spectrum-indigo-400-rgb:193,196,255;--spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb));--spectrum-indigo-500-rgb:172,175,255;--spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb));--spectrum-indigo-600-rgb:149,153,255;--spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));--spectrum-indigo-700-rgb:126,132,252;--spectrum-indigo-800-rgb:104,109,244;--spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));--spectrum-indigo-900-rgb:82,88,228;--spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));--spectrum-indigo-1000-rgb:64,70,202;--spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb));--spectrum-indigo-1100-rgb:50,54,168;--spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb));--spectrum-indigo-1200-rgb:38,41,134;--spectrum-indigo-1300-rgb:27,30,100;--spectrum-indigo-1400-rgb:20,22,72;--spectrum-purple-700-rgb:174,114,249;--spectrum-purple-800-rgb:157,87,244;--spectrum-purple-900-rgb:137,61,231;--spectrum-fuchsia-700-rgb:224,85,226;--spectrum-fuchsia-800-rgb:205,58,206;--spectrum-fuchsia-900-rgb:182,34,183;--spectrum-magenta-700-rgb:239,90,152;--spectrum-magenta-800-rgb:222,61,130;--spectrum-magenta-900-rgb:200,34,105}.spectrum--medium{--spectrum-field-label-text-to-asterisk-small:4px;--spectrum-field-label-text-to-asterisk-medium:4px;--spectrum-field-label-text-to-asterisk-large:5px;--spectrum-field-label-text-to-asterisk-extra-large:5px;--spectrum-field-label-top-to-asterisk-small:8px;--spectrum-field-label-top-to-asterisk-medium:12px;--spectrum-field-label-top-to-asterisk-large:15px;--spectrum-field-label-top-to-asterisk-extra-large:19px;--spectrum-field-label-to-component-quiet-small:-8px;--spectrum-field-label-to-component-quiet-medium:-8px;--spectrum-field-label-to-component-quiet-large:-12px;--spectrum-field-label-to-component-quiet-extra-large:-15px;--spectrum-help-text-top-to-workflow-icon-small:4px;--spectrum-help-text-top-to-workflow-icon-medium:3px;--spectrum-help-text-top-to-workflow-icon-large:6px;--spectrum-help-text-top-to-workflow-icon-extra-large:9px;--spectrum-action-button-edge-to-hold-icon-extra-small:3px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-action-button-edge-to-hold-icon-medium:4px;--spectrum-action-button-edge-to-hold-icon-large:5px;--spectrum-action-button-edge-to-hold-icon-extra-large:6px;--spectrum-progress-bar-thickness-small:4px;--spectrum-progress-bar-thickness-medium:6px;--spectrum-progress-bar-thickness-large:8px;--spectrum-progress-bar-thickness-extra-large:10px;--spectrum-tag-top-to-avatar-small:4px;--spectrum-tag-top-to-avatar-medium:6px;--spectrum-tag-top-to-avatar-large:9px;--spectrum-tag-top-to-cross-icon-small:8px;--spectrum-tag-top-to-cross-icon-medium:12px;--spectrum-tag-top-to-cross-icon-large:15px;--spectrum-popover-top-to-content-area:4px;--spectrum-picker-visual-to-disclosure-icon-small:7px;--spectrum-picker-visual-to-disclosure-icon-medium:8px;--spectrum-picker-visual-to-disclosure-icon-large:9px;--spectrum-picker-visual-to-disclosure-icon-extra-large:10px;--spectrum-text-area-minimum-width:112px;--spectrum-text-area-minimum-height:56px;--spectrum-workflow-icon-size-50:14px;--spectrum-workflow-icon-size-75:16px;--spectrum-workflow-icon-size-100:18px;--spectrum-workflow-icon-size-200:20px;--spectrum-workflow-icon-size-300:22px;--spectrum-text-to-visual-50:6px;--spectrum-text-to-visual-75:7px;--spectrum-text-to-visual-100:8px;--spectrum-text-to-visual-200:9px;--spectrum-text-to-visual-300:10px;--spectrum-text-to-control-75:9px;--spectrum-text-to-control-100:10px;--spectrum-text-to-control-200:11px;--spectrum-text-to-control-300:13px;--spectrum-component-height-50:20px;--spectrum-component-height-75:24px;--spectrum-component-height-100:32px;--spectrum-component-height-200:40px;--spectrum-component-height-300:48px;--spectrum-component-pill-edge-to-visual-75:10px;--spectrum-component-pill-edge-to-visual-100:14px;--spectrum-component-pill-edge-to-visual-200:18px;--spectrum-component-pill-edge-to-visual-300:21px;--spectrum-component-pill-edge-to-visual-only-75:4px;--spectrum-component-pill-edge-to-visual-only-100:7px;--spectrum-component-pill-edge-to-visual-only-200:10px;--spectrum-component-pill-edge-to-visual-only-300:13px;--spectrum-component-pill-edge-to-text-75:12px;--spectrum-component-pill-edge-to-text-100:16px;--spectrum-component-pill-edge-to-text-200:20px;--spectrum-component-pill-edge-to-text-300:24px;--spectrum-component-edge-to-visual-50:6px;--spectrum-component-edge-to-visual-75:7px;--spectrum-component-edge-to-visual-100:10px;--spectrum-component-edge-to-visual-200:13px;--spectrum-component-edge-to-visual-300:15px;--spectrum-component-edge-to-visual-only-50:3px;--spectrum-component-edge-to-visual-only-75:4px;--spectrum-component-edge-to-visual-only-100:7px;--spectrum-component-edge-to-visual-only-200:10px;--spectrum-component-edge-to-visual-only-300:13px;--spectrum-component-edge-to-text-50:8px;--spectrum-component-edge-to-text-75:9px;--spectrum-component-edge-to-text-100:12px;--spectrum-component-edge-to-text-200:15px;--spectrum-component-edge-to-text-300:18px;--spectrum-component-top-to-workflow-icon-75:4px;--spectrum-component-top-to-workflow-icon-100:7px;--spectrum-component-top-to-workflow-icon-200:10px;--spectrum-component-top-to-text-75:4px;--spectrum-component-top-to-text-100:6px;--spectrum-component-top-to-text-200:9px;--spectrum-component-top-to-text-300:12px;--spectrum-component-bottom-to-text-75:5px;--spectrum-component-bottom-to-text-100:9px;--spectrum-component-bottom-to-text-200:11px;--spectrum-component-bottom-to-text-300:14px;--spectrum-component-to-menu-small:6px;--spectrum-component-to-menu-medium:6px;--spectrum-component-to-menu-large:7px;--spectrum-component-to-menu-extra-large:8px;--spectrum-field-end-edge-to-disclosure-icon-75:7px;--spectrum-field-end-edge-to-disclosure-icon-100:11px;--spectrum-field-end-edge-to-disclosure-icon-200:14px;--spectrum-field-end-edge-to-disclosure-icon-300:17px;--spectrum-field-top-to-disclosure-icon-75:7px;--spectrum-field-top-to-disclosure-icon-100:11px;--spectrum-field-top-to-disclosure-icon-200:14px;--spectrum-field-top-to-disclosure-icon-300:17px;--spectrum-field-text-to-alert-icon-small:8px;--spectrum-field-text-to-alert-icon-medium:12px;--spectrum-field-text-to-alert-icon-large:15px;--spectrum-field-text-to-alert-icon-extra-large:18px;--spectrum-font-size-50:11px;--spectrum-font-size-75:12px;--spectrum-font-size-100:14px;--spectrum-font-size-200:16px;--spectrum-font-size-300:18px;--spectrum-font-size-400:20px;--spectrum-font-size-500:22px;--spectrum-font-size-600:25px;--spectrum-font-size-700:28px;--spectrum-font-size-800:32px;--spectrum-font-size-900:36px;--spectrum-font-size-1100:45px;--spectrum-font-size-1300:60px;--spectrum-button-top-to-text-small:5px;--spectrum-button-bottom-to-text-small:4px;--spectrum-button-top-to-text-medium:7px;--spectrum-button-bottom-to-text-medium:8px;--spectrum-button-top-to-text-large:10px;--spectrum-button-bottom-to-text-large:10px;--spectrum-button-top-to-text-extra-large:13px;--spectrum-button-bottom-to-text-extra-large:13px;--spectrum-checkbox-control-size-small:12px;--spectrum-checkbox-control-size-medium:14px;--spectrum-checkbox-control-size-large:16px;--spectrum-checkbox-control-size-extra-large:18px;--spectrum-switch-control-width-small:23px;--spectrum-switch-control-width-medium:26px;--spectrum-switch-control-width-large:29px;--spectrum-switch-control-width-extra-large:33px;--spectrum-switch-control-height-small:12px;--spectrum-switch-control-height-medium:14px;--spectrum-switch-control-height-large:16px;--spectrum-switch-control-height-extra-large:18px;--spectrum-switch-top-to-control-small:6px;--spectrum-switch-top-to-control-medium:9px;--spectrum-switch-top-to-control-large:12px;--spectrum-switch-top-to-control-extra-large:15px;--spectrum-radio-button-control-size-small:12px;--spectrum-radio-button-control-size-medium:14px;--spectrum-radio-button-control-size-large:16px;--spectrum-radio-button-control-size-extra-large:18px;--spectrum-radio-button-top-to-control-small:6px;--spectrum-radio-button-top-to-control-medium:9px;--spectrum-radio-button-top-to-control-large:12px;--spectrum-radio-button-top-to-control-extra-large:15px;--spectrum-corner-radius-75:2px;--spectrum-corner-radius-100:4px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:1px;--spectrum-drop-shadow-blur:4px}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-ActionButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-sans-font-family-stack);justify-content:center;line-height:var(--spectrum-line-height-100);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}.spectrum-ActionButton:focus{outline:none}.spectrum-ActionButton::-moz-focus-inner{border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}.spectrum-ActionButton:disabled{cursor:default}.spectrum-ActionButton-icon{flex-shrink:0;max-block-size:100%}a.spectrum-ActionButton{-webkit-appearance:none;-webkit-user-select:none;user-select:none}.spectrum-ActionButton-label{align-self:center;justify-self:center;text-align:center}.spectrum-ActionButton-label:empty{display:none}.spectrum-ActionButton{--spectrum-actionbutton-animation-duration:var(--spectrum-animation-duration-100);--spectrum-actionbutton-border-radius:var(--spectrum-corner-radius-100);--spectrum-actionbutton-border-width:var(--spectrum-border-width-100);--spectrum-actionbutton-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-actionbutton-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-actionbutton-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-actionbutton-focus-indicator-border-radius:calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap))}.spectrum-ActionButton--sizeS{--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-75)*2 + var(--spectrum-workflow-icon-size-75));--spectrum-actionbutton-height:var(--spectrum-component-height-75);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-actionbutton-font-size:var(--spectrum-font-size-75);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-actionbutton-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-small);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-75) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width))}.spectrum-ActionButton--sizeM{--spectrum-actionbutton-min-width:calc(var(--spectrum-component-edge-to-visual-only-100)*2 + var(--spectrum-workflow-icon-size-100));--spectrum-actionbutton-height:var(--spectrum-component-height-100);--spectrum-actionbutton-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-actionbutton-font-size:var(--spectrum-font-size-100);--spectrum-actionbutton-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-actionbutton-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-medium);--spectrum-actionbutton-edge-to-visual:calc(var(--spectrum-component-edge-to-visual-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-text:calc(var(--spectrum-component-edge-to-text-100) - var(--spectrum-actionbutton-border-width));--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){.spectrum-ActionButton{--highcontrast-actionbutton-focus-indicator-color:ButtonText}.spectrum-ActionButton:after{forced-color-adjust:none}.spectrum-ActionButton.is-selected{--highcontrast-actionbutton-background-color-default:Highlight;--highcontrast-actionbutton-background-color-hover:Highlight;--highcontrast-actionbutton-background-color-focus:Highlight;--highcontrast-actionbutton-background-color-down:Highlight;--highcontrast-actionbutton-background-color-disabled:ButtonFace;--highcontrast-actionbutton-border-color-default:HighlightText;--highcontrast-actionbutton-border-color-hover:HighlightText;--highcontrast-actionbutton-border-color-focus:HighlightText;--highcontrast-actionbutton-border-color-down:HighlightText;--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-default:HighlightText;--highcontrast-actionbutton-content-color-hover:HighlightText;--highcontrast-actionbutton-content-color-focus:HighlightText;--highcontrast-actionbutton-content-color-down:HighlightText;--highcontrast-actionbutton-content-color-disabled:GrayText}.spectrum-ActionButton.is-selected .spectrum-ActionButton-icon,.spectrum-ActionButton.is-selected .spectrum-ActionButton-label{forced-color-adjust:none}}.spectrum-ActionButton{background-color:var(--spectrum-actionbutton-background-color-default);border-color:var(--spectrum-actionbutton-border-color-default);border-radius:var(--spectrum-actionbutton-border-radius);border-width:var(--spectrum-actionbutton-border-width);color:var(--spectrum-actionbutton-content-color-default);gap:calc(var(--spectrum-actionbutton-text-to-visual) + var(--spectrum-actionbutton-edge-to-text) - var(--spectrum-actionbutton-edge-to-visual-only));height:var(--spectrum-actionbutton-height);min-inline-size:var(--spectrum-actionbutton-min-width);padding-inline:var(--spectrum-actionbutton-edge-to-text);position:relative}.spectrum-ActionButton:hover{background-color:var(--spectrum-actionbutton-background-color-hover);border-color:var(--spectrum-actionbutton-border-color-hover);color:var(--spectrum-actionbutton-content-color-hover)}.spectrum-ActionButton:active{background-color:var(--spectrum-actionbutton-background-color-down);border-color:var(--spectrum-actionbutton-border-color-down);color:var(--spectrum-actionbutton-content-color-down)}.spectrum-ActionButton.is-disabled,.spectrum-ActionButton:disabled{background-color:var(--spectrum-actionbutton-background-color-disabled);border-color:var(--spectrum-actionbutton-border-color-disabled);color:var(--spectrum-actionbutton-content-color-disabled)}.spectrum-ActionButton-icon{color:inherit;height:var(--spectrum-actionbutton-icon-size);margin-inline-end:calc(var(--spectrum-actionbutton-edge-to-visual-only) - var(--spectrum-actionbutton-edge-to-text));margin-inline-start:calc(var(--spectrum-actionbutton-edge-to-visual) - var(--spectrum-actionbutton-edge-to-text));width:var(--spectrum-actionbutton-icon-size)}.spectrum-ActionButton-icon:only-child{margin-inline-start:calc(var(--spectrum-actionbutton-edge-to-visual-only) - var(--spectrum-actionbutton-edge-to-text))}.spectrum-ActionButton-label{color:inherit;font-size:var(--spectrum-actionbutton-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-ActionButton{transition:border-color var(--spectrum-actionbutton-animation-duration) ease-in-out}.spectrum-ActionButton:after{border-radius:var(--spectrum-actionbutton-focus-indicator-border-radius);content:"";inset:0;margin:calc((var(--spectrum-actionbutton-focus-indicator-gap) + var(--spectrum-actionbutton-border-width))*-1);pointer-events:none;position:absolute;transition:box-shadow var(--spectrum-actionbutton-animation-duration) ease-in-out}.spectrum{--system-spectrum-actionbutton-background-color-default:var(--spectrum-gray-75);--system-spectrum-actionbutton-background-color-hover:var(--spectrum-gray-200);--system-spectrum-actionbutton-background-color-down:var(--spectrum-gray-300);--system-spectrum-actionbutton-background-color-focus:var(--spectrum-gray-200);--system-spectrum-actionbutton-border-color-default:var(--spectrum-gray-400);--system-spectrum-actionbutton-border-color-hover:var(--spectrum-gray-500);--system-spectrum-actionbutton-border-color-down:var(--spectrum-gray-600);--system-spectrum-actionbutton-border-color-focus:var(--spectrum-gray-500);--system-spectrum-actionbutton-content-color-default:var(--spectrum-neutral-content-color-default);--system-spectrum-actionbutton-content-color-hover:var(--spectrum-neutral-content-color-hover);--system-spectrum-actionbutton-content-color-down:var(--spectrum-neutral-content-color-down);--system-spectrum-actionbutton-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--system-spectrum-actionbutton-background-color-disabled:transparent;--system-spectrum-actionbutton-border-color-disabled:var(--spectrum-disabled-border-color);--system-spectrum-actionbutton-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-actionbutton-quiet-background-color-default:transparent;--system-spectrum-actionbutton-quiet-background-color-hover:var(--spectrum-gray-200);--system-spectrum-actionbutton-quiet-background-color-down:var(--spectrum-gray-300);--system-spectrum-actionbutton-quiet-background-color-focus:var(--spectrum-gray-200);--system-spectrum-actionbutton-quiet-border-color-default:transparent;--system-spectrum-actionbutton-quiet-border-color-hover:transparent;--system-spectrum-actionbutton-quiet-border-color-down:transparent;--system-spectrum-actionbutton-quiet-border-color-focus:transparent;--system-spectrum-actionbutton-quiet-background-color-disabled:transparent;--system-spectrum-actionbutton-quiet-border-color-disabled:transparent;--system-spectrum-actionbutton-selected-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--system-spectrum-actionbutton-selected-background-color-hover:var(--spectrum-neutral-subdued-background-color-hover);--system-spectrum-actionbutton-selected-background-color-down:var(--spectrum-neutral-subdued-background-color-down);--system-spectrum-actionbutton-selected-background-color-focus:var(--spectrum-neutral-subdued-background-color-key-focus);--system-spectrum-actionbutton-selected-border-color-default:transparent;--system-spectrum-actionbutton-selected-border-color-hover:transparent;--system-spectrum-actionbutton-selected-border-color-down:transparent;--system-spectrum-actionbutton-selected-border-color-focus:transparent;--system-spectrum-actionbutton-selected-content-color-default:var(--spectrum-white);--system-spectrum-actionbutton-selected-content-color-hover:var(--spectrum-white);--system-spectrum-actionbutton-selected-content-color-down:var(--spectrum-white);--system-spectrum-actionbutton-selected-content-color-focus:var(--spectrum-white);--system-spectrum-actionbutton-selected-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-actionbutton-selected-border-color-disabled:transparent;--system-spectrum-actionbutton-selected-emphasized-background-color-default:var(--spectrum-accent-background-color-default);--system-spectrum-actionbutton-selected-emphasized-background-color-hover:var(--spectrum-accent-background-color-hover);--system-spectrum-actionbutton-selected-emphasized-background-color-down:var(--spectrum-accent-background-color-down);--system-spectrum-actionbutton-selected-emphasized-background-color-focus:var(--spectrum-accent-background-color-key-focus);--system-spectrum-actionbutton-staticblack-quiet-border-color-default:transparent;--system-spectrum-actionbutton-staticwhite-quiet-border-color-default:transparent;--system-spectrum-actionbutton-staticblack-quiet-border-color-hover:transparent;--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover:transparent;--system-spectrum-actionbutton-staticblack-quiet-border-color-down:transparent;--system-spectrum-actionbutton-staticwhite-quiet-border-color-down:transparent;--system-spectrum-actionbutton-staticblack-quiet-border-color-focus:transparent;--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus:transparent;--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled:transparent;--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled:transparent;--system-spectrum-actionbutton-staticblack-background-color-default:transparent;--system-spectrum-actionbutton-staticblack-background-color-hover:var(--spectrum-transparent-black-300);--system-spectrum-actionbutton-staticblack-background-color-down:var(--spectrum-transparent-black-400);--system-spectrum-actionbutton-staticblack-background-color-focus:var(--spectrum-transparent-black-300);--system-spectrum-actionbutton-staticblack-border-color-default:var(--spectrum-transparent-black-400);--system-spectrum-actionbutton-staticblack-border-color-hover:var(--spectrum-transparent-black-500);--system-spectrum-actionbutton-staticblack-border-color-down:var(--spectrum-transparent-black-600);--system-spectrum-actionbutton-staticblack-border-color-focus:var(--spectrum-transparent-black-500);--system-spectrum-actionbutton-staticblack-content-color-default:var(--spectrum-black);--system-spectrum-actionbutton-staticblack-content-color-hover:var(--spectrum-black);--system-spectrum-actionbutton-staticblack-content-color-down:var(--spectrum-black);--system-spectrum-actionbutton-staticblack-content-color-focus:var(--spectrum-black);--system-spectrum-actionbutton-staticblack-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color);--system-spectrum-actionbutton-staticblack-background-color-disabled:transparent;--system-spectrum-actionbutton-staticblack-border-color-disabled:var(--spectrum-disabled-static-black-border-color);--system-spectrum-actionbutton-staticblack-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--system-spectrum-actionbutton-staticblack-selected-background-color-default:var(--spectrum-transparent-black-800);--system-spectrum-actionbutton-staticblack-selected-background-color-hover:var(--spectrum-transparent-black-900);--system-spectrum-actionbutton-staticblack-selected-background-color-down:var(--spectrum-transparent-black-900);--system-spectrum-actionbutton-staticblack-selected-background-color-focus:var(--spectrum-transparent-black-900);--system-spectrum-actionbutton-staticblack-selected-border-color-disabled:transparent;--system-spectrum-actionbutton-staticblack-selected-content-color-default:var(--spectrum-white);--system-spectrum-actionbutton-staticblack-selected-content-color-hover:var(--spectrum-white);--system-spectrum-actionbutton-staticblack-selected-content-color-down:var(--spectrum-white);--system-spectrum-actionbutton-staticblack-selected-content-color-focus:var(--spectrum-white);--system-spectrum-actionbutton-staticblack-selected-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--system-spectrum-actionbutton-staticwhite-background-color-default:transparent;--system-spectrum-actionbutton-staticwhite-background-color-hover:var(--spectrum-transparent-white-300);--system-spectrum-actionbutton-staticwhite-background-color-down:var(--spectrum-transparent-white-400);--system-spectrum-actionbutton-staticwhite-background-color-focus:var(--spectrum-transparent-white-300);--system-spectrum-actionbutton-staticwhite-border-color-default:var(--spectrum-transparent-white-400);--system-spectrum-actionbutton-staticwhite-border-color-hover:var(--spectrum-transparent-white-500);--system-spectrum-actionbutton-staticwhite-border-color-down:var(--spectrum-transparent-white-600);--system-spectrum-actionbutton-staticwhite-border-color-focus:var(--spectrum-transparent-white-500);--system-spectrum-actionbutton-staticwhite-content-color-default:var(--spectrum-white);--system-spectrum-actionbutton-staticwhite-content-color-hover:var(--spectrum-white);--system-spectrum-actionbutton-staticwhite-content-color-down:var(--spectrum-white);--system-spectrum-actionbutton-staticwhite-content-color-focus:var(--spectrum-white);--system-spectrum-actionbutton-staticwhite-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color);--system-spectrum-actionbutton-staticwhite-background-color-disabled:transparent;--system-spectrum-actionbutton-staticwhite-border-color-disabled:var(--spectrum-disabled-static-white-border-color);--system-spectrum-actionbutton-staticwhite-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--system-spectrum-actionbutton-staticwhite-selected-background-color-default:var(--spectrum-transparent-white-800);--system-spectrum-actionbutton-staticwhite-selected-background-color-hover:var(--spectrum-transparent-white-900);--system-spectrum-actionbutton-staticwhite-selected-background-color-down:var(--spectrum-transparent-white-900);--system-spectrum-actionbutton-staticwhite-selected-background-color-focus:var(--spectrum-transparent-white-900);--system-spectrum-actionbutton-staticwhite-selected-content-color-default:var(--spectrum-black);--system-spectrum-actionbutton-staticwhite-selected-content-color-hover:var(--spectrum-black);--system-spectrum-actionbutton-staticwhite-selected-content-color-down:var(--spectrum-black);--system-spectrum-actionbutton-staticwhite-selected-content-color-focus:var(--spectrum-black);--system-spectrum-actionbutton-staticwhite-selected-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--system-spectrum-actionbutton-staticwhite-selected-border-color-disabled:transparent}.spectrum-ActionButton{--spectrum-actionbutton-background-color-default:var(--system-spectrum-actionbutton-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-spectrum-actionbutton-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-spectrum-actionbutton-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-spectrum-actionbutton-background-color-focus);--spectrum-actionbutton-border-color-default:var(--system-spectrum-actionbutton-border-color-default);--spectrum-actionbutton-border-color-hover:var(--system-spectrum-actionbutton-border-color-hover);--spectrum-actionbutton-border-color-down:var(--system-spectrum-actionbutton-border-color-down);--spectrum-actionbutton-border-color-focus:var(--system-spectrum-actionbutton-border-color-focus);--spectrum-actionbutton-content-color-default:var(--system-spectrum-actionbutton-content-color-default);--spectrum-actionbutton-content-color-hover:var(--system-spectrum-actionbutton-content-color-hover);--spectrum-actionbutton-content-color-down:var(--system-spectrum-actionbutton-content-color-down);--spectrum-actionbutton-content-color-focus:var(--system-spectrum-actionbutton-content-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-spectrum-actionbutton-background-color-disabled);--spectrum-actionbutton-border-color-disabled:var(--system-spectrum-actionbutton-border-color-disabled);--spectrum-actionbutton-content-color-disabled:var(--system-spectrum-actionbutton-content-color-disabled)}.spectrum-ActionButton.spectrum-ActionButton--quiet{--spectrum-actionbutton-background-color-default:var(--system-spectrum-actionbutton-quiet-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-spectrum-actionbutton-quiet-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-spectrum-actionbutton-quiet-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-spectrum-actionbutton-quiet-background-color-focus);--spectrum-actionbutton-border-color-default:var(--system-spectrum-actionbutton-quiet-border-color-default);--spectrum-actionbutton-border-color-hover:var(--system-spectrum-actionbutton-quiet-border-color-hover);--spectrum-actionbutton-border-color-down:var(--system-spectrum-actionbutton-quiet-border-color-down);--spectrum-actionbutton-border-color-focus:var(--system-spectrum-actionbutton-quiet-border-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-spectrum-actionbutton-quiet-background-color-disabled);--spectrum-actionbutton-border-color-disabled:var(--system-spectrum-actionbutton-quiet-border-color-disabled)}.spectrum-ActionButton.is-selected{--spectrum-actionbutton-background-color-default:var(--system-spectrum-actionbutton-selected-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-spectrum-actionbutton-selected-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-spectrum-actionbutton-selected-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-spectrum-actionbutton-selected-background-color-focus);--spectrum-actionbutton-border-color-default:var(--system-spectrum-actionbutton-selected-border-color-default);--spectrum-actionbutton-border-color-hover:var(--system-spectrum-actionbutton-selected-border-color-hover);--spectrum-actionbutton-border-color-down:var(--system-spectrum-actionbutton-selected-border-color-down);--spectrum-actionbutton-border-color-focus:var(--system-spectrum-actionbutton-selected-border-color-focus);--spectrum-actionbutton-content-color-default:var(--system-spectrum-actionbutton-selected-content-color-default);--spectrum-actionbutton-content-color-hover:var(--system-spectrum-actionbutton-selected-content-color-hover);--spectrum-actionbutton-content-color-down:var(--system-spectrum-actionbutton-selected-content-color-down);--spectrum-actionbutton-content-color-focus:var(--system-spectrum-actionbutton-selected-content-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-spectrum-actionbutton-selected-background-color-disabled);--spectrum-actionbutton-border-color-disabled:var(--system-spectrum-actionbutton-selected-border-color-disabled)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-ClearButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-global-font-family-base);justify-content:center;line-height:var(--spectrum-global-font-line-height-small);overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background .13s ease-out,border-color .13s ease-out,color .13s ease-out,box-shadow .13s ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}.spectrum-ClearButton:focus{outline:none}.spectrum-ClearButton::-moz-focus-inner{border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}.spectrum-ClearButton:disabled{cursor:default}.spectrum-ClearButton{background-color:transparent;border:none;border-radius:100%;margin:0;padding:var(--spectrum-clearbutton-padding)}.spectrum-ClearButton>.spectrum-Icon{margin:0 auto}.spectrum-ClearButton--sizeM{--spectrum-clearbutton-fill-uiicon-color-disabled:var(--spectrum-alias-component-icon-color-disabled);--spectrum-clearbutton-fill-background-color-disabled:var(--spectrum-alias-background-color-transparent);--spectrum-clearbutton-fill-uiicon-color:var(--spectrum-alias-component-icon-color-default);--spectrum-clearbutton-fill-background-color:var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default);--spectrum-clearbutton-fill-uiicon-color-down:var(--spectrum-alias-component-icon-color-down);--spectrum-clearbutton-fill-background-color-down:var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down);--spectrum-clearbutton-fill-background-color-hover:var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover);--spectrum-clearbutton-fill-uiicon-color-key-focus:var(--spectrum-alias-component-icon-color-key-focus);--spectrum-clearbutton-fill-background-color-key-focus:var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus);--spectrum-clearbutton-fill-size:var(--spectrum-alias-infieldbutton-full-height-m);--spectrum-clearbutton-padding:var(--spectrum-alias-infieldbutton-padding-m)}.spectrum-ClearButton-fill{align-items:center;background-color:var(--spectrum-clearbutton-fill-background-color);border-radius:100%;display:flex;height:var(--spectrum-clearbutton-fill-size);justify-content:center;width:var(--spectrum-clearbutton-fill-size)}.spectrum-ClearButton{color:var(--spectrum-alias-component-icon-color-default)}.spectrum-ClearButton:hover{color:var(--spectrum-clearbutton-fill-uiicon-color)}.spectrum-ClearButton:active{color:var(--spectrum-clearbutton-fill-uiicon-color-down)}.spectrum-ClearButton.is-disabled,.spectrum-ClearButton:disabled{color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}.spectrum-ClearButton:hover .spectrum-ClearButton-fill{background-color:var(--spectrum-clearbutton-fill-background-color-hover)}.spectrum-ClearButton:active .spectrum-ClearButton-fill{background-color:var(--spectrum-clearbutton-fill-background-color-down)}.spectrum-ClearButton.is-disabled .spectrum-ClearButton-fill,.spectrum-ClearButton:disabled .spectrum-ClearButton-fill{background-color:var(--spectrum-clearbutton-fill-background-color-disabled)}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.spectrum-ClearButton>.spectrum-Icon{margin:0}}@media (forced-colors:active){.spectrum-ClearButton{--spectrum-alias-icon-color-overbackground:ButtonText;--spectrum-alias-icon-color-overbackground-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-background-color:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-disabled:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-down:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-background-color-hover:ButtonFace;--spectrum-button-m-primary-outline-white-texticon-border-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-border-color-down:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-hover:ButtonText;--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color:ButtonText;--spectrum-button-m-primary-outline-white-texticon-text-color-disabled:GrayText;--spectrum-button-m-primary-outline-white-texticon-text-color-down:Highlight;--spectrum-button-m-primary-outline-white-texticon-text-color-hover:Highlight;--spectrum-clearbutton-fill-background-color:ButtonFace;--spectrum-clearbutton-fill-background-color-disabled:ButtonFace;--spectrum-clearbutton-fill-background-color-down:ButtonFace;--spectrum-clearbutton-fill-background-color-hover:ButtonFace;--spectrum-clearbutton-fill-background-color-key-focus:ButtonFace;--spectrum-clearbutton-fill-uiicon-color:ButtonText;--spectrum-clearbutton-fill-uiicon-color-disabled:GrayText;--spectrum-clearbutton-fill-uiicon-color-down:Highlight;--spectrum-clearbutton-fill-uiicon-color-key-focus:Highlight;--spectrum-clearbutton-m-fill-uiicon-color:ButtonText}.spectrum-ClearButton:hover{color:var(--spectrum-clearbutton-fill-uiicon-color-key-focus)}.spectrum-ClearButton.is-disabled,.spectrum-ClearButton:disabled{color:var(--spectrum-clearbutton-fill-uiicon-color-disabled)}}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--spectrum-global-color-gray-100)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Textfield{--spectrum-texfield-animation-duration:var(
+		--spectrum-animation-duration-100
+	);--spectrum-textfield-width:240px;--spectrum-textfield-min-width:var(
+		--spectrum-text-field-minimum-width-multiplier
+	);--spectrum-textfield-corner-radius:var(--spectrum-corner-radius-100);--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-spacing-inline:var(
+		--spectrum-component-edge-to-text-100
+	);--spectrum-textfield-spacing-inline-quiet:var(
+		--spectrum-field-edge-to-text-quiet
+	);--spectrum-textfield-spacing-block-start:var(
+		--spectrum-component-top-to-text-100
+	);--spectrum-textfield-spacing-block-end:var(
+		--spectrum-component-bottom-to-text-100
+	);--spectrum-textfield-spacing-block-quiet:var(
+		--spectrum-field-edge-to-border-quiet
+	);--spectrum-textfield-label-spacing-block:var(
+		--spectrum-field-label-to-component
+	);--spectrum-textfield-label-spacing-block-quiet:var(
+		--spectrum-field-label-to-component-quiet-medium
+	);--spectrum-textfield-label-spacing-inline-side-label:var(
+		--spectrum-spacing-100
+	);--spectrum-textfield-helptext-spacing-block:var(
+		--spectrum-help-text-to-component
+	);--spectrum-textfield-icon-size-invalid:var(
+		--spectrum-workflow-icon-size-100
+	);--spectrum-textfield-icon-spacing-inline-start-invalid:var(
+		--spectrum-field-text-to-alert-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-end-invalid:var(
+		--spectrum-field-edge-to-alert-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(
+		--spectrum-field-edge-to-alert-icon-quiet
+	);--spectrum-textfield-icon-spacing-block-invalid:var(
+		--spectrum-field-top-to-alert-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-start-valid:var(
+		--spectrum-field-text-to-validation-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-end-valid:var(
+		--spectrum-field-edge-to-validation-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(
+		--spectrum-field-edge-to-validation-icon-quiet
+	);--spectrum-textfield-icon-spacing-block-valid:var(
+		--spectrum-field-top-to-validation-icon-medium
+	);--spectrum-Textfield-workflow-icon-width:18px;--spectrum-Textfield-workflow-icon-gap:6px;--spectrum-textfield-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-character-count-font-family:var(
+		--spectrum-sans-font-family-stack
+	);--spectrum-textfield-character-count-font-weight:var(
+		--spectrum-regular-font-weight
+	);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-inline:var(
+		--spectrum-spacing-200
+	);--spectrum-textfield-character-count-spacing-block:var(
+		--spectrum-component-bottom-to-text-75
+	);--spectrum-textfield-character-count-spacing-inline-side:var(
+		--spectrum-side-label-character-count-to-field
+	);--spectrum-textfield-character-count-spacing-block-side:var(
+		--spectrum-side-label-character-count-top-margin-medium
+	);--spectrum-textfield-focus-indicator-width:var(
+		--spectrum-focus-indicator-thickness
+	);--spectrum-textfield-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-textfield-background-color:var(--spectrum-gray-50);--spectrum-textfield-text-color-default:var(
+		--spectrum-neutral-content-color-default
+	);--spectrum-textfield-text-color-hover:var(
+		--spectrum-neutral-content-color-hover
+	);--spectrum-textfield-text-color-focus:var(
+		--spectrum-neutral-content-color-focus
+	);--spectrum-textfield-text-color-focus-hover:var(
+		--spectrum-neutral-content-color-focus-hover
+	);--spectrum-textfield-text-color-keyboard-focus:var(
+		--spectrum-neutral-content-color-key-focus
+	);--spectrum-textfield-text-color-readonly:var(
+		--spectrum-neutral-content-color-default
+	);--spectrum-textfield-background-color-disabled:var(
+		--spectrum-disabled-background-color
+	);--spectrum-textfield-border-color-disabled:var(
+		--spectrum-disabled-border-color
+	);--spectrum-textfield-text-color-disabled:var(
+		--spectrum-disabled-content-color
+	);--spectrum-textfield-border-color-invalid-default:var(
+		--spectrum-negative-border-color-default
+	);--spectrum-textfield-border-color-invalid-hover:var(
+		--spectrum-negative-border-color-hover
+	);--spectrum-textfield-border-color-invalid-focus:var(
+		--spectrum-negative-border-color-focus
+	);--spectrum-textfield-border-color-invalid-focus-hover:var(
+		--spectrum-negative-border-color-focus-hover
+	);--spectrum-textfield-border-color-invalid-keyboard-focus:var(
+		--spectrum-negative-border-color-key-focus
+	);--spectrum-textfield-icon-color-invalid:var(
+		--spectrum-negative-visual-color
+	);--spectrum-textfield-text-color-invalid:var(
+		--spectrum-neutral-content-color-default
+	);--spectrum-textfield-text-color-valid:var(
+		--spectrum-neutral-content-color-default
+	);--spectrum-textfield-icon-color-valid:var(--spectrum-positive-visual-color);--spectrum-textfield-focus-indicator-color:var(
+		--spectrum-focus-indicator-color
+	);--spectrum-text-area-min-inline-size:var(--spectrum-text-area-minimum-width);--spectrum-text-area-min-block-size:var(--spectrum-text-area-minimum-height);--spectrum-text-area-min-block-size-quiet:var(
+		--spectrum-component-height-100
+	)}.spectrum-Textfield--sizeS{--spectrum-textfield-height:var(--spectrum-component-height-75);--spectrum-textfield-label-spacing-block-quiet:var(
+		--spectrum-field-label-to-component-quiet-small
+	);--spectrum-textfield-label-spacing-inline-side-label:var(
+		--spectrum-spacing-100
+	);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-75);--spectrum-textfield-spacing-inline:var(
+		--spectrum-component-edge-to-text-75
+	);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-75);--spectrum-textfield-icon-spacing-inline-end-invalid:var(
+		--spectrum-field-edge-to-alert-icon-small
+	);--spectrum-textfield-icon-spacing-inline-end-valid:var(
+		--spectrum-field-edge-to-validation-icon-small
+	);--spectrum-textfield-icon-spacing-block-invalid:var(
+		--spectrum-field-top-to-alert-icon-small
+	);--spectrum-textfield-icon-spacing-block-valid:var(
+		--spectrum-field-top-to-validation-icon-small
+	);--spectrum-textfield-icon-spacing-inline-start-invalid:var(
+		--spectrum-field-text-to-alert-icon-small
+	);--spectrum-textfield-icon-spacing-inline-start-valid:var(
+		--spectrum-field-text-to-validation-icon-small
+	);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(
+		--spectrum-component-bottom-to-text-75
+	);--spectrum-textfield-character-count-spacing-block-quiet:var(
+		--spectrum-character-count-to-field-quiet-small
+	);--spectrum-textfield-character-count-spacing-block-side:var(
+		--spectrum-side-label-character-count-top-margin-small
+	);--spectrum-text-area-min-block-size-quiet:var(
+		--spectrum-component-height-75
+	)}.spectrum-Textfield--sizeM{--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-label-spacing-block-quiet:var(
+		--spectrum-field-label-to-component-quiet-medium
+	);--spectrum-textfield-label-spacing-inline-side-label:var(
+		--spectrum-spacing-200
+	);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-spacing-inline:var(
+		--spectrum-component-edge-to-text-100
+	);--spectrum-textfield-icon-size-invalid:var(
+		--spectrum-workflow-icon-size-100
+	);--spectrum-textfield-icon-spacing-inline-end-invalid:var(
+		--spectrum-field-edge-to-alert-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-end-valid:var(
+		--spectrum-field-edge-to-validation-icon-medium
+	);--spectrum-textfield-icon-spacing-block-invalid:var(
+		--spectrum-field-top-to-alert-icon-medium
+	);--spectrum-textfield-icon-spacing-block-valid:var(
+		--spectrum-field-top-to-validation-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-start-invalid:var(
+		--spectrum-field-text-to-alert-icon-medium
+	);--spectrum-textfield-icon-spacing-inline-start-valid:var(
+		--spectrum-field-text-to-validation-icon-medium
+	);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(
+		--spectrum-component-bottom-to-text-75
+	);--spectrum-textfield-character-count-spacing-block-quiet:var(
+		--spectrum-character-count-to-field-quiet-medium
+	);--spectrum-textfield-character-count-spacing-block-side:var(
+		--spectrum-side-label-character-count-top-margin-medium
+	);--spectrum-text-area-min-block-size-quiet:var(
+		--spectrum-component-height-100
+	)}.spectrum-Textfield{-moz-appearance:textfield;display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;inline-size:var(--spectrum-textfield-width);margin:0;overflow:visible;position:relative;text-indent:0;text-overflow:ellipsis}.spectrum-Textfield .spectrum-Textfield-icon{bottom:0;color:var(
+			--spectrum-textfield-text-color-default
+		);display:block;margin-block:auto;position:absolute;top:0}.spectrum-Textfield .spectrum-Textfield-icon.spectrum-Search-icon{right:auto}.spectrum-Textfield.is-disabled .spectrum-Textfield .spectrum-Textfield-icon{color:var(
+				--spectrum-textfield-text-color-disabled
+			)}.spectrum-Textfield.is-disabled .spectrum-Textfield-validationIcon.spectrum-Search-icon{color:var(
+			--spectrum-textfield-text-color-disabled
+		)}.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon{grid-column:2;grid-row:2;margin-inline-start:auto;pointer-events:all;position:absolute;top:0}.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon{block-size:var(
+			--spectrum-textfield-icon-size-invalid
+		);color:var(
+			--spectrum-textfield-icon-color-invalid
+		);inline-size:var(
+			--spectrum-textfield-icon-size-invalid
+		);inset-block-end:var(
+			--spectrum-textfield-icon-spacing-block-invalid
+		);inset-block-start:var(
+			--spectrum-textfield-icon-spacing-block-invalid
+		);inset-inline-end:var(
+			--spectrum-textfield-icon-spacing-inline-end-invalid
+		);inset-inline-start:var(
+			--spectrum-textfield-icon-spacing-inline-start-invalid
+		)}.spectrum-Textfield.is-disabled .spectrum-Textfield-validationIcon{color:transparent}.spectrum-Textfield .spectrum-FieldLabel{grid-column:1/span 1;grid-row:1;margin-block-end:var(
+			--spectrum-textfield-label-spacing-block
+		);padding-left:calc(var(--spectrum-textfield-corner-radius)/2)}.is-disabled .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}.spectrum-Textfield-input{-webkit-appearance:none;-moz-appearance:textfield;background-color:var(
+		--spectrum-textfield-background-color
+	);block-size:var(--spectrum-textfield-height);border:var(
+			--spectrum-textfield-border-width
+		) solid var(
+			--spectrum-textfield-border-color
+		);border-radius:var(
+		--spectrum-textfield-corner-radius
+	);box-sizing:border-box;color:var(
+		--spectrum-textfield-text-color-default
+	);font-family:var(
+		--spectrum-textfield-font-family
+	);font-size:var(
+		--spectrum-textfield-placeholder-font-size
+	);font-weight:var(
+		--spectrum-textfield-font-weight
+	);grid-column:1/span 2;grid-row:2;inline-size:100%;margin:0;min-inline-size:var(
+		--spectrum-textfield-min-width
+	);outline:none;overflow:visible;padding-block-end:calc(var(--spectrum-textfield-spacing-block-end) - var(--spectrum-textfield-border-width));padding-block-start:calc(var(--spectrum-textfield-spacing-block-start) - var(--spectrum-textfield-border-width));padding-inline:calc(var(--spectrum-textfield-spacing-inline) - var(--spectrum-textfield-border-width));text-indent:0;text-overflow:ellipsis;transition:border-color var(
+			--spectrum-texfield-animation-duration
+		) ease-in-out;vertical-align:top}.spectrum-Textfield-input::-ms-clear{block-size:0;inline-size:0}.spectrum-Textfield-input::-webkit-inner-spin-button,.spectrum-Textfield-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spectrum-Textfield-input:-moz-ui-invalid{box-shadow:none}.spectrum-Textfield-input::-ms-input-placeholder{opacity:1}.spectrum-Textfield-input::placeholder{color:var(
+			--spectrum-textfield-text-color-default
+		);font-family:var(
+			--spectrum-textfield-font-family
+		);font-size:var(
+			--spectrum-textfield-placeholder-font-size
+		);font-weight:var(
+			--spectrum-textfield-font-weight
+		);opacity:1;transition:color var(
+				--spectrum-texfield-animation-duration
+			) ease-in-out}.spectrum-Textfield-input:lang(ja)::placeholder,.spectrum-Textfield-input:lang(ko)::placeholder,.spectrum-Textfield-input:lang(zh)::placeholder{font-style:normal}.spectrum-Textfield-input:lang(ja)::-ms-input-placeholder,.spectrum-Textfield-input:lang(ko)::-ms-input-placeholder,.spectrum-Textfield-input:lang(zh)::-ms-input-placeholder{font-style:normal}.spectrum-Textfield-input:hover,.spectrum-Textfield:hover .spectrum-Textfield-input{border-color:var(
+			--spectrum-textfield-border-color-hover
+		);color:var(
+			--spectrum-textfield-text-color-hover
+		)}.spectrum-Textfield-input:hover::placeholder,.spectrum-Textfield:hover .spectrum-Textfield-input::placeholder{color:var(
+				--spectrum-textfield-text-color-hover
+			)}.spectrum-Textfield-input:focus{border-color:var(
+			--spectrum-textfield-border-color-focus
+		);color:var(
+			--spectrum-textfield-text-color-focus
+		)}.spectrum-Textfield-input:focus::placeholder{color:var(
+				--spectrum-textfield-text-color-focus
+			)}.spectrum-Textfield-input:focus:hover{border-color:var(
+				--spectrum-textfield-border-color-focus-hover
+			);color:var(
+				--spectrum-textfield-text-color-focus-hover
+			)}.spectrum-Textfield-input:focus:hover::placeholder{color:var(
+					--spectrum-textfield-text-color-focus-hover
+				)}.spectrum-Textfield-input:focus-visible{border-color:var(
+			--spectrum-textfield-border-color-keyboard-focus
+		);color:var(
+			--spectrum-textfield-text-color-keyboard-focus
+		);outline:var(
+				--spectrum-textfield-focus-indicator-width
+			) solid;outline-color:var(
+			--spectrum-textfield-focus-indicator-color
+		);outline-offset:var(
+			--spectrum-textfield-focus-indicator-gap
+		)}.spectrum-Textfield-input:focus-visible::placeholder{color:var(
+				--spectrum-textfield-text-color-keyboard-focus
+			)}.is-invalid .spectrum-Textfield-input{border-color:var(
+			--spectrum-textfield-border-color-invalid-default
+		);color:var(
+			--spectrum-textfield-text-color-invalid
+		)}.is-invalid .spectrum-Textfield-input:hover,.is-invalid:hover .spectrum-Textfield-input{border-color:var(
+			--spectrum-textfield-border-color-invalid-hover
+		)}.is-invalid .spectrum-Textfield-input:focus,.is-invalid:focus .spectrum-Textfield-input{border-color:var(
+			--spectrum-textfield-border-color-invalid-focus
+		)}.is-invalid .spectrum-Textfield-input:focus:hover,.is-invalid:focus .spectrum-Textfield-input:hover{border-color:var(
+				--spectrum-textfield-border-color-invalid-focus-hover
+			)}.is-invalid .spectrum-Textfield-input:focus-visible{border-color:var(
+			--spectrum-textfield-border-color-invalid-keyboard-focus
+		)}.spectrum-Textfield-input:disabled,.spectrum-Textfield.is-disabled .spectrum-Textfield-input,.spectrum-Textfield.is-disabled:hover .spectrum-Textfield-input{-webkit-text-fill-color:var(
+			--spectrum-textfield-text-color-disabled
+		);background-color:var(
+			--spectrum-textfield-background-color-disabled
+		);border-color:transparent;color:var(
+			--spectrum-textfield-text-color-disabled
+		);opacity:1;resize:none}.spectrum-Textfield-input:disabled::placeholder,.spectrum-Textfield.is-disabled .spectrum-Textfield-input::placeholder,.spectrum-Textfield.is-disabled:hover .spectrum-Textfield-input::placeholder{color:var(
+				--spectrum-textfield-text-color-disabled
+			)}.spectrum-Textfield-input:disabled{background-color:transparent;border-color:var(
+			--spectrum-textfield-border-color-disabled
+		);color:var(
+			--spectrum-textfield-text-color-disabled
+		)}.spectrum-Textfield-input:disabled::placeholder{color:var(
+				--spectrum-textfield-text-color-disabled
+			)}.spectrum-Textfield-input:read-only{background-color:transparent;border-color:transparent;color:var(
+			--spectrum-textfield-text-color-readonly
+		);outline:none}.spectrum-Textfield-input:read-only::placeholder{background-color:transparent;color:var(
+				--spectrum-textfield-text-color-readonly
+			)}.spectrum-Textfield--sideLabel{grid-template-columns:auto auto auto;grid-template-rows:auto auto}.spectrum-Textfield--sideLabel:after{grid-column:2/span 1;grid-row:1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-column:1/span 1;grid-row:1/span 2;margin-inline-end:var(
+			--spectrum-textfield-label-spacing-inline-side-label
+		)}.spectrum-Textfield--sideLabel .spectrum-Textfield-input,.spectrum-Textfield--sideLabel .spectrum-Textfield-validationIcon{grid-column:2/span 1;grid-row:1/span 1}@media (forced-colors:active){.spectrum-Textfield{--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}.spectrum-Textfield .spectrum-Textfield-input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}.spectrum-Textfield .spectrum-Textfield-input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}.spectrum{--system-spectrum-textfield-border-color:var(--spectrum-gray-500);--system-spectrum-textfield-border-color-hover:var(--spectrum-gray-600);--system-spectrum-textfield-border-color-focus:var(--spectrum-gray-800);--system-spectrum-textfield-border-color-focus-hover:var(--spectrum-gray-900);--system-spectrum-textfield-border-color-keyboard-focus:var(--spectrum-gray-900);--system-spectrum-textfield-border-width:var(--spectrum-border-width-100)}.spectrum-Textfield{--spectrum-textfield-border-color:var(--system-spectrum-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-spectrum-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-spectrum-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-spectrum-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-spectrum-textfield-border-color-keyboard-focus);--spectrum-textfield-border-width:var(--system-spectrum-textfield-border-width)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Search{--spectrum-search-quiet-button-offset:calc(var(--spectrum-global-dimension-size-400)/2 - var(--spectrum-alias-ui-icon-cross-size-100)/2);display:inline-block;position:relative}[dir=ltr] .spectrum-Search-clearButton{right:0}.spectrum-Search-clearButton{position:absolute;top:0}.spectrum-Search-input{-webkit-appearance:none;border-radius:var(--spectrum-global-dimension-size-50);outline-offset:-2px}.spectrum-Search-input::-webkit-search-cancel-button,.spectrum-Search-input::-webkit-search-decoration{-webkit-appearance:none}.spectrum-Search-textfield:after{border-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-icon{left:var(--spectrum-alias-search-padding-left-m)}[dir=ltr] .spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-input{padding-left:calc(var(--spectrum-alias-search-padding-left-m) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-100) - var(--spectrum-alias-input-border-size))}.spectrum-Search-icon{color:var(--spectrum-alias-component-icon-color-default)}.spectrum-Search-input:hover~.spectrum-Search-icon{color:var(--spectrum-alias-component-icon-color-hover)}.spectrum-Search-input:active~.spectrum-Search-icon{color:var(--spectrum-alias-component-icon-color-down)}.spectrum-Search-input:disabled~.spectrum-Search-icon{color:var(--spectrum-alias-component-text-color-disabled)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-TreeView{--spectrum-treeview-heading-font-weight:700;--spectrum-treeview-item-hover-offset:var(--spectrum-global-dimension-size-25);--spectrum-treeview-item-border-size-selected:var(--spectrum-global-dimension-static-size-10)}.spectrum-TreeView--sizeS{--spectrum-treeview-item-text-padding-top:var(--spectrum-global-dimension-static-size-50);--spectrum-treeview-item-indentation:var(--spectrum-global-dimension-size-150);--spectrum-treeview-item-min-height:var(--spectrum-global-dimension-size-300);--spectrum-treeview-item-border-radius:var(--spectrum-global-dimension-static-size-0);--spectrum-treeview-item-padding-left:var(--spectrum-global-dimension-static-size-0);--spectrum-treeview-item-padding-right:var(--spectrum-global-dimension-size-115);--spectrum-treeview-item-padding-top:var(--spectrum-global-dimension-static-size-0);--spectrum-treeview-item-padding-bottom:var(--spectrum-global-dimension-static-size-0);--spectrum-treeview-item-border-size:var(--spectrum-global-dimension-static-size-25);--spectrum-treeview-item-affordance-size:var(--spectrum-global-dimension-size-300);--spectrum-treeview-s-item-icon-gap:var(--spectrum-global-dimension-size-85)}.spectrum-TreeView{display:block;list-style:none;outline:none;padding:0;position:relative;-webkit-user-select:none;user-select:none}.spectrum-TreeView-item{overflow:hidden}[dir=ltr] .spectrum-TreeView-item.is-open>.spectrum-TreeView-itemLink>.spectrum-TreeView-itemIndicator{transform:rotate(90deg)}.spectrum-TreeView-item.is-open>.spectrum-TreeView{height:auto;visibility:visible}.spectrum-TreeView-item.is-selected .spectrum-TreeView-itemLink:not(.focus-ring):before{border-width:var(--spectrum-treeview-item-border-size-selected)}.spectrum-TreeView-itemLabel{overflow:hidden;position:relative;text-overflow:ellipsis}.spectrum-TreeView-itemLink{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;min-height:var(--spectrum-treeview-item-min-height);outline:none;overflow:hidden;padding:var(--spectrum-treeview-item-text-padding-top) var(--spectrum-treeview-item-affordance-size) var(--spectrum-treeview-item-text-padding-bottom);text-decoration:none;white-space:nowrap}[dir=ltr] .spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon{margin-right:var(--spectrum-global-dimension-size-85)}.spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon{vertical-align:top}[dir=ltr] .spectrum-TreeView-itemLink:before{left:var(--spectrum-treeview-item-border-size)}[dir=ltr] .spectrum-TreeView-itemLink:before{right:0}.spectrum-TreeView-itemLink:before{background-color:transparent;border-color:transparent;border-style:solid;border-width:var(--spectrum-treeview-item-border-size) 0 var(--spectrum-treeview-item-border-size) 0;color:transparent;content:"\00a0";height:calc(var(--spectrum-treeview-item-min-height) - var(--spectrum-treeview-item-hover-offset)*2);padding-bottom:calc(var(--spectrum-treeview-item-text-padding-bottom) - var(--spectrum-treeview-item-border-size));padding-top:calc(var(--spectrum-treeview-item-text-padding-top) - var(--spectrum-treeview-item-border-size));position:absolute}[dir=ltr] .spectrum-TreeView-itemIndicator{float:left}[dir=ltr] .spectrum-TreeView-itemIndicator{left:var(--spectrum-global-dimension-size-125)}[dir=ltr] .spectrum-TreeView-itemIndicator{margin-left:calc(var(--spectrum-global-dimension-size-500)*-1)}[dir=ltr] .spectrum-TreeView-itemIndicator{margin-right:var(--spectrum-global-dimension-size-85)}.spectrum-TreeView-itemIndicator{box-sizing:content-box;display:block;margin-bottom:calc(var(--spectrum-global-dimension-size-125)*-1);padding:var(--spectrum-global-dimension-size-125) var(--spectrum-global-dimension-size-150);pointer-events:all;position:relative;top:calc(var(--spectrum-global-dimension-size-65)*-1);transition:transform .13s ease;z-index:1}[dir=ltr] .spectrum-TreeView .spectrum-TreeView{padding-left:var(--spectrum-treeview-item-indentation)}.spectrum-TreeView .spectrum-TreeView{height:0;position:static;visibility:hidden}.spectrum-TreeView{--spectrum-treeview-item-background-color-selected:var(--spectrum-alias-highlight-selected);--spectrum-treeview-item-background-color-quiet-selected:var(--spectrum-alias-highlight-hover);--spectrum-treeview-item-icon-color:var(--spectrum-global-color-gray-700);--spectrum-treeview-item-icon-color-hover:var(--spectrum-global-color-gray-900);--spectrum-treeview-item-icon-color-focus:var(--spectrum-global-color-gray-900);--spectrum-treeview-item-icon-color-selected:var(--spectrum-global-color-gray-900);--spectrum-treeview-item-icon-color-disabled:var(--spectrum-global-color-gray-400);--spectrum-treeview-m-item-text-color-selected:var(--spectrum-global-color-gray-900)}.spectrum-TreeView-item.is-disabled>.spectrum-TreeView-itemLink{color:var(--spectrum-alias-component-text-color-disabled)}.spectrum-TreeView-item.is-disabled>.spectrum-TreeView-itemLink .spectrum-Icon{color:var(--spectrum-treeview-item-icon-color-disabled)}.spectrum-TreeView-item.is-selected>.spectrum-TreeView-itemLink{color:var(--spectrum-treeview-m-item-text-color-selected)}.spectrum-TreeView-item.is-selected>.spectrum-TreeView-itemLink:before{background-color:var(--spectrum-treeview-item-background-color-selected);border-color:var(--spectrum-alias-border-color-key-focus)}.spectrum-TreeView-item.is-selected>.spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon{color:var(--spectrum-treeview-item-icon-color-selected)}.spectrum-TreeView-itemIcon{color:var(--spectrum-treeview-item-icon-color)}.spectrum-TreeView-itemLink{color:var(--spectrum-alias-component-text-color-default)}.spectrum-TreeView-itemLink:hover{color:var(--spectrum-alias-component-text-color-hover)}.spectrum-TreeView-itemLink:hover:before{background-color:var(--spectrum-global-color-gray-200)}.spectrum-TreeView-itemLink:hover .spectrum-TreeView-itemIcon{color:var(--spectrum-treeview-item-icon-color-hover)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:button;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-sans-font-family-stack);justify-content:center;line-height:var(--spectrum-line-height-100);margin:0;overflow:visible;text-decoration:none;text-transform:none;transition:background var(--spectrum-animation-duration-100) ease-out,border-color var(--spectrum-animation-duration-100) ease-out,color var(--spectrum-animation-duration-100) ease-out,box-shadow var(--spectrum-animation-duration-100) ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}.spectrum-Button:focus{outline:none}.spectrum-Button::-moz-focus-inner{border:0;border-style:none;margin-block-end:-2px;margin-block-start:-2px;padding:0}.spectrum-Button:disabled{cursor:default}.spectrum-Button:after{bottom:0;display:block;left:0;margin:calc(var(--spectrum-focus-indicator-gap)*-1);right:0;top:0;transition:opacity var(--spectrum-animation-duration-100) ease-out,margin var(--spectrum-animation-duration-100) ease-out}a.spectrum-Button{-webkit-appearance:none;-webkit-user-select:none;user-select:none}.spectrum-Button-label{align-self:center;justify-self:center;text-align:center}.spectrum-Button-label:empty{display:none}.spectrum-Button{--spectrum-button-animation-duration:var(--spectrum-animation-duration-100);--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-button-focus-indicator-color:var(--spectrum-focus-indicator-color)}.spectrum-Button--sizeS{--spectrum-button-min-width:calc(var(--spectrum-component-height-75)*var(--spectrum-button-minimum-width-multiplier));--spectrum-button-border-radius:var(--spectrum-component-pill-edge-to-text-75);--spectrum-button-height:var(--spectrum-component-height-75);--spectrum-button-font-size:var(--spectrum-font-size-75);--spectrum-button-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-bottom-to-text:var(--spectrum-button-bottom-to-text-small)}.spectrum-Button{border-radius:var(--spectrum-button-border-radius);border-style:solid;border-width:var(--spectrum-button-border-width);color:inherit;font-size:var(--spectrum-button-font-size);font-weight:var(--spectrum-bold-font-weight);gap:var(--spectrum-button-padding-label-to-icon);margin-block:var(--mod-button-margin-block);margin-inline-end:var(--mod-button-margin-right);margin-inline-start:var(--mod-button-margin-left);min-block-size:var(--spectrum-button-height);min-inline-size:var(--spectrum-button-min-width);padding-block:0;padding-inline:var(--spectrum-button-edge-to-text);position:relative}.spectrum-Button:active,.spectrum-Button:hover{box-shadow:none}.spectrum-Button .spectrum-Icon{color:inherit;margin-inline-start:calc(var(--spectrum-button-edge-to-visual) - var(--spectrum-button-edge-to-text))}.spectrum-Button:after{border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-focus-indicator-gap))}.spectrum-Button.spectrum-Button--iconOnly{border-radius:50%;min-inline-size:unset;padding:calc(var(--spectrum-button-edge-to-visual-only) - var(--spectrum-button-border-width))}.spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon{margin-inline-start:0}.spectrum-Button.spectrum-Button--iconOnly:after{border-radius:50%}.spectrum-Button-label{align-self:start;line-height:var(--spectrum-button-line-height);padding-block-end:calc(var(--spectrum-button-bottom-to-text) - var(--spectrum-button-border-width));padding-block-start:calc(var(--spectrum-button-top-to-text) - var(--spectrum-button-border-width));white-space:nowrap}.spectrum-Button{transition:border-color var(--spectrum-button-animation-duration) ease-in-out}.spectrum-Button:after{border-radius:var(--spectrum-button-focus-ring-border-radius);content:"";inset:0;margin:calc((var(--spectrum-button-focus-ring-gap) + var(--spectrum-button-border-width))*-1);pointer-events:none;position:absolute;transition:box-shadow var(--spectrum-button-animation-duration) ease-in-out}.spectrum-Button{background-color:var(--spectrum-button-background-color-default);border-color:var(--spectrum-button-border-color-default);color:var(--spectrum-button-content-color-default)}.spectrum-Button:hover{background-color:var(--spectrum-button-background-color-hover);border-color:var(--spectrum-button-border-color-hover);color:var(--spectrum-button-content-color-hover)}.spectrum-Button:active{background-color:var(--spectrum-button-background-color-down);border-color:var(--spectrum-button-border-color-down);color:var(--spectrum-button-content-color-down)}.spectrum-Button.is-disabled,.spectrum-Button:disabled{background-color:var(--spectrum-button-background-color-disabled);border-color:var(--spectrum-button-border-color-disabled);color:var(--spectrum-button-content-color-disabled)}@media (forced-colors:active){.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill{background-color:ButtonText;color:ButtonFace}.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill.is-disabled,.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill:disabled{background-color:ButtonFace;color:GrayText}.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill:active,.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill:hover{background-color:Highlight}.spectrum-Button.spectrum-Button--accent.spectrum-Button--fill .spectrum-Button-label{forced-color-adjust:none}}.spectrum{--system-spectrum-button-background-color-default:var(--spectrum-gray-75);--system-spectrum-button-background-color-hover:var(--spectrum-gray-200);--system-spectrum-button-background-color-down:var(--spectrum-gray-300);--system-spectrum-button-background-color-focus:var(--spectrum-gray-200);--system-spectrum-button-border-color-default:var(--spectrum-gray-400);--system-spectrum-button-border-color-hover:var(--spectrum-gray-500);--system-spectrum-button-border-color-down:var(--spectrum-gray-600);--system-spectrum-button-border-color-focus:var(--spectrum-gray-500);--system-spectrum-button-content-color-default:var(--spectrum-neutral-content-color-default);--system-spectrum-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--system-spectrum-button-content-color-down:var(--spectrum-neutral-content-color-down);--system-spectrum-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--system-spectrum-button-background-color-disabled:transparent;--system-spectrum-button-border-color-disabled:var(--spectrum-disabled-border-color);--system-spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-accent-background-color-default:var(--spectrum-accent-background-color-default);--system-spectrum-button-accent-background-color-hover:var(--spectrum-accent-background-color-hover);--system-spectrum-button-accent-background-color-down:var(--spectrum-accent-background-color-down);--system-spectrum-button-accent-background-color-focus:var(--spectrum-accent-background-color-key-focus);--system-spectrum-button-accent-border-color-default:transparent;--system-spectrum-button-accent-border-color-hover:transparent;--system-spectrum-button-accent-border-color-down:transparent;--system-spectrum-button-accent-border-color-focus:transparent;--system-spectrum-button-accent-content-color-default:var(--spectrum-white);--system-spectrum-button-accent-content-color-hover:var(--spectrum-white);--system-spectrum-button-accent-content-color-down:var(--spectrum-white);--system-spectrum-button-accent-content-color-focus:var(--spectrum-white);--system-spectrum-button-accent-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-button-accent-border-color-disabled:transparent;--system-spectrum-button-accent-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-accent-outline-background-color-default:transparent;--system-spectrum-button-accent-outline-background-color-hover:var(--spectrum-accent-color-200);--system-spectrum-button-accent-outline-background-color-down:var(--spectrum-accent-color-300);--system-spectrum-button-accent-outline-background-color-focus:var(--spectrum-accent-color-200);--system-spectrum-button-accent-outline-border-color-default:var(--spectrum-accent-color-900);--system-spectrum-button-accent-outline-border-color-hover:var(--spectrum-accent-color-1000);--system-spectrum-button-accent-outline-border-color-down:var(--spectrum-accent-color-1100);--system-spectrum-button-accent-outline-border-color-focus:var(--spectrum-accent-color-1000);--system-spectrum-button-accent-outline-content-color-default:var(--spectrum-accent-content-color-default);--system-spectrum-button-accent-outline-content-color-hover:var(--spectrum-accent-content-color-hover);--system-spectrum-button-accent-outline-content-color-down:var(--spectrum-accent-content-color-down);--system-spectrum-button-accent-outline-content-color-focus:var(--spectrum-accent-content-color-key-focus);--system-spectrum-button-accent-outline-background-color-disabled:transparent;--system-spectrum-button-accent-outline-border-color-disabled:var(--spectrum-disabled-border-color);--system-spectrum-button-accent-outline-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-negative-background-color-default:var(--spectrum-negative-background-color-default);--system-spectrum-button-negative-background-color-hover:var(--spectrum-negative-background-color-hover);--system-spectrum-button-negative-background-color-down:var(--spectrum-negative-background-color-down);--system-spectrum-button-negative-background-color-focus:var(--spectrum-negative-background-color-key-focus);--system-spectrum-button-negative-border-color-default:transparent;--system-spectrum-button-negative-border-color-hover:transparent;--system-spectrum-button-negative-border-color-down:transparent;--system-spectrum-button-negative-border-color-focus:transparent;--system-spectrum-button-negative-content-color-default:var(--spectrum-white);--system-spectrum-button-negative-content-color-hover:var(--spectrum-white);--system-spectrum-button-negative-content-color-down:var(--spectrum-white);--system-spectrum-button-negative-content-color-focus:var(--spectrum-white);--system-spectrum-button-negative-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-button-negative-border-color-disabled:transparent;--system-spectrum-button-negative-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-negative-outline-background-color-default:transparent;--system-spectrum-button-negative-outline-background-color-hover:var(--spectrum-negative-color-200);--system-spectrum-button-negative-outline-background-color-down:var(--spectrum-negative-color-300);--system-spectrum-button-negative-outline-background-color-focus:var(--spectrum-negative-color-200);--system-spectrum-button-negative-outline-border-color-default:var(--spectrum-negative-color-900);--system-spectrum-button-negative-outline-border-color-hover:var(--spectrum-negative-color-1000);--system-spectrum-button-negative-outline-border-color-down:var(--spectrum-negative-color-1100);--system-spectrum-button-negative-outline-border-color-focus:var(--spectrum-negative-color-1000);--system-spectrum-button-negative-outline-content-color-default:var(--spectrum-negative-content-color-default);--system-spectrum-button-negative-outline-content-color-hover:var(--spectrum-negative-content-color-hover);--system-spectrum-button-negative-outline-content-color-down:var(--spectrum-negative-content-color-down);--system-spectrum-button-negative-outline-content-color-focus:var(--spectrum-negative-content-color-key-focus);--system-spectrum-button-negative-outline-background-color-disabled:transparent;--system-spectrum-button-negative-outline-border-color-disabled:var(--spectrum-disabled-border-color);--system-spectrum-button-negative-outline-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-primary-background-color-default:var(--spectrum-neutral-background-color-default);--system-spectrum-button-primary-background-color-hover:var(--spectrum-neutral-background-color-hover);--system-spectrum-button-primary-background-color-down:var(--spectrum-neutral-background-color-down);--system-spectrum-button-primary-background-color-focus:var(--spectrum-neutral-background-color-key-focus);--system-spectrum-button-primary-border-color-default:transparent;--system-spectrum-button-primary-border-color-hover:transparent;--system-spectrum-button-primary-border-color-down:transparent;--system-spectrum-button-primary-border-color-focus:transparent;--system-spectrum-button-primary-content-color-default:var(--spectrum-white);--system-spectrum-button-primary-content-color-hover:var(--spectrum-white);--system-spectrum-button-primary-content-color-down:var(--spectrum-white);--system-spectrum-button-primary-content-color-focus:var(--spectrum-white);--system-spectrum-button-primary-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-button-primary-border-color-disabled:transparent;--system-spectrum-button-primary-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-primary-outline-background-color-default:transparent;--system-spectrum-button-primary-outline-background-color-hover:var(--spectrum-gray-300);--system-spectrum-button-primary-outline-background-color-down:var(--spectrum-gray-400);--system-spectrum-button-primary-outline-background-color-focus:var(--spectrum-gray-300);--system-spectrum-button-primary-outline-border-color-default:var(--spectrum-gray-800);--system-spectrum-button-primary-outline-border-color-hover:var(--spectrum-gray-900);--system-spectrum-button-primary-outline-border-color-down:var(--spectrum-gray-900);--system-spectrum-button-primary-outline-border-color-focus:var(--spectrum-gray-900);--system-spectrum-button-primary-outline-content-color-default:var(--spectrum-neutral-content-color-default);--system-spectrum-button-primary-outline-content-color-hover:var(--spectrum-neutral-content-color-hover);--system-spectrum-button-primary-outline-content-color-down:var(--spectrum-neutral-content-color-down);--system-spectrum-button-primary-outline-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--system-spectrum-button-primary-outline-background-color-disabled:transparent;--system-spectrum-button-primary-outline-border-color-disabled:var(--spectrum-disabled-border-color);--system-spectrum-button-primary-outline-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-secondary-background-color-default:var(--spectrum-gray-200);--system-spectrum-button-secondary-background-color-hover:var(--spectrum-gray-300);--system-spectrum-button-secondary-background-color-down:var(--spectrum-gray-400);--system-spectrum-button-secondary-background-color-focus:var(--spectrum-gray-300);--system-spectrum-button-secondary-border-color-default:transparent;--system-spectrum-button-secondary-border-color-hover:transparent;--system-spectrum-button-secondary-border-color-down:transparent;--system-spectrum-button-secondary-border-color-focus:transparent;--system-spectrum-button-secondary-content-color-default:var(--spectrum-neutral-content-color-default);--system-spectrum-button-secondary-content-color-hover:var(--spectrum-neutral-content-color-hover);--system-spectrum-button-secondary-content-color-down:var(--spectrum-neutral-content-color-down);--system-spectrum-button-secondary-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--system-spectrum-button-secondary-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-button-secondary-border-color-disabled:transparent;--system-spectrum-button-secondary-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-secondary-outline-background-color-default:transparent;--system-spectrum-button-secondary-outline-background-color-hover:var(--spectrum-gray-300);--system-spectrum-button-secondary-outline-background-color-down:var(--spectrum-gray-400);--system-spectrum-button-secondary-outline-background-color-focus:var(--spectrum-gray-300);--system-spectrum-button-secondary-outline-border-color-default:var(--spectrum-gray-300);--system-spectrum-button-secondary-outline-border-color-hover:var(--spectrum-gray-400);--system-spectrum-button-secondary-outline-border-color-down:var(--spectrum-gray-500);--system-spectrum-button-secondary-outline-border-color-focus:var(--spectrum-gray-400);--system-spectrum-button-secondary-outline-content-color-default:var(--spectrum-neutral-content-color-default);--system-spectrum-button-secondary-outline-content-color-hover:var(--spectrum-neutral-content-color-hover);--system-spectrum-button-secondary-outline-content-color-down:var(--spectrum-neutral-content-color-down);--system-spectrum-button-secondary-outline-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--system-spectrum-button-secondary-outline-background-color-disabled:transparent;--system-spectrum-button-secondary-outline-border-color-disabled:var(--spectrum-disabled-border-color);--system-spectrum-button-secondary-outline-content-color-disabled:var(--spectrum-disabled-content-color);--system-spectrum-button-quiet-background-color-default:transparent;--system-spectrum-button-quiet-background-color-hover:var(--spectrum-gray-200);--system-spectrum-button-quiet-background-color-down:var(--spectrum-gray-300);--system-spectrum-button-quiet-background-color-focus:var(--spectrum-gray-200);--system-spectrum-button-quiet-border-color-default:transparent;--system-spectrum-button-quiet-border-color-hover:transparent;--system-spectrum-button-quiet-border-color-down:transparent;--system-spectrum-button-quiet-border-color-focus:transparent;--system-spectrum-button-quiet-background-color-disabled:transparent;--system-spectrum-button-quiet-border-color-disabled:transparent;--system-spectrum-button-selected-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--system-spectrum-button-selected-background-color-hover:var(--spectrum-neutral-subdued-background-color-hover);--system-spectrum-button-selected-background-color-down:var(--spectrum-neutral-subdued-background-color-down);--system-spectrum-button-selected-background-color-focus:var(--spectrum-neutral-subdued-background-color-key-focus);--system-spectrum-button-selected-border-color-default:transparent;--system-spectrum-button-selected-border-color-hover:transparent;--system-spectrum-button-selected-border-color-down:transparent;--system-spectrum-button-selected-border-color-focus:transparent;--system-spectrum-button-selected-content-color-default:var(--spectrum-white);--system-spectrum-button-selected-content-color-hover:var(--spectrum-white);--system-spectrum-button-selected-content-color-down:var(--spectrum-white);--system-spectrum-button-selected-content-color-focus:var(--spectrum-white);--system-spectrum-button-selected-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-button-selected-border-color-disabled:transparent;--system-spectrum-button-selected-emphasized-background-color-default:var(--spectrum-accent-background-color-default);--system-spectrum-button-selected-emphasized-background-color-hover:var(--spectrum-accent-background-color-hover);--system-spectrum-button-selected-emphasized-background-color-down:var(--spectrum-accent-background-color-down);--system-spectrum-button-selected-emphasized-background-color-focus:var(--spectrum-accent-background-color-key-focus);--system-spectrum-button-staticblack-quiet-border-color-default:transparent;--system-spectrum-button-staticwhite-quiet-border-color-default:transparent;--system-spectrum-button-staticblack-quiet-border-color-hover:transparent;--system-spectrum-button-staticwhite-quiet-border-color-hover:transparent;--system-spectrum-button-staticblack-quiet-border-color-down:transparent;--system-spectrum-button-staticwhite-quiet-border-color-down:transparent;--system-spectrum-button-staticblack-quiet-border-color-focus:transparent;--system-spectrum-button-staticwhite-quiet-border-color-focus:transparent;--system-spectrum-button-staticblack-quiet-border-color-disabled:transparent;--system-spectrum-button-staticwhite-quiet-border-color-disabled:transparent;--system-spectrum-button-staticwhite-background-color-default:var(--spectrum-transparent-white-800);--system-spectrum-button-staticwhite-background-color-hover:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-background-color-down:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-background-color-focus:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-border-color-default:transparent;--system-spectrum-button-staticwhite-border-color-hover:transparent;--system-spectrum-button-staticwhite-border-color-down:transparent;--system-spectrum-button-staticwhite-border-color-focus:transparent;--system-spectrum-button-staticwhite-content-color-default:var(--spectrum-black);--system-spectrum-button-staticwhite-content-color-hover:var(--spectrum-black);--system-spectrum-button-staticwhite-content-color-down:var(--spectrum-black);--system-spectrum-button-staticwhite-content-color-focus:var(--spectrum-black);--system-spectrum-button-staticwhite-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color);--system-spectrum-button-staticwhite-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--system-spectrum-button-staticwhite-border-color-disabled:transparent;--system-spectrum-button-staticwhite-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--system-spectrum-button-staticwhite-outline-background-color-default:transparent;--system-spectrum-button-staticwhite-outline-background-color-hover:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-outline-background-color-down:var(--spectrum-transparent-white-400);--system-spectrum-button-staticwhite-outline-background-color-focus:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-outline-border-color-default:var(--spectrum-transparent-white-800);--system-spectrum-button-staticwhite-outline-border-color-hover:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-outline-border-color-down:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-outline-border-color-focus:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-outline-content-color-default:var(--spectrum-white);--system-spectrum-button-staticwhite-outline-content-color-hover:var(--spectrum-white);--system-spectrum-button-staticwhite-outline-content-color-down:var(--spectrum-white);--system-spectrum-button-staticwhite-outline-content-color-focus:var(--spectrum-white);--system-spectrum-button-staticwhite-outline-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color);--system-spectrum-button-staticwhite-outline-background-color-disabled:transparent;--system-spectrum-button-staticwhite-outline-border-color-disabled:var(--spectrum-disabled-static-white-border-color);--system-spectrum-button-staticwhite-outline-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--system-spectrum-button-staticwhite-selected-background-color-default:var(--spectrum-transparent-white-800);--system-spectrum-button-staticwhite-selected-background-color-hover:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-selected-background-color-down:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-selected-background-color-focus:var(--spectrum-transparent-white-900);--system-spectrum-button-staticwhite-selected-content-color-default:var(--spectrum-black);--system-spectrum-button-staticwhite-selected-content-color-hover:var(--spectrum-black);--system-spectrum-button-staticwhite-selected-content-color-down:var(--spectrum-black);--system-spectrum-button-staticwhite-selected-content-color-focus:var(--spectrum-black);--system-spectrum-button-staticwhite-selected-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--system-spectrum-button-staticwhite-selected-border-color-disabled:transparent;--system-spectrum-button-staticwhite-secondary-background-color-default:var(--spectrum-transparent-white-200);--system-spectrum-button-staticwhite-secondary-background-color-hover:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-secondary-background-color-down:var(--spectrum-transparent-white-400);--system-spectrum-button-staticwhite-secondary-background-color-focus:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-secondary-border-color-default:transparent;--system-spectrum-button-staticwhite-secondary-border-color-hover:transparent;--system-spectrum-button-staticwhite-secondary-border-color-down:transparent;--system-spectrum-button-staticwhite-secondary-border-color-focus:transparent;--system-spectrum-button-staticwhite-secondary-content-color-default:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-content-color-hover:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-content-color-down:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-content-color-focus:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color);--system-spectrum-button-staticwhite-secondary-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--system-spectrum-button-staticwhite-secondary-border-color-disabled:transparent;--system-spectrum-button-staticwhite-secondary-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--system-spectrum-button-staticwhite-secondary-outline-background-color-default:transparent;--system-spectrum-button-staticwhite-secondary-outline-background-color-hover:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-secondary-outline-background-color-down:var(--spectrum-transparent-white-400);--system-spectrum-button-staticwhite-secondary-outline-background-color-focus:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-secondary-outline-border-color-default:var(--spectrum-transparent-white-300);--system-spectrum-button-staticwhite-secondary-outline-border-color-hover:var(--spectrum-transparent-white-400);--system-spectrum-button-staticwhite-secondary-outline-border-color-down:var(--spectrum-transparent-white-500);--system-spectrum-button-staticwhite-secondary-outline-border-color-focus:var(--spectrum-transparent-white-400);--system-spectrum-button-staticwhite-secondary-outline-content-color-default:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-outline-content-color-hover:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-outline-content-color-down:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-outline-content-color-focus:var(--spectrum-white);--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color);--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled:transparent;--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled:var(--spectrum-disabled-static-white-border-color);--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--system-spectrum-button-staticblack-background-color-default:var(--spectrum-transparent-black-800);--system-spectrum-button-staticblack-background-color-hover:var(--spectrum-transparent-black-900);--system-spectrum-button-staticblack-background-color-down:var(--spectrum-transparent-black-900);--system-spectrum-button-staticblack-background-color-focus:var(--spectrum-transparent-black-900);--system-spectrum-button-staticblack-border-color-default:transparent;--system-spectrum-button-staticblack-border-color-hover:transparent;--system-spectrum-button-staticblack-border-color-down:transparent;--system-spectrum-button-staticblack-border-color-focus:transparent;--system-spectrum-button-staticblack-content-color-default:var(--spectrum-white);--system-spectrum-button-staticblack-content-color-hover:var(--spectrum-white);--system-spectrum-button-staticblack-content-color-down:var(--spectrum-white);--system-spectrum-button-staticblack-content-color-focus:var(--spectrum-white);--system-spectrum-button-staticblack-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color);--system-spectrum-button-staticblack-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--system-spectrum-button-staticblack-border-color-disabled:transparent;--system-spectrum-button-staticblack-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--system-spectrum-button-staticblack-outline-background-color-default:transparent;--system-spectrum-button-staticblack-outline-background-color-hover:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-outline-background-color-down:var(--spectrum-transparent-black-400);--system-spectrum-button-staticblack-outline-background-color-focus:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-outline-border-color-default:var(--spectrum-transparent-black-400);--system-spectrum-button-staticblack-outline-border-color-hover:var(--spectrum-transparent-black-500);--system-spectrum-button-staticblack-outline-border-color-down:var(--spectrum-transparent-black-600);--system-spectrum-button-staticblack-outline-border-color-focus:var(--spectrum-transparent-black-500);--system-spectrum-button-staticblack-outline-content-color-default:var(--spectrum-black);--system-spectrum-button-staticblack-outline-content-color-hover:var(--spectrum-black);--system-spectrum-button-staticblack-outline-content-color-down:var(--spectrum-black);--system-spectrum-button-staticblack-outline-content-color-focus:var(--spectrum-black);--system-spectrum-button-staticblack-outline-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color);--system-spectrum-button-staticblack-outline-background-color-disabled:transparent;--system-spectrum-button-staticblack-outline-border-color-disabled:var(--spectrum-disabled-static-black-border-color);--system-spectrum-button-staticblack-outline-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--system-spectrum-button-staticblack-secondary-background-color-default:var(--spectrum-transparent-black-200);--system-spectrum-button-staticblack-secondary-background-color-hover:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-secondary-background-color-down:var(--spectrum-transparent-black-400);--system-spectrum-button-staticblack-secondary-background-color-focus:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-secondary-border-color-default:transparent;--system-spectrum-button-staticblack-secondary-border-color-hover:transparent;--system-spectrum-button-staticblack-secondary-border-color-down:transparent;--system-spectrum-button-staticblack-secondary-border-color-focus:transparent;--system-spectrum-button-staticblack-secondary-content-color-default:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-content-color-hover:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-content-color-down:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-content-color-focus:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color);--system-spectrum-button-staticblack-secondary-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--system-spectrum-button-staticblack-secondary-border-color-disabled:transparent;--system-spectrum-button-staticblack-secondary-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--system-spectrum-button-staticblack-secondary-outline-background-color-default:transparent;--system-spectrum-button-staticblack-secondary-outline-background-color-hover:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-secondary-outline-background-color-down:var(--spectrum-transparent-black-400);--system-spectrum-button-staticblack-secondary-outline-background-color-focus:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-secondary-outline-border-color-default:var(--spectrum-transparent-black-300);--system-spectrum-button-staticblack-secondary-outline-border-color-hover:var(--spectrum-transparent-black-400);--system-spectrum-button-staticblack-secondary-outline-border-color-down:var(--spectrum-transparent-black-500);--system-spectrum-button-staticblack-secondary-outline-border-color-focus:var(--spectrum-transparent-black-400);--system-spectrum-button-staticblack-secondary-outline-content-color-default:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-outline-content-color-hover:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-outline-content-color-down:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-outline-content-color-focus:var(--spectrum-black);--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color);--system-spectrum-button-staticblack-secondary-outline-background-color-disabled:transparent;--system-spectrum-button-staticblack-secondary-outline-border-color-disabled:var(--spectrum-disabled-static-black-border-color);--system-spectrum-button-staticblack-secondary-outline-content-color-disabled:var(--spectrum-disabled-static-black-content-color)}.spectrum-Button{--spectrum-button-background-color-default:var(--system-spectrum-button-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-content-color-disabled)}.spectrum-Button.spectrum-Button--accent{--spectrum-button-background-color-default:var(--system-spectrum-button-accent-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-accent-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-accent-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-accent-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-accent-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-accent-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-accent-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-accent-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-accent-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-accent-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-accent-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-accent-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-accent-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-accent-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-accent-content-color-disabled)}.spectrum-Button.spectrum-Button--primary{--spectrum-button-background-color-default:var(--system-spectrum-button-primary-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-primary-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-primary-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-primary-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-primary-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-primary-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-primary-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-primary-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-primary-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-primary-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-primary-border-color-disabled);--spectrum-button-content-color-disabled:var(--system-spectrum-button-primary-content-color-disabled)}.spectrum-Button.is-selected{--spectrum-button-background-color-default:var(--system-spectrum-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-spectrum-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-spectrum-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-spectrum-button-selected-background-color-focus);--spectrum-button-border-color-default:var(--system-spectrum-button-selected-border-color-default);--spectrum-button-border-color-hover:var(--system-spectrum-button-selected-border-color-hover);--spectrum-button-border-color-down:var(--system-spectrum-button-selected-border-color-down);--spectrum-button-border-color-focus:var(--system-spectrum-button-selected-border-color-focus);--spectrum-button-content-color-default:var(--system-spectrum-button-selected-content-color-default);--spectrum-button-content-color-hover:var(--system-spectrum-button-selected-content-color-hover);--spectrum-button-content-color-down:var(--system-spectrum-button-selected-content-color-down);--spectrum-button-content-color-focus:var(--system-spectrum-button-selected-content-color-focus);--spectrum-button-background-color-disabled:var(--system-spectrum-button-selected-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-spectrum-button-selected-border-color-disabled)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-ActionGroup{--spectrum-actiongroup-button-spacing-reset:0;--spectrum-actiongroup-border-radius-reset:0;--spectrum-actiongroup-border-radius:var(--spectrum-corner-radius-100)}.spectrum-ActionGroup--sizeS{--spectrum-actiongroup-horizontal-spacing-regular:var(--spectrum-spacing-75);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}.spectrum-ActionGroup--sizeM{--spectrum-actiongroup-horizontal-spacing-regular:var(--spectrum-spacing-100);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-100)}.spectrum-ActionGroup{display:flex;flex-wrap:wrap;gap:var(--spectrum-actiongroup-horizontal-spacing-regular)}.spectrum-ActionGroup .spectrum-ActionGroup-item,.spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical).spectrum-ActionGroup:not(.spectrum-ActionGroup--compact) .spectrum-ActionGroup-item{flex-shrink:0}.spectrum-ActionGroup--vertical{display:inline-flex;flex-direction:column;gap:var(--spectrum-actiongroup-vertical-spacing-regular)}.spectrum-ActionGroup--compact{gap:var(--spectrum-actiongroup-gap-size-compact)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet){flex-wrap:nowrap}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item{border-radius:var(--spectrum-actiongroup-border-radius-reset);position:relative;z-index:0}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child{border-end-start-radius:var(--spectrum-actiongroup-border-radius);border-start-start-radius:var(--spectrum-actiongroup-border-radius);margin-inline-start:var(--spectrum-actiongroup-button-spacing-reset)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item+.spectrum-ActionGroup-item{margin-inline-end:var(--spectrum-actiongroup-horizontal-spacing-compact);margin-inline-start:var(--spectrum-actiongroup-horizontal-spacing-compact)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child{border-end-end-radius:var(--spectrum-actiongroup-border-radius);border-start-end-radius:var(--spectrum-actiongroup-border-radius);margin-inline-end:var(--spectrum-actiongroup-border-radius-reset);margin-inline-start:var(--spectrum-actiongroup-horizontal-spacing-compact)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.is-selected{z-index:1}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:hover{z-index:2}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item .spectrum-ActionButton-label{inline-size:auto}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical{gap:var(--spectrum-actiongroup-gap-size-compact)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item{border-radius:var(--spectrum-actiongroup-border-radius-reset)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:first-child{border-start-end-radius:var(--spectrum-actiongroup-border-radius);border-start-start-radius:var(--spectrum-actiongroup-border-radius);margin-block-end:var(--spectrum-actiongroup-vertical-spacing-compact);margin-block-start:var(--spectrum-actiongroup-vertical-spacing-compact);margin-inline-end:var(--spectrum-actiongroup-button-spacing-reset)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item+.spectrum-ActionGroup-item{margin-block-end:var(--spectrum-actiongroup-vertical-spacing-compact);margin-block-start:var(--spectrum-actiongroup-button-spacing-reset);margin-inline-end:var(--spectrum-actiongroup-button-spacing-reset);margin-inline-start:var(--spectrum-actiongroup-button-spacing-reset)}.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:last-child{border-end-end-radius:var(--spectrum-actiongroup-border-radius);border-end-start-radius:var(--spectrum-actiongroup-border-radius);margin-block-end:var(--spectrum-actiongroup-button-spacing-reset);margin-block-start:var(--spectrum-actiongroup-vertical-spacing-compact)}.spectrum{--system-spectrum-actiongroup-gap-size-compact:0;--system-spectrum-actiongroup-horizontal-spacing-compact:-1px;--system-spectrum-actiongroup-vertical-spacing-compact:-1px}.spectrum-ActionGroup{--spectrum-actiongroup-gap-size-compact:var(--system-spectrum-actiongroup-gap-size-compact);--spectrum-actiongroup-horizontal-spacing-compact:var(--system-spectrum-actiongroup-horizontal-spacing-compact);--spectrum-actiongroup-vertical-spacing-compact:var(--system-spectrum-actiongroup-vertical-spacing-compact)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Menu{--spectrum-menu-margin-x:var(--spectrum-global-dimension-size-40);--spectrum-listitem-texticon-heading-text-size:var(
+    --spectrum-global-dimension-font-size-50
+  );--spectrum-listitem-texticon-heading-text-font-weight:400;--spectrum-listitem-texticon-heading-text-transform:uppercase;--spectrum-listitem-texticon-heading-letter-spacing:0.06em;--spectrum-listitem-texticon-heading-margin:var(--spectrum-global-dimension-size-75) 0 0 0;--spectrum-listitem-texticon-heading-padding:0 var(--spectrum-global-dimension-size-450) 0 var(--spectrum-global-dimension-size-150);--spectrum-listitem-texticon-padding-y:var(
+    --spectrum-global-dimension-size-85
+  );--spectrum-listitem-texticon-selectable-padding-right:calc(var(--spectrum-listitem-texticon-ui-icon-width) + var(--spectrum-listitem-texticon-ui-icon-gap) + var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-alias-border-size-thin));--spectrum-listitem-texticon-label-line-height:1.3;--spectrum-listitem-texticon-heading-line-height:var(--spectrum-global-font-line-height-medium);--spectrum-listitem-texticon-padding-left:var(--spectrum-listitem-m-texticon-padding-left);--spectrum-listitem-textthumbnail-padding-left:var(--spectrum-listitem-m-textthumbnail-padding-left);--spectrum-listitem-texticon-text-size:var(--spectrum-global-dimension-font-size-100);--spectrum-listitem-texticon-text-font-weight:var(--spectrum-alias-body-text-font-weight);--spectrum-listitem-texticon-icon-gap:var(--spectrum-global-dimension-size-100);--spectrum-listitem-texticon-divider-padding:var(--spectrum-global-dimension-static-size-40);--spectrum-listitem-texticon-ui-icon-margin-top:var(--spectrum-global-dimension-size-125);--spectrum-listitem-texticon-ui-icon-width:var(--spectrum-alias-ui-icon-checkmark-size-100);--spectrum-listitem-texticon-ui-icon-gap:var(--spectrum-global-dimension-size-100);--spectrum-listitem-texticon-padding-right:var(--spectrum-global-dimension-size-150);--spectrum-listitem-texticon-focus-indicator-size:var(--spectrum-alias-border-size-thick);--spectrum-listitem-texticon-height:var(--spectrum-global-dimension-size-400);box-sizing:border-box;display:inline-block;list-style-type:none;margin-bottom:var(--spectrum-global-dimension-size-50);margin-left:0;margin-right:0;margin-top:var(--spectrum-global-dimension-size-50);overflow:auto;padding:0}[dir=ltr] .spectrum-Menu-item{border-left:var(--spectrum-listitem-texticon-focus-indicator-size) solid transparent}.spectrum-Menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--spectrum-listitem-texticon-text-size);font-style:normal;font-weight:var(--spectrum-listitem-texticon-text-font-weight);margin:0;min-height:var(--spectrum-listitem-texticon-height);padding:var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-right) var(--spectrum-listitem-texticon-padding-y) var(--spectrum-listitem-texticon-padding-left);position:relative;text-decoration:none}.spectrum-Menu-item:focus{outline:none}[dir=ltr] .spectrum-Menu-item.is-selected{padding-right:calc(var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-alias-border-size-thin))}.spectrum-Menu-item .spectrum-Icon{align-self:flex-start;flex-shrink:0}[dir=ltr] .spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel{margin-left:var(--spectrum-listitem-texticon-icon-gap)}.spectrum-Menu-item .spectrum-Icon+.spectrum-Menu-itemLabel{width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(--spectrum-global-dimension-size-225))}.spectrum-Menu-itemLabel{flex:1 1 auto;-webkit-hyphens:auto;hyphens:auto;line-height:var(--spectrum-listitem-texticon-label-line-height);overflow-wrap:break-word;width:calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap))}.spectrum-Menu .spectrum-Menu{display:block}.spectrum-Menu{--spectrum-listheading-text-color:var(--spectrum-global-color-gray-700)}.spectrum-Menu,.spectrum-Menu-item{background-color:var(--spectrum-alias-background-color-transparent)}.spectrum-Menu-item{color:var(--spectrum-alias-component-text-color-default)}.spectrum-Menu-item.is-open,.spectrum-Menu-item:focus,.spectrum-Menu-item:hover{background-color:var(--spectrum-alias-background-color-hover-overlay);color:var(--spectrum-alias-component-text-color-hover)}.spectrum-Menu-item.is-selected{color:var(--spectrum-alias-component-text-color-default)}.spectrum-Menu-item .is-active,.spectrum-Menu-item:active{background-color:var(--spectrum-alias-background-color-hover-overlay)}.spectrum-Menu-item.is-disabled{background-color:var(--spectrum-alias-background-color-transparent);background-image:none;color:var(--spectrum-alias-component-text-color-disabled);cursor:default}@media (forced-colors:active){.spectrum-Menu-item{--spectrum-listheading-text-color:ButtonText;--spectrum-listitem-m-texticon-background-color:ButtonFace;--spectrum-listitem-m-texticon-background-color-disabled:ButtonFace;--spectrum-listitem-m-texticon-background-color-down:ButtonFace;--spectrum-listitem-m-texticon-background-color-hover:Highlight;--spectrum-listitem-m-texticon-background-color-key-focus:Highlight;--spectrum-listitem-m-texticon-focus-indicator-color:Highlight;--spectrum-listitem-m-texticon-text-color:ButtonText;--spectrum-listitem-m-texticon-text-color-disabled:GrayText;--spectrum-listitem-m-texticon-text-color-hover:HighlightText;--spectrum-listitem-m-texticon-text-color-key-focus:HighlightText;--spectrum-listitem-m-texticon-text-color-selected:ButtonText;--spectrum-listitem-m-texticon-ui-icon-color-selected:Highlight;forced-color-adjust:none}.spectrum-Menu-item:not(.is-disabled).is-open,.spectrum-Menu-item:not(.is-disabled):focus,.spectrum-Menu-item:not(.is-disabled):hover{background-color:var(--spectrum-alias-background-color-hover-overlay);color:var(--spectrum-alias-component-text-color-key-focus)}}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Popover{--spectrum-overlay-animation-distance:6px;--spectrum-overlay-animation-duration:var(--spectrum-animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration) ease-in-out,opacity var(--spectrum-overlay-animation-duration) ease-in-out,visibility 0ms linear var(--spectrum-overlay-animation-duration);visibility:hidden}.spectrum-Popover.is-open{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}.spectrum-Popover--bottom-right.is-open,.spectrum-Popover--bottom-start.is-open,.spectrum-Popover--bottom.is-open{--spectrum-overlay-animation-distance:6px;transform:translateY(var(--spectrum-overlay-animation-distance))}.spectrum-Popover{--spectrum-popover-cross-offset:0;--spectrum-popover-background-color:var(--spectrum-background-layer-2-color);--spectrum-popover-border-color:var(--spectrum-gray-400);--spectrum-popover-content-area-spacing-vertical:var(--spectrum-popover-top-to-content-area);--spectrum-popover-shadow-horizontal:var(--spectrum-drop-shadow-x);--spectrum-popover-shadow-vertical:var(--spectrum-drop-shadow-y);--spectrum-popover-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-popover-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-popover-corner-radius:var(--spectrum-corner-radius-100);--spectrum-popover-pointer-width:var(--spectrum-popover-tip-width);--spectrum-popover-pointer-height:var(--spectrum-popover-tip-height);--spectrum-popover-pointer-edge-offset:calc(var(--spectrum-corner-radius-100) + var(--spectrum-popover-tip-width)/2);--spectrum-popover-pointer-edge-spacing:calc(var(--spectrum-popover-pointer-edge-offset) - var(--spectrum-popover-tip-width)/2)}@media (forced-colors:active){.spectrum-Popover{--highcontrast-popover-border-color:CanvasText}}.spectrum-Popover{--spectrum-popover-filter:drop-shadow(var(--spectrum-popover-shadow-horizontal) var(--spectrum-popover-shadow-vertical) var(--spectrum-popover-shadow-blur) var(--spectrum-popover-shadow-color));background-color:var(--spectrum-popover-background-color);border-color:var(--spectrum-popover-border-color);border-radius:var(--spectrum-popover-corner-radius);border-style:solid;border-width:var(--spectrum-popover-border-width);box-sizing:border-box;display:inline-flex;filter:var(--spectrum-popover-filter);flex-direction:column;outline:none;padding:var(--spectrum-popover-content-area-spacing-vertical) 0;position:absolute}.spectrum-Popover *{--mod-popover-filter:none}.spectrum-Popover--bottom,.spectrum-Popover--bottom-right,.spectrum-Popover--bottom-start{margin-top:var(--spectrum-popover-cross-offset)}.spectrum{--system-spectrum-popover-border-width:var(--spectrum-border-width-100)}.spectrum-Popover{--spectrum-popover-border-width:var(--system-spectrum-popover-border-width)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Divider{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium);--spectrum-divider-background-color:var(--spectrum-divider-background-color-medium);--spectrum-divider-background-color-small:var(--spectrum-gray-300);--spectrum-divider-background-color-medium:var(--spectrum-gray-300);--spectrum-divider-background-color-large:var(--spectrum-gray-800);--spectrum-divider-background-color-small-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-medium-static-white:var(--spectrum-transparent-white-300);--spectrum-divider-background-color-large-static-white:var(--spectrum-transparent-white-800);--spectrum-divider-background-color-small-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-medium-static-black:var(--spectrum-transparent-black-300);--spectrum-divider-background-color-large-static-black:var(--spectrum-transparent-black-800)}.spectrum-Divider--sizeS{--spectrum-divider-thickness:var(--spectrum-divider-thickness-small);--spectrum-divider-background-color:var(--spectrum-divider-background-color-small)}@media (forced-colors:active){.spectrum-Divider,.spectrum-Divider--sizeS{--spectrum-divider-background-color:CanvasText;--spectrum-divider-background-color-small-static-white:CanvasText;--spectrum-divider-background-color-medium-static-white:CanvasText;--spectrum-divider-background-color-large-static-white:CanvasText;--spectrum-divider-background-color-small-static-black:CanvasText;--spectrum-divider-background-color-medium-static-black:CanvasText;--spectrum-divider-background-color-large-static-black:CanvasText}}.spectrum-Divider{background-color:var(--spectrum-divider-background-color);block-size:var(--spectrum-divider-thickness);border:none;border-radius:var(--spectrum-divider-thickness);border-width:var(--spectrum-divider-thickness);inline-size:100%;overflow:visible}.spectrum-Divider--vertical{align-self:var(--mod-divider-vertical-align);block-size:100%;inline-size:var(--spectrum-divider-thickness);height:var(--mod-divider-vertical-height);margin-block:var(--mod-divider-vertical-margin)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-DatePicker{--spectrum-combobox-quiet-fieldbutton-border-radius:0;--spectrum-inputgroup-generic-padding:var(--spectrum-global-dimension-size-150);--spectrum-datepicker-range-input-width-first:calc(var(--spectrum-global-dimension-size-1600) - var(--spectrum-inputgroup-generic-padding)*2);--spectrum-datepicker-input-width-base:calc(var(--spectrum-datepicker-range-input-width-first) + var(--spectrum-global-dimension-size-225));--spectrum-datepicker-input-width:calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-global-dimension-size-400));--spectrum-datepicker-range-input-width-quiet-first:calc(var(--spectrum-global-dimension-size-900) + var(--spectrum-global-dimension-size-200));--spectrum-datepicker-input-width-quiet:calc(var(--spectrum-datepicker-range-input-width-quiet-first) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-400));--spectrum-datepicker-datetime-input-width-first:calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-global-dimension-size-450));--spectrum-datepicker-datetime-input-width:calc(var(--spectrum-datepicker-datetime-input-width-first) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-400));--spectrum-datepicker-datetime-quiet-input-width-first:calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-global-dimension-size-300));--spectrum-datepicker-datetime-quiet-input-width:calc(var(--spectrum-datepicker-datetime-quiet-input-width-first) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-400));--spectrum-datepicker-range-dash-margin-left:-7px;--spectrum-datepicker-range-dash-padding-top:0;--spectrum-datepicker-range-dash-line-height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-global-dimension-size-100));border-radius:var(--spectrum-global-dimension-size-50);display:inline-flex;flex-direction:row;flex-wrap:nowrap;min-width:var(--spectrum-global-dimension-size-2400);position:relative}[dir=ltr] .spectrum-DatePicker-button{right:0}.spectrum-DatePicker-button{position:absolute}[dir=ltr] .spectrum-DatePicker-input{padding-right:var(--spectrum-global-dimension-size-400)}.spectrum-DatePicker-input{flex:1}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum--medium{--spectrum-picker-popover-quiet-offset-x:12px}.spectrum{--system-spectrum-picker-background-color-default:var(--spectrum-gray-75);--system-spectrum-picker-background-color-default-open:var(--spectrum-gray-200);--system-spectrum-picker-background-color-active:var(--spectrum-gray-300);--system-spectrum-picker-background-color-hover:var(--spectrum-gray-200);--system-spectrum-picker-background-color-hover-open:var(--spectrum-gray-200);--system-spectrum-picker-background-color-key-focus:var(--spectrum-gray-200);--system-spectrum-picker-border-color-default:var(--spectrum-gray-500);--system-spectrum-picker-border-color-default-open:var(--spectrum-gray-500);--system-spectrum-picker-border-color-hover:var(--spectrum-gray-600);--system-spectrum-picker-border-color-hover-open:var(--spectrum-gray-600);--system-spectrum-picker-border-color-active:var(--spectrum-gray-700);--system-spectrum-picker-border-color-key-focus:var(--spectrum-gray-600)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-PickerButton{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;border-style:solid;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--spectrum-global-font-family-base);line-height:var(--spectrum-global-font-line-height-small);margin:0;overflow:visible;position:relative;text-decoration:none;text-transform:none;transition:background .13s ease-out,border-color .13s ease-out,color .13s ease-out,box-shadow .13s ease-out;user-select:none;-webkit-user-select:none;vertical-align:top}.spectrum-PickerButton:focus{outline:none}.spectrum-PickerButton::-moz-focus-inner{border:0;border-style:none;margin-bottom:-2px;margin-top:-2px;padding:0}.spectrum-PickerButton:disabled{cursor:default}.spectrum-PickerButton.spectrum-PickerButton--sizeM{--spectrum-PickerButton-label-padding-y:var(--spectrum-global-dimension-size-75);--spectrum-PickerButton-icon-margin-y:var(--spectrum-global-dimension-size-125);--spectrum-PickerButton-icononly-padding-x:var(--spectrum-global-dimension-size-125);padding:0}.spectrum-PickerButton.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill{--spectrum-PickerButton-Fill-size:var(--spectrum-global-dimension-size-400);gap:var(--spectrum-global-dimension-size-85);height:var(--spectrum-global-dimension-size-400);width:var(--spectrum-global-dimension-size-400)}.spectrum-PickerButton:disabled:not(.is-open) .spectrum-PickerButton-fill{background-color:var(--spectrum-alias-component-background-color-disabled)}.spectrum-PickerButton:disabled .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-component-background-color-disabled)}.spectrum-PickerButton:not(:disabled):not(.is-open) .spectrum-PickerButton-fill{background-color:var(--spectrum-alias-component-background-color-default)}.spectrum-PickerButton:not(:disabled):not(.is-open):hover .spectrum-PickerButton-fill{background-color:var(--spectrum-alias-component-background-color-hover)}.spectrum-PickerButton:not(:disabled):not(.is-open):active .spectrum-PickerButton-fill{background-color:var(--spectrum-alias-component-background-color-down)}.spectrum-PickerButton.is-invalid:not(:disabled) .spectrum-PickerButton-fill{border-color:var(--spectrum-semantic-negative-color-default)}.spectrum-PickerButton.is-invalid:not(:disabled):hover .spectrum-PickerButton-fill{border-color:var(--spectrum-semantic-negative-color-hover)}.spectrum-PickerButton.is-invalid:not(:disabled):active .spectrum-PickerButton-fill{border-color:var(--spectrum-semantic-negative-color-down)}.spectrum-PickerButton.is-invalid:not(:disabled):focus .spectrum-PickerButton-fill{border-color:var(--spectrum-semantic-negative-color-hover)}.spectrum-PickerButton.is-invalid:not(:disabled):focus-visible .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-border-color-key-focus)}.spectrum-PickerButton:not(.is-invalid):not(:disabled) .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-input-border-color-default)}.spectrum-PickerButton:not(.is-invalid):not(:disabled):hover .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-input-border-color-hover)}.spectrum-PickerButton:not(.is-invalid):not(:disabled):active .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-input-border-color-down)}.spectrum-PickerButton:not(.is-invalid):not(:disabled):focus .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-input-border-color-mouse-focus)}.spectrum-PickerButton:not(.is-invalid):not(:disabled):focus-visible .spectrum-PickerButton-fill{border-color:var(--spectrum-alias-input-border-color-key-focus)}[dir=ltr] .spectrum-PickerButton.spectrum-PickerButton--right:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill{border-bottom-left-radius:0}[dir=ltr] .spectrum-PickerButton.spectrum-PickerButton--right:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill{border-top-left-radius:0}[dir=ltr] .spectrum-PickerButton:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill{border-bottom-right-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-PickerButton:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill{border-bottom-left-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-PickerButton:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill{border-top-right-radius:var(--spectrum-global-dimension-size-50)}[dir=ltr] .spectrum-PickerButton:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill{border-top-left-radius:var(--spectrum-global-dimension-size-50)}.spectrum-PickerButton.spectrum-PickerButton--icononly .spectrum-PickerButton-fill{width:var(--spectrum-PickerButton-Fill-size)}[dir=ltr] .spectrum-PickerButton.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill{padding-right:var(--spectrum-global-dimension-size-85)}[dir=ltr] .spectrum-PickerButton.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill{padding-left:var(--spectrum-global-dimension-size-85)}.spectrum-PickerButton.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill{width:var(--spectrum-global-dimension-size-400)}.spectrum-PickerButton.is-open .spectrum-PickerButton-fill{background-color:var(--spectrum-global-color-gray-200)}.spectrum-PickerButton-fill{border-style:solid;border-width:var(--spectrum-global-dimension-static-size-10);flex-direction:row}.spectrum-PickerButton{--spectrum-infieldbutton-border-color-override:initial;align-items:center;background-color:transparent;border-style:none;display:flex;justify-content:center}.spectrum-PickerButton-fill{align-items:center;border-color:var(--spectrum-infieldbutton-border-color-override);box-sizing:border-box;display:flex;justify-content:center;transition:border-color .13s ease-in-out}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Calendar{--spectrum-calendar-border-radius-reset:0;--spectrum-calendar-border-width-reset:0;--spectrum-calendar-margin-y:24px;--spectrum-calendar-margin-x:32px;--spectrum-calendar-width:calc((var(--spectrum-global-dimension-size-400) + var(--spectrum-global-dimension-static-size-50)*2)*7);--spectrum-calendar-button-gap:var(--spectrum-global-dimension-size-40);--spectrum-calendar-title-text-letter-spacing:var(--spectrum-global-font-letter-spacing-medium);display:inline-block;width:250px}.spectrum-Calendar-header{align-items:center;display:flex;width:100%}.spectrum-Calendar-title{flex-grow:1;font-size:var(--spectrum-global-dimension-font-size-300);font-weight:700;line-height:var(--spectrum-global-dimension-static-size-400);margin:0;order:1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .spectrum-Calendar .spectrum-Calendar-nextMonth,[dir=ltr] .spectrum-Calendar .spectrum-Calendar-prevMonth{margin:0 var(--spectrum-calendar-button-gap)}.spectrum-Calendar-prevMonth{order:0}.spectrum-Calendar-nextMonth{order:2}.spectrum-Calendar-dayOfWeek{border-bottom:none!important;cursor:default;display:flex;flex-direction:column;font-size:var(--spectrum-global-dimension-font-size-50);font-weight:var(--spectrum-alias-detail-text-font-weight-regular);height:100%;justify-content:flex-end;text-decoration:none!important;text-transform:uppercase;width:var(--spectrum-global-dimension-size-400)}.spectrum-Calendar-dayOfWeek[title]{border-bottom:none;letter-spacing:var(--spectrum-calendar-title-text-letter-spacing);text-decoration:underline;text-decoration:underline dotted}.spectrum-Calendar-body{outline:none}.spectrum-Calendar-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;-webkit-user-select:none;user-select:none}.spectrum-Calendar-tableCell{box-sizing:content-box;height:var(--spectrum-global-dimension-size-400);padding:0;padding:var(--spectrum-global-dimension-static-size-50);position:relative;text-align:center;width:var(--spectrum-global-dimension-size-400)}.spectrum-Calendar-tableCell:focus{outline:0}[dir=ltr] .spectrum-Calendar-date{left:0}.spectrum-Calendar-date{border:var(--spectrum-alias-border-size-thick) solid transparent;border-radius:var(--spectrum-global-dimension-size-400);box-sizing:border-box;cursor:pointer;display:block;font-size:var(--spectrum-alias-font-size-default);height:var(--spectrum-global-dimension-size-400);line-height:calc(var(--spectrum-global-dimension-size-400) - var(--spectrum-alias-border-size-thick)*2);margin:var(--spectrum-global-dimension-static-size-50);position:absolute;top:0;white-space:nowrap;width:var(--spectrum-global-dimension-size-400)}.spectrum-Calendar-date:lang(ja),.spectrum-Calendar-date:lang(ko),.spectrum-Calendar-date:lang(zh){font-size:var(--spectrum-global-dimension-font-size-50)}.spectrum-Calendar-date.is-disabled{cursor:default;pointer-events:none}[dir=ltr] .spectrum-Calendar-date:before{left:calc(50% - var(--spectrum-global-dimension-size-400)/2)}.spectrum-Calendar-date:before{border:var(--spectrum-alias-border-size-thick) solid transparent;border-radius:var(--spectrum-global-dimension-size-400);box-sizing:border-box;content:"";height:var(--spectrum-global-dimension-size-400);position:absolute;top:calc(50% - var(--spectrum-global-dimension-size-400)/2);width:var(--spectrum-global-dimension-size-400)}.spectrum-Calendar-date.is-selected:not(.is-range-selection){font-weight:var(--spectrum-global-font-weight-bold)}.spectrum-Calendar-date.is-selected:not(.is-range-selection):before{display:none}.spectrum-Calendar-dayOfWeek,.spectrum-Calendar-nextMonth,.spectrum-Calendar-prevMonth{color:var(--spectrum-global-color-gray-700)}.spectrum-Calendar-date:hover{color:var(--spectrum-alias-text-color-hover)}.spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before{background:var(--spectrum-alias-highlight-hover)}.spectrum-Calendar-date:hover.is-selected{color:var(--spectrum-alias-text-color-hover)}.spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before{background:var(--spectrum-alias-highlight-selected-hover)}.spectrum-Calendar-date:active{background-color:var(--spectrum-alias-highlight-down)}.spectrum-Calendar-date.is-selected{background:var(--spectrum-alias-highlight-selected);color:var(--spectrum-alias-text-color-hover)}.spectrum-Calendar-date.is-selected:not(.is-range-selection){background:var(--spectrum-alias-highlight-selected-hover)}.spectrum-Calendar-date.is-disabled{color:var(--spectrum-alias-text-color-disabled)}@media (forced-colors:active){.spectrum-Calendar-date{--spectrum-calendar-button-icon-color:ButtonText;--spectrum-calendar-day-background-color-cap-selected:Highlight;--spectrum-calendar-day-background-color-down:ButtonFace;--spectrum-calendar-day-background-color-hover:transparent;--spectrum-calendar-day-background-color-key-focus:ButtonFace;--spectrum-calendar-day-background-color-selected-hover:transparent;--spectrum-calendar-day-background-color-selected:Highlight;--spectrum-calendar-day-border-color-key-focus:ButtonText;--spectrum-calendar-day-text-color-cap-selected:HighlightText;--spectrum-calendar-day-text-color-disabled:GrayText;--spectrum-calendar-day-text-color-hover:ButtonText;--spectrum-calendar-day-text-color-key-focus:ButtonText;--spectrum-calendar-day-text-color-selected-hover:HighlightText;--spectrum-calendar-day-text-color-selected:HighlightText;--spectrum-calendar-day-title-text-color:CanvasText;--spectrum-calendar-day-today-background-color-selected-hover:Highlight;--spectrum-calendar-day-today-border-color-disabled:GrayText;--spectrum-calendar-day-today-border-color:ButtonText;--spectrum-calendar-day-today-text-color-disabled:GrayText;--spectrum-calendar-day-today-text-color:ButtonText;color:CanvasText;forced-color-adjust:none}.spectrum-Calendar-date.is-disabled.is-selected{background:Highlight;color:HighlightText}}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum{--spectrum-font-family-ar:myriad-arabic,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-font-family-he:myriad-hebrew,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-font-family:var(--spectrum-sans-font-family-stack);--spectrum-font-style:var(--spectrum-default-font-style);--spectrum-font-size:var(--spectrum-font-size-100);font-family:var(--spectrum-font-family);font-size:var(--spectrum-font-size);font-style:var(--spectrum-font-style)}.spectrum:lang(ar){font-family:var(--spectrum-font-family-ar)}.spectrum:lang(he){font-family:var(--spectrum-font-family-he)}.spectrum-Heading{--spectrum-heading-sans-serif-font-family:var(--spectrum-sans-font-family-stack);--spectrum-heading-serif-font-family:var(--spectrum-serif-font-family-stack);--spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family-stack);--spectrum-heading-cjk-letter-spacing:var(--spectrum-cjk-letter-spacing);--spectrum-heading-font-color:var(--spectrum-heading-color);--spectrum-heading-margin-start:calc(var(--spectrum-heading-font-size)*var(--spectrum-heading-margin-top-multiplier));--spectrum-heading-margin-end:calc(var(--spectrum-heading-font-size)*var(--spectrum-heading-margin-bottom-multiplier))}@media (forced-colors:active){.spectrum-Heading{--highcontrast-heading-font-color:Text}}.spectrum-Heading--sizeXS{--spectrum-heading-font-size:var(--spectrum-heading-size-xs);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-xs)}.spectrum-Heading{color:var(--spectrum-heading-font-color);font-family:var(--spectrum-heading-sans-serif-font-family);font-size:var(--spectrum-heading-font-size);font-style:var(--spectrum-heading-sans-serif-font-style);font-weight:var(--spectrum-heading-sans-serif-font-weight);line-height:var(--spectrum-heading-line-height);margin-block-end:0;margin-block-start:0}.spectrum-Heading:lang(ja),.spectrum-Heading:lang(ko),.spectrum-Heading:lang(zh){font-family:var(--spectrum-heading-cjk-font-family);font-size:var(--spectrum-heading-cjk-font-size);font-style:var(--spectrum-heading-cjk-font-style);font-weight:var(--spectrum-heading-cjk-font-weight);letter-spacing:var(--spectrum-heading-cjk-letter-spacing);line-height:var(--spectrum-heading-cjk-line-height)}.spectrum-Detail{--spectrum-detail-sans-serif-font-family:var(--spectrum-sans-font-family-stack);--spectrum-detail-serif-font-family:var(--spectrum-serif-font-family-stack);--spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family-stack);--spectrum-detail-margin-start:calc(var(--spectrum-detail-font-size)*var(--spectrum-detail-margin-top-multiplier));--spectrum-detail-margin-end:calc(var(--spectrum-detail-font-size)*var(--spectrum-detail-margin-bottom-multiplier));--spectrum-detail-font-color:var(--spectrum-detail-color)}@media (forced-colors:active){.spectrum-Detail{--highcontrast-detail-font-color:Text}}.spectrum-Detail{color:var(--spectrum-detail-font-color);font-family:var(--spectrum-detail-sans-serif-font-family);font-size:var(--spectrum-detail-font-size);font-style:var(--spectrum-detail-sans-serif-font-style);font-weight:var(--spectrum-detail-sans-serif-font-weight);letter-spacing:var(--spectrum-detail-letter-spacing);line-height:var(--spectrum-detail-line-height);margin-block-end:0;margin-block-start:0;text-transform:uppercase}.spectrum-Detail:lang(ja),.spectrum-Detail:lang(ko),.spectrum-Detail:lang(zh){font-family:var(--spectrum-detail-cjk-font-family);font-style:var(--spectrum-detail-cjk-font-style);font-weight:var(--spectrum-detail-cjk-font-weight);line-height:var(--spectrum-detail-cjk-line-height)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Card--sizeS{--spectrum-card-quiet-body-header-margin-top:var(--spectrum-global-dimension-size-175);--spectrum-card-quiet-body-header-height:var(--spectrum-global-dimension-size-150);--spectrum-card-quiet-preview-padding:var(--spectrum-global-dimension-size-150);--spectrum-card-quiet-min-width:var(--spectrum-global-dimension-size-1200);--spectrum-card-quiet-min-height:var(--spectrum-global-dimension-size-900);--spectrum-card-quiet-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-quiet-border-size:var(--spectrum-alias-border-size-thin);--spectrum-card-body-header-height:var(--spectrum-global-dimension-size-150);--spectrum-card-body-content-min-height:var(--spectrum-global-dimension-size-175);--spectrum-card-body-content-margin-top:var(--spectrum-global-dimension-size-75);--spectrum-card-body-padding-top:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-bottom:var(--spectrum-global-dimension-size-250);--spectrum-card-body-padding-left:var(--spectrum-global-dimension-size-300);--spectrum-card-body-padding-right:var(--spectrum-global-dimension-size-300);--spectrum-card-coverphoto-height:var(--spectrum-global-dimension-size-1700);--spectrum-card-coverphoto-border-bottom-size:var(--spectrum-alias-border-size-thin);--spectrum-card-checkbox-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-title-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-subtitle-text-size:var(--spectrum-global-dimension-font-size-50);--spectrum-card-subtitle-padding-right:var(--spectrum-global-dimension-size-100);--spectrum-card-actions-margin:var(--spectrum-global-dimension-size-125);--spectrum-card-footer-padding-top:var(--spectrum-global-dimension-size-175);--spectrum-card-footer-border-top-size:var(--spectrum-global-dimension-size-10);--spectrum-card-min-width:var(--spectrum-global-dimension-size-1250);--spectrum-card-border-radius:var(--spectrum-alias-border-radius-regular);--spectrum-card-border-size:var(--spectrum-alias-border-size-thin)}.spectrum-Card{border:var(--spectrum-card-border-size) solid transparent;border-radius:var(--spectrum-card-border-radius);box-sizing:border-box;display:inline-flex;flex-direction:column;min-width:var(--spectrum-card-min-width);position:relative;text-decoration:none}.spectrum-Card:focus{outline:none}.spectrum-Card-coverPhoto{align-items:center;background-position:50%;background-size:cover;border-bottom:var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:calc(var(--spectrum-card-border-radius) - 1px);border-top-right-radius:calc(var(--spectrum-card-border-radius) - 1px);box-sizing:border-box;display:flex;height:var(--spectrum-card-coverphoto-height);justify-content:center}[dir=ltr] .spectrum-Card-body{padding-right:var(--spectrum-card-body-padding-right)}[dir=ltr] .spectrum-Card-body{padding-left:var(--spectrum-card-body-padding-left)}.spectrum-Card-body{padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-body-padding-top)}.spectrum-Card-body:last-child{border-bottom-left-radius:var(--spectrum-card-border-radius);border-bottom-right-radius:var(--spectrum-card-border-radius);border-top-left-radius:0;border-top-right-radius:0}.spectrum-Card-header{height:var(--spectrum-card-body-header-height)}.spectrum-Card-content{display:flex;margin-top:var(--spectrum-card-body-content-margin-top);min-height:var(--spectrum-card-body-content-min-height)}[dir=ltr] .spectrum-Card-title{padding-right:var(--spectrum-card-title-padding-right)}.spectrum-Card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .spectrum-Card-subtitle{padding-right:var(--spectrum-card-subtitle-padding-right)}[dir=ltr] .spectrum-Card-footer{margin-right:var(--spectrum-card-body-padding-right)}[dir=ltr] .spectrum-Card-footer{margin-left:var(--spectrum-card-body-padding-left)}.spectrum-Card-footer{border-top:var(--spectrum-card-footer-border-top-size) solid;padding-bottom:var(--spectrum-card-body-padding-bottom);padding-top:var(--spectrum-card-footer-padding-top)}.spectrum-Card-header{align-items:baseline;display:flex}.spectrum-Card{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-global-color-gray-200)}.spectrum-Card:hover{border-color:var(--spectrum-global-color-gray-400)}.spectrum-Card.is-selected{border-color:var(--spectrum-alias-border-color-key-focus);box-shadow:0 0 0 1px var(--spectrum-alias-border-color-key-focus)}.spectrum-Card .spectrum-Card-subtitle{color:var(--spectrum-global-color-gray-700)}.spectrum-Card-coverPhoto{background-color:var(--spectrum-global-color-gray-200);border-bottom-color:var(--spectrum-global-color-gray-200)}.spectrum-Card-footer{border-color:var(--spectrum-global-color-gray-200)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-ProgressBar{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(--spectrum-animation-ease-in-out);--spectrum-progressbar-animation-duration-indeterminate:var(--spectrum-animation-duration-2000);--spectrum-progressbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-progressbar-fill-size-indeterminate:70%;--spectrum-progressbar-size-2400:192px;--spectrum-progressbar-size-2500:200px;--spectrum-progressbar-size-2800:224px;--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-progressbar-min-size:var(--spectrum-progress-bar-minimum-width);--spectrum-progressbar-max-size:var(--spectrum-progress-bar-maximum-width);--spectrum-progressbar-thickness:var(--spectrum-progress-bar-thickness-medium);--spectrum-progressbar-line-height:var(--spectrum-line-height-100);--spectrum-progressbar-spacing-label-to-progressbar:var(--spectrum-spacing-75);--spectrum-progressbar-spacing-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-progressbar-spacing-label-to-text:var(--spectrum-spacing-200);--spectrum-progressbar-text-color:var(--spectrum-neutral-content-color-default);--spectrum-progressbar-track-color:var(--spectrum-gray-300);--spectrum-progressbar-fill-color:var(--spectrum-accent-color-900);--spectrum-progressbar-fill-color-positive:var(--spectrum-positive-visual-color);--spectrum-progressbar-fill-color-notice:var(--spectrum-notice-visual-color);--spectrum-progressbar-fill-color-negative:var(--spectrum-negative-visual-color);--spectrum-progressbar-label-and-value-white:var(--spectrum-white);--spectrum-progressbar-track-color-white:var(--spectrum-transparent-white-300);--spectrum-progressbar-fill-color-white:var(--spectrum-white)}.spectrum-Meter--sizeS{--spectrum-progressbar-size-default:var(--spectrum-progressbar-size-2400);--spectrum-progressbar-font-size:var(--spectrum-font-size-75);--spectrum-progressbar-thickness:var(--spectrum-progress-bar-thickness-small);--spectrum-progressbar-spacing-top-to-text:var(--spectrum-component-top-to-text-75)}@media (forced-colors:active){.spectrum-ProgressBar-track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;border:1px solid ButtonText;forced-color-adjust:none}}.spectrum-ProgressBar{align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(--spectrum-progressbar-font-size);inline-size:var(--spectrum-progressbar-size-default);justify-content:space-between;max-inline-size:var(--spectrum-progressbar-max-size);min-inline-size:var(--spectrum-progressbar-min-size);position:relative;vertical-align:top}.spectrum-ProgressBar .spectrum-ProgressBar-label,.spectrum-ProgressBar .spectrum-ProgressBar-percentage{color:var(--spectrum-progressbar-text-color);line-height:var(--spectrum-progressbar-line-height);margin-block-end:var(--spectrum-progressbar-spacing-label-to-progressbar);margin-block-start:var(--spectrum-progressbar-spacing-top-to-text);text-align:start}.spectrum-ProgressBar .spectrum-ProgressBar-label:lang(ja),.spectrum-ProgressBar .spectrum-ProgressBar-label:lang(ko),.spectrum-ProgressBar .spectrum-ProgressBar-label:lang(zh),.spectrum-ProgressBar .spectrum-ProgressBar-percentage:lang(ja),.spectrum-ProgressBar .spectrum-ProgressBar-percentage:lang(ko),.spectrum-ProgressBar .spectrum-ProgressBar-percentage:lang(zh){line-height:var(--spectrum-progressbar-line-height-cjk)}.spectrum-ProgressBar .spectrum-ProgressBar-label{flex:1 1 0%}.spectrum-ProgressBar .spectrum-ProgressBar-percentage{align-self:flex-start;margin-inline-start:var(--spectrum-progressbar-spacing-label-to-text)}.spectrum-ProgressBar .spectrum-ProgressBar-track{background:var(--spectrum-progressbar-track-color);block-size:var(--spectrum-progressbar-thickness);border-radius:var(--spectrum-progressbar-corner-radius);inline-size:100%;overflow:hidden}.spectrum-ProgressBar.is-negative .spectrum-ProgressBar-fill{background:var(--spectrum-progressbar-fill-color-negative)}.spectrum-ProgressBar .spectrum-ProgressBar-fill{background:var(--spectrum-progressbar-fill-color);block-size:var(--spectrum-progressbar-thickness);border:none;transition:width 1s}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(--spectrum-progressbar-fill-size-indeterminate)*-1))}to{transform:translate(var(--spectrum-progressbar-size-default))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(--spectrum-progressbar-fill-size-indeterminate))}to{transform:translate(calc(var(--spectrum-progressbar-size-default)*-1))}}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Stepper{--spectrum-stepper-width-medium:72px;--spectrum-stepper-width-large:90px;--spectrum-stepper-icon-width-medium:10px;--spectrum-stepper-icon-width-large:12px;--spectrum-stepper-width:var(--spectrum-stepper-width-medium);--spectrum-stepper-icon-width:var(--spectrum-stepper-icon-width-medium);--spectrum-stepper-icon-nudge-start:1px;--spectrum-stepper-button-offset:calc(var(--spectrum-stepper-button-width)/2 - var(--spectrum-stepper-icon-width)/2);--spectrum-stepper-animation-duration:var(--spectrum-animation-duration-100);--spectrum-stepper-buttons-height:var(--spectrum-component-height-100);--spectrum-stepper-border-radius:var(--spectrum-corner-radius-100);--spectrum-stepper-button-width:calc(var(--spectrum-spacing-400) - var(--spectrum-stepper-border-width)*2);--spectrum-stepper-button-gap:var(--spectrum-stepper-button-gap-reset);--spectrum-stepper-background-color:var(--spectrum-gray-50);--spectrum-stepper-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-stepper-quiet-width:var(--spectrum-component-height-300);--spectrum-stepper-quiet-button-width:var(--spectrum-stepper-button-width);--spectrum-stepper-border-color-disabled:var(--spectrum-disabled-background-color);--spectrum-stepper-border-color-quiet-disabled:var(--spectrum-disabled-border-color);--spectrum-stepper-border-color-invalid-default:var(--spectrum-negative-border-color-default);--spectrum-stepper-border-color-invalid-hover:var(--spectrum-negative-border-color-hover);--spectrum-stepper-border-color-invalid-focus:var(--spectrum-negative-border-color-focus);--spectrum-stepper-border-color-invalid-focus-hover:var(--spectrum-negative-border-color-focus-hover);--spectrum-stepper-border-color-invalid-keyboard-focus:var(--spectrum-negative-border-color-key-focus);--spectrum-stepper-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-stepper-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-stepper-focus-indicator-color:var(--spectrum-focus-indicator-color)}.spectrum-Stepper .spectrum--medium{--spectrum-stepper-width:var(--spectrum-stepper-width-medium);--spectrum-stepper-icon-width:var(--spectrum-stepper-icon-width-medium);--spectrum-stepper-button-padding:calc(var(--spectrum-spacing-200)/2)}@media (forced-colors:active){.spectrum-Stepper{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-border-color-disabled:GrayText;--highcontrast-stepper-border-color-quiet-disabled:GrayText;--highcontrast-stepper-border-color-invalid-default:Highlight;--highcontrast-stepper-border-color-invalid-hover:Highlight;--highcontrast-stepper-border-color-invalid-focus:Highlight;--highcontrast-stepper-border-color-invalid-focus-hover:Highlight;--highcontrast-stepper-border-color-invalid-keyboard-focus:Highlight;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}}.x{border-radius:var(--spectrum-stepper-button-border-radius-reset)}.spectrum-Stepper{border-radius:var(--spectrum-stepper-border-radius);display:inline-flex;flex-direction:row;flex-wrap:nowrap;inline-size:var(--spectrum-stepper-width);line-height:0;position:relative}.spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-buttons,.spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-input,.spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-stepDown,.spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-stepUp{border-color:var(--spectrum-stepper-border-color-hover)}.spectrum-Stepper:focus-visible{outline:var(--spectrum-stepper-focus-indicator-width) solid;outline-color:var(--spectrum-stepper-focus-indicator-color);outline-offset:var(--spectrum-stepper-focus-indicator-gap)}.spectrum-Stepper:focus-visible .spectrum-Stepper-input{outline:none}.spectrum-Stepper:focus-visible .spectrum-Stepper-buttons,.spectrum-Stepper:focus-visible .spectrum-Stepper-input,.spectrum-Stepper:focus-visible .spectrum-Stepper-stepDown,.spectrum-Stepper:focus-visible .spectrum-Stepper-stepUp{border-color:var(--spectrum-stepper-border-color-keyboard-focus)}.spectrum-Stepper:focus-visible .spectrum-Stepper-stepDown,.spectrum-Stepper:focus-visible .spectrum-Stepper-stepUp{background-color:var(--spectrum-stepper-button-background-color-keyboard-focus)}.spectrum-Stepper:focus-visible.is-invalid .spectrum-Stepper-buttons,.spectrum-Stepper:focus-visible.is-invalid .spectrum-Stepper-input,.spectrum-Stepper:focus-visible.is-invalid .spectrum-Stepper-stepDown,.spectrum-Stepper:focus-visible.is-invalid .spectrum-Stepper-stepUp{border-color:var(--spectrum-stepper-border-color-invalid-keyboard-focus)}.spectrum-Stepper.is-invalid .spectrum-Stepper-buttons,.spectrum-Stepper.is-invalid .spectrum-Stepper-input,.spectrum-Stepper.is-invalid .spectrum-Stepper-stepDown,.spectrum-Stepper.is-invalid .spectrum-Stepper-stepUp{border-color:var(--spectrum-stepper-border-color-invalid-default)}.spectrum-Stepper.is-invalid:hover .spectrum-Stepper-buttons,.spectrum-Stepper.is-invalid:hover .spectrum-Stepper-input,.spectrum-Stepper.is-invalid:hover .spectrum-Stepper-stepDown,.spectrum-Stepper.is-invalid:hover .spectrum-Stepper-stepUp{border-color:var(--spectrum-stepper-border-color-invalid-hover)}.spectrum-Stepper.is-disabled .spectrum-Stepper-buttons,.spectrum-Stepper.is-disabled .spectrum-Stepper-input,.spectrum-Stepper.is-disabled .spectrum-Stepper-stepDown,.spectrum-Stepper.is-disabled .spectrum-Stepper-stepUp{border-color:var(--spectrum-stepper-border-color-disabled)}.spectrum-Stepper.is-disabled .spectrum-Stepper-stepDown,.spectrum-Stepper.is-disabled .spectrum-Stepper-stepUp{background-color:transparent}.spectrum-Stepper.is-disabled .spectrum-Stepper-buttons{background-color:var(--spectrum-stepper-background-color-disabled)}.spectrum-Stepper:before{content:""}.spectrum-Stepper-buttons{background-color:var(--spectrum-stepper-background-color);block-size:var(--spectrum-stepper-buttons-height);border-color:var(--spectrum-stepper-border-color);border-end-end-radius:var(--spectrum-stepper-border-radius);border-end-start-radius:0;border-start-end-radius:var(--spectrum-stepper-border-radius);border-start-start-radius:0;border-style:solid;border-width:var(--spectrum-stepper-border-width) var(--spectrum-stepper-border-width) var(--spectrum-stepper-border-width) var(--spectrum-stepper-button-border-width-reset);box-sizing:border-box;display:flex;flex-direction:column;inline-size:calc(var(--spectrum-stepper-button-width) + var(--spectrum-stepper-button-gap)*2);justify-content:center;overflow:hidden;padding-inline-end:var(--spectrum-stepper-button-gap);row-gap:var(--spectrum-stepper-button-gap);transition:border-color var(--spectrum-stepper-animation-duration) ease-in-out}.spectrum-Stepper-stepDown,.spectrum-Stepper-stepUp{background-color:var(--spectrum-stepper-button-background-color-default);block-size:calc(var(--spectrum-stepper-buttons-height)/2 - var(--spectrum-stepper-button-gap)*2.5);border-width:0;box-sizing:border-box;display:flex;inline-size:var(--spectrum-stepper-button-width);margin-inline-end:var(--spectrum-stepper-button-gap);margin:0;min-inline-size:0;padding-inline-end:var(--spectrum-stepper-button-padding);padding-inline-start:var(--spectrum-stepper-button-padding);position:relative}.spectrum-Stepper-stepDown .spectrum-Icon,.spectrum-Stepper-stepUp .spectrum-Icon{margin:0;margin-inline-start:var(--spectrum-stepper-button-icon-nudge);opacity:1}.spectrum-Stepper-stepDown:hover,.spectrum-Stepper-stepUp:hover{background-color:var(--spectrum-stepper-button-background-color-hover)}.spectrum-Stepper-stepDown:disabled,.spectrum-Stepper-stepUp:disabled{border-color:transparent}.spectrum-Stepper-stepUp{border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:var(--spectrum-stepper-button-border-radius-reset);border-start-start-radius:var(--spectrum-stepper-button-border-radius-reset);padding-block-end:0;padding-block-start:var(--spectrum-stepper-icon-nudge-start)}.spectrum-Stepper-stepDown{border-block-start-color:var(--spectrum-stepper-border-color);border-block-start-width:0;border-block-start-width:var(--spectrum-stepper-button-border-width-reset);border-end-end-radius:var(--spectrum-stepper-button-border-radius-reset);border-end-start-radius:var(--spectrum-stepper-button-border-radius-reset);border-start-end-radius:0;border-start-start-radius:0;padding-block-start:0}.spectrum-Stepper-textfield{flex:1;inline-size:auto;min-inline-size:0}.spectrum-Stepper-input{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0;min-inline-size:0}.spectrum{--system-spectrum-stepper-border-width:var(--spectrum-border-width-100);--system-spectrum-stepper-button-border-width-reset:var(--spectrum-border-width-100);--system-spectrum-stepper-button-icon-nudge:calc(var(--spectrum-corner-radius-100)*-1/2);--system-spectrum-stepper-button-gap-reset:0px;--system-spectrum-stepper-button-border-radius-reset:0px;--system-spectrum-stepper-border-color:var(--spectrum-gray-500);--system-spectrum-stepper-border-color-hover:var(--spectrum-gray-600);--system-spectrum-stepper-border-color-focus:var(--spectrum-gray-800);--system-spectrum-stepper-border-color-focus-hover:var(--spectrum-gray-900);--system-spectrum-stepper-border-color-keyboard-focus:var(--spectrum-gray-900);--system-spectrum-stepper-button-background-color-default:var(--spectrum-gray-75);--system-spectrum-stepper-button-background-color-hover:var(--spectrum-gray-200);--system-spectrum-stepper-button-background-color-focus:var(--spectrum-gray-300);--system-spectrum-stepper-button-background-color-keyboard-focus:var(--spectrum-gray-200)}.spectrum-Stepper{--spectrum-stepper-border-width:var(--system-spectrum-stepper-border-width);--spectrum-stepper-button-border-width-reset:var(--system-spectrum-stepper-button-border-width-reset);--spectrum-stepper-button-icon-nudge:var(--system-spectrum-stepper-button-icon-nudge);--spectrum-stepper-button-gap-reset:var(--system-spectrum-stepper-button-gap-reset);--spectrum-stepper-button-border-radius-reset:var(--system-spectrum-stepper-button-border-radius-reset);--spectrum-stepper-border-color:var(--system-spectrum-stepper-border-color);--spectrum-stepper-border-color-hover:var(--system-spectrum-stepper-border-color-hover);--spectrum-stepper-border-color-focus:var(--system-spectrum-stepper-border-color-focus);--spectrum-stepper-border-color-focus-hover:var(--system-spectrum-stepper-border-color-focus-hover);--spectrum-stepper-border-color-keyboard-focus:var(--system-spectrum-stepper-border-color-keyboard-focus);--spectrum-stepper-button-background-color-default:var(--system-spectrum-stepper-button-background-color-default);--spectrum-stepper-button-background-color-hover:var(--system-spectrum-stepper-button-background-color-hover);--spectrum-stepper-button-background-color-focus:var(--system-spectrum-stepper-button-background-color-focus);--spectrum-stepper-button-background-color-keyboard-focus:var(--system-spectrum-stepper-button-background-color-keyboard-focus)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-FieldLabel{--spectrum-fieldlabel-color:var(--spectrum-neutral-subdued-content-color-default);--spectrum-field-label-top-to-asterisk:var(--spectrum-field-label-top-to-asterisk-medium);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-medium);--spectrum-fieldlabel-font-weight:var(--spectrum-regular-font-weight)}.spectrum-FieldLabel--sizeS{--spectrum-fieldlabel-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-fieldlabel-bottom-to-text:var(--spectrum-component-bottom-to-text-75);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-100);--spectrum-fieldlabel-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-fieldlabel-side-padding-top:var(--spectrum-component-top-to-text-75);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-100);--spectrum-field-label-top-to-asterisk:var(--spectrum-field-label-top-to-asterisk-small);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-small)}.spectrum-FieldLabel--sizeM{--spectrum-fieldlabel-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-fieldlabel-bottom-to-text:var(--spectrum-component-bottom-to-text-75);--spectrum-fieldlabel-font-size:var(--spectrum-font-size-75);--spectrum-fieldlabel-line-height:var(--spectrum-line-height-200);--spectrum-fieldlabel-line-height-cjk:var(--spectrum-cjk-line-height-200);--spectrum-fieldlabel-side-padding-top:var(--spectrum-component-top-to-text-75);--spectrum-fieldlabel-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-top-to-asterisk:var(--spectrum-field-label-top-to-asterisk-medium);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-medium)}.spectrum-FieldLabel{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;box-sizing:border-box;color:var(--spectrum-fieldlabel-color);display:block;font-size:var(--spectrum-fieldlabel-font-size);font-weight:var(--spectrum-fieldlabel-font-weight);line-height:var(--spectrum-fieldlabel-line-height);padding-block:var(--spectrum-fieldlabel-top-to-text) var(--spectrum-fieldlabel-bottom-to-text);padding-inline:0;vertical-align:top}.spectrum-FieldLabel:lang(ja),.spectrum-FieldLabel:lang(ko),.spectrum-FieldLabel:lang(zh){line-height:var(--spectrum-fieldlabel-line-height-cjk)}.spectrum-FieldLabel.is-disabled{color:var(--spectrum-disabled-content-color)}@media (forced-colors:active){.spectrum-FieldLabel{--highcontrast-disabled-content-color:GrayText}}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-TagGroup{--spectrum-taggroup-tag-gap-x:var(--spectrum-global-dimension-size-100);--spectrum-taggroup-tag-gap-y:var(--spectrum-global-dimension-size-100);display:inline-flex;list-style:none;margin:0;padding:0}.spectrum-TagGroup-item{margin:calc(var(--spectrum-global-dimension-size-100)/2)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Tag{--spectrum-avatar-opacity-disabled:0.3;--spectrum-tag-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tag-border-width:var(--spectrum-border-width-100);--spectrum-tag-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-tag-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-tag-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-tag-label-line-height:var(--spectrum-line-height-100);--spectrum-tag-label-font-weight:var(--spectrum-regular-font-weight);--spectrum-tag-content-color-selected:var(--spectrum-white);--spectrum-tag-border-color-invalid:var(--spectrum-negative-color-900);--spectrum-tag-border-color-invalid-hover:var(--spectrum-negative-color-1000);--spectrum-tag-border-color-invalid-active:var(--spectrum-negative-color-1100);--spectrum-tag-border-color-invalid-focus:var(--spectrum-negative-color-1000);--spectrum-tag-content-color-invalid:var(--spectrum-negative-content-color-default);--spectrum-tag-content-color-invalid-hover:var(--spectrum-negative-content-color-hover);--spectrum-tag-content-color-invalid-active:var(--spectrum-negative-content-color-down);--spectrum-tag-content-color-invalid-focus:var(--spectrum-negative-content-color-key-focus);--spectrum-tag-border-color-invalid-selected:var(--spectrum-negative-background-color-default);--spectrum-tag-border-color-invalid-selected-hover:var(--spectrum-negative-background-color-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--spectrum-negative-background-color-down);--spectrum-tag-border-color-invalid-selected-active:var(--spectrum-negative-background-color-key-focus);--spectrum-tag-background-color-invalid-selected:var(--spectrum-negative-background-color-default);--spectrum-tag-background-color-invalid-selected-hover:var(--spectrum-negative-background-color-hover);--spectrum-tag-background-color-invalid-selected-active:var(--spectrum-negative-background-color-down);--spectrum-tag-background-color-invalid-selected-focus:var(--spectrum-negative-background-color-key-focus);--spectrum-tag-content-color-invalid-selected:var(--spectrum-white);--spectrum-tag-border-color-emphasized:var(--spectrum-accent-background-color-default);--spectrum-tag-border-color-emphasized-hover:var(--spectrum-accent-background-color-hover);--spectrum-tag-border-color-emphasized-active:var(--spectrum-accent-background-color-down);--spectrum-tag-border-color-emphasized-focus:var(--spectrum-accent-background-color-key-focus);--spectrum-tag-background-color-emphasized:var(--spectrum-accent-background-color-default);--spectrum-tag-background-color-emphasized-hover:var(--spectrum-accent-background-color-hover);--spectrum-tag-background-color-emphasized-active:var(--spectrum-accent-background-color-down);--spectrum-tag-background-color-emphasized-focus:var(--spectrum-accent-background-color-key-focus);--spectrum-tag-content-color-emphasized:var(--spectrum-white);--spectrum-tag-content-color-disabled:var(--spectrum-disabled-content-color);--spectrum-tag-icon-spacing-inline-end:var(--spectrum-text-to-visual-100);--spectrum-tag-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tag-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-tag-icon-spacing-block-end:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-tag-avatar-spacing-block-start:var(--spectrum-tag-top-to-avatar-medium);--spectrum-tag-avatar-spacing-block-end:var(--spectrum-tag-top-to-avatar-medium);--spectrum-tag-avatar-spacing-inline-end:var(--spectrum-text-to-visual-100);--spectrum-tag-label-spacing-block:var(--spectrum-component-top-to-text-100);--spectrum-tag-clear-button-spacing-inline-start:var(--spectrum-text-to-visual-100);--spectrum-tag-height:var(--spectrum-component-height-100);--spectrum-tag-font-size:var(--spectrum-font-size-100);--spectrum-tag-clear-button-spacing-block:var(--spectrum-tag-top-to-cross-icon-medium)}.spectrum-Tag--sizeS{--spectrum-tag-height:var(--spectrum-component-height-75);--spectrum-tag-font-size:var(--spectrum-font-size-75);--spectrum-tag-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tag-clear-button-spacing-inline-start:var(--spectrum-text-to-visual-75);--spectrum-tag-clear-button-spacing-block:var(--spectrum-tag-top-to-cross-icon-small);--spectrum-tag-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tag-icon-spacing-block-end:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tag-icon-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tag-avatar-spacing-block-start:var(--spectrum-tag-top-to-avatar-small);--spectrum-tag-avatar-spacing-block-end:var(--spectrum-tag-top-to-avatar-small);--spectrum-tag-avatar-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tag-label-spacing-block:var(--spectrum-component-top-to-text-75);--spectrum-tag-corner-radius:var(--spectrum-tag-size-small-corner-radius);--spectrum-tag-spacing-inline-start:var(--spectrum-tag-size-small-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--spectrum-tag-size-small-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--spectrum-tag-size-small-clear-button-spacing-inline-end)}.spectrum-Tag{align-items:center;background-color:var(--spectrum-tag-background-color);block-size:var(--spectrum-tag-height);border-color:var(--spectrum-tag-border-color);border-radius:var(--spectrum-tag-corner-radius);border-style:solid;border-width:var(--spectrum-tag-border-width);box-sizing:border-box;color:var(--spectrum-tag-content-color);display:inline-flex;max-inline-size:100%;outline:none;padding-inline-end:0;padding-inline-start:calc(var(--spectrum-tag-spacing-inline-start) - var(--spectrum-tag-border-width));position:relative;transition:border-color var(--spectrum-tag-animation-duration) ease-in-out,color var(--spectrum-tag-animation-duration) ease-in-out,box-shadow var(--spectrum-tag-animation-duration) ease-in-out,background-color var(--spectrum-tag-animation-duration) ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:bottom}.spectrum-Tag:hover{background-color:var(--spectrum-tag-background-color-hover);border-color:var(--spectrum-tag-border-color-hover);color:var(--spectrum-tag-content-color-hover)}.spectrum-Tag:active{background-color:var(--spectrum-tag-background-color-active);border-color:var(--spectrum-tag-border-color-active);color:var(--spectrum-tag-content-color-active)}.spectrum-Tag:focus-visible{background-color:var(--spectrum-tag-background-color-focus);border-color:var(--spectrum-tag-border-color-focus);color:var(--spectrum-tag-content-color-focus)}.spectrum-Tag:focus-visible:after{block-size:calc(100% + var(--spectrum-tag-focus-ring-gap)*2 + var(--spectrum-tag-border-width)*2);border-color:var(--spectrum-tag-focus-ring-color);border-radius:calc(var(--spectrum-tag-corner-radius) + var(--spectrum-tag-focus-ring-gap) + var(--spectrum-tag-border-width));border-style:solid;border-width:var(--spectrum-tag-focus-ring-thickness);bottom:0;content:"";display:inline-block;inline-size:calc(100% + var(--spectrum-tag-focus-ring-gap)*2 + var(--spectrum-tag-border-width)*2);left:0;margin:auto;margin-block-start:calc((var(--spectrum-tag-focus-ring-gap) + var(--spectrum-tag-border-width) + var(--spectrum-tag-focus-ring-thickness))*-1);margin-inline-start:calc((var(--spectrum-tag-focus-ring-gap) + var(--spectrum-tag-border-width) + var(--spectrum-tag-focus-ring-thickness))*-1);position:absolute;right:0;top:0}.spectrum-Tag.is-selected{background-color:var(--spectrum-tag-background-color-selected);border-color:var(--spectrum-tag-border-color-selected);color:var(--spectrum-tag-content-color-selected)}.spectrum-Tag.is-selected:hover{background-color:var(--spectrum-tag-background-color-selected-hover);border-color:var(--spectrum-tag-border-color-selected-hover)}.spectrum-Tag.is-selected:active{background-color:var(--spectrum-tag-background-color-selected-active);border-color:var(--spectrum-tag-border-color-selected-active)}.spectrum-Tag.is-selected:focus-visible{background-color:var(--spectrum-tag-background-color-selected-focus);border-color:var(--spectrum-tag-border-color-selected-focus)}.spectrum-Tag.is-invalid{border-color:var(--spectrum-tag-border-color-invalid);color:var(--spectrum-tag-content-color-invalid)}.spectrum-Tag.is-invalid:hover{border-color:var(--spectrum-tag-border-color-invalid-hover);color:var(--spectrum-tag-content-color-invalid-hover)}.spectrum-Tag.is-invalid:active{border-color:var(--spectrum-tag-border-color-invalid-active);color:var(--spectrum-tag-content-color-invalid-active)}.spectrum-Tag.is-invalid:focus-visible{border-color:var(--spectrum-tag-border-color-invalid-focus);color:var(--spectrum-tag-content-color-invalid-focus)}.spectrum-Tag.is-invalid.is-selected{background-color:var(--spectrum-tag-background-color-invalid-selected);border-color:var(--spectrum-tag-border-color-invalid-selected);color:var(--spectrum-tag-content-color-invalid-selected)}.spectrum-Tag.is-invalid.is-selected:hover{background-color:var(--spectrum-tag-background-color-invalid-selected-hover);border-color:var(--spectrum-tag-border-color-invalid-selected-hover)}.spectrum-Tag.is-invalid.is-selected:active{background-color:var(--spectrum-tag-background-color-invalid-selected-active);border-color:var(--spectrum-tag-border-color-invalid-selected-active)}.spectrum-Tag.is-invalid.is-selected:focus-visible{background-color:var(--spectrum-tag-background-color-invalid-selected-focus);border-color:var(--spectrum-tag-border-color-invalid-selected-focus)}.spectrum-Tag.is-disabled{background-color:var(--spectrum-tag-background-color-disabled);border-color:var(--spectrum-tag-border-color-disabled);color:var(--spectrum-tag-content-color-disabled);pointer-events:none}@media (forced-colors:active){.spectrum-Tag{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:ButtonText;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;forced-color-adjust:none}.spectrum-Tag.is-selected{--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}.spectrum-Tag.is-disabled{--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}.spectrum-Tag.is-invalid{--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}.spectrum-Tag.is-invalid.is-selected{--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}}.spectrum{--system-spectrum-tag-border-color:var(--spectrum-gray-700);--system-spectrum-tag-border-color-hover:var(--spectrum-gray-800);--system-spectrum-tag-border-color-active:var(--spectrum-gray-900);--system-spectrum-tag-border-color-focus:var(--spectrum-gray-800);--system-spectrum-tag-size-small-corner-radius:var(--spectrum-corner-radius-100);--system-spectrum-tag-size-medium-corner-radius:var(--spectrum-corner-radius-100);--system-spectrum-tag-size-large-corner-radius:var(--spectrum-corner-radius-100);--system-spectrum-tag-background-color:var(--spectrum-gray-75);--system-spectrum-tag-background-color-hover:var(--spectrum-gray-75);--system-spectrum-tag-background-color-active:var(--spectrum-gray-200);--system-spectrum-tag-background-color-focus:var(--spectrum-gray-75);--system-spectrum-tag-content-color:var(--spectrum-neutral-subdued-content-color-default);--system-spectrum-tag-content-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--system-spectrum-tag-content-color-active:var(--spectrum-neutral-subdued-content-color-down);--system-spectrum-tag-content-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--system-spectrum-tag-border-color-selected:var(--spectrum-neutral-subdued-background-color-default);--system-spectrum-tag-border-color-selected-hover:var(--spectrum-neutral-subdued-background-color-hover);--system-spectrum-tag-border-color-selected-active:var(--spectrum-neutral-subdued-background-color-down);--system-spectrum-tag-border-color-selected-focus:var(--spectrum-neutral-subdued-background-color-key-focus);--system-spectrum-tag-background-color-selected:var(--spectrum-neutral-subdued-background-color-default);--system-spectrum-tag-background-color-selected-hover:var(--spectrum-neutral-subdued-background-color-hover);--system-spectrum-tag-background-color-selected-active:var(--spectrum-neutral-subdued-background-color-down);--system-spectrum-tag-background-color-selected-focus:var(--spectrum-neutral-subdued-background-color-key-focus);--system-spectrum-tag-border-color-disabled:transparent;--system-spectrum-tag-background-color-disabled:var(--spectrum-disabled-background-color);--system-spectrum-tag-size-small-spacing-inline-start:var(--spectrum-component-edge-to-visual-75);--system-spectrum-tag-size-small-label-spacing-inline-end:var(--spectrum-component-edge-to-text-75);--system-spectrum-tag-size-small-clear-button-spacing-inline-end:var(--spectrum-component-edge-to-visual-75);--system-spectrum-tag-size-medium-spacing-inline-start:var(--spectrum-component-edge-to-visual-100);--system-spectrum-tag-size-medium-label-spacing-inline-end:var(--spectrum-component-edge-to-text-100);--system-spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--spectrum-component-edge-to-visual-100);--system-spectrum-tag-size-large-spacing-inline-start:var(--spectrum-component-edge-to-visual-200);--system-spectrum-tag-size-large-label-spacing-inline-end:var(--spectrum-component-edge-to-text-200);--system-spectrum-tag-size-large-clear-button-spacing-inline-end:var(--spectrum-component-edge-to-visual-200)}.spectrum-Tag{--spectrum-tag-border-color:var(--system-spectrum-tag-border-color);--spectrum-tag-border-color-hover:var(--system-spectrum-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-spectrum-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-spectrum-tag-border-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-spectrum-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-spectrum-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-spectrum-tag-size-large-corner-radius);--spectrum-tag-background-color:var(--system-spectrum-tag-background-color);--spectrum-tag-background-color-hover:var(--system-spectrum-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-spectrum-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-spectrum-tag-background-color-focus);--spectrum-tag-content-color:var(--system-spectrum-tag-content-color);--spectrum-tag-content-color-hover:var(--system-spectrum-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-spectrum-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-spectrum-tag-content-color-focus);--spectrum-tag-border-color-selected:var(--system-spectrum-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-spectrum-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-spectrum-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-spectrum-tag-border-color-selected-focus);--spectrum-tag-background-color-selected:var(--system-spectrum-tag-background-color-selected);--spectrum-tag-background-color-selected-hover:var(--system-spectrum-tag-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--system-spectrum-tag-background-color-selected-active);--spectrum-tag-background-color-selected-focus:var(--system-spectrum-tag-background-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-spectrum-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-spectrum-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-spectrum-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-spectrum-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-spectrum-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-spectrum-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-spectrum-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-spectrum-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-spectrum-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-spectrum-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-spectrum-tag-size-large-clear-button-spacing-inline-end)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Switch{--spectrum-switch-label-color-default:var(--spectrum-neutral-content-color-default);--spectrum-switch-label-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-switch-label-color-down:var(--spectrum-neutral-content-color-down);--spectrum-switch-label-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-switch-label-color-disabled:var(--spectrum-disabled-content-color);--spectrum-switch-background-color:var(--spectrum-gray-300);--spectrum-switch-background-color-disabled:var(--spectrum-gray-300);--spectrum-switch-background-color-selected-disabled:var(--spectrum-gray-400);--spectrum-switch-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-switch-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-switch-handle-background-color:var(--spectrum-gray-75);--spectrum-switch-handle-border-color-disabled:var(--spectrum-gray-400)}.spectrum-Switch--sizeS{--spectrum-switch-min-height:var(--spectrum-component-height-75);--spectrum-switch-control-width:var(--spectrum-switch-control-width-small);--spectrum-switch-control-height:var(--spectrum-switch-control-height-small);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-75);--spectrum-switch-spacing-top-to-control:var(--spectrum-switch-top-to-control-small);--spectrum-switch-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-switch-font-size:var(--spectrum-font-size-75)}.spectrum-Switch{align-items:flex-start;display:inline-flex;max-inline-size:100%;min-block-size:var(--spectrum-switch-min-height);position:relative;vertical-align:top}.spectrum-Switch-input{block-size:100%;box-sizing:border-box;cursor:pointer;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;opacity:0;padding:0;position:absolute;z-index:1}[dir=ltr] .spectrum-Switch-input:checked+.spectrum-Switch-switch:before{transform:translateX(calc(var(--spectrum-switch-control-width) - 100%))}.spectrum-Switch-input:disabled{cursor:default}.spectrum-Switch-label{color:var(--spectrum-switch-label-color-default);font-size:var(--spectrum-switch-font-size);line-height:var(--spectrum-line-height-100);margin-block-end:0;margin-block-start:var(--spectrum-switch-spacing-top-to-label);margin-inline:var(--spectrum-switch-control-label-spacing);transition:color var(--spectrum-animation-duration-200) ease-in-out}.spectrum-Switch-switch{block-size:var(--spectrum-switch-control-height);border-radius:calc(var(--spectrum-switch-control-height)/2);box-sizing:border-box;display:inline-block;flex-grow:0;flex-shrink:0;inline-size:var(--spectrum-switch-control-width);inset-inline-end:0;inset-inline-start:0;margin-block:calc(var(--spectrum-switch-min-height) - var(--spectrum-switch-control-height) - var(--spectrum-switch-spacing-top-to-control));margin-inline:0;position:relative;transition:background var(--spectrum-animation-duration-100) ease-in-out,border var(--spectrum-animation-duration-100) ease-in-out;vertical-align:middle}.spectrum-Switch-switch:before{block-size:var(--spectrum-switch-control-height);border-radius:calc(var(--spectrum-switch-control-height)/2);border-style:solid;border-width:var(--spectrum-border-width-200);box-sizing:border-box;inline-size:var(--spectrum-switch-control-height);transition:background var(--spectrum-animation-duration-100) ease-in-out,border var(--spectrum-animation-duration-100) ease-in-out,transform var(--spectrum-animation-duration-100) ease-in-out,box-shadow var(--spectrum-animation-duration-100) ease-in-out}.spectrum-Switch-switch:after,.spectrum-Switch-switch:before{content:"";display:block;inset-block-start:0;inset-inline-start:0;position:absolute}.spectrum-Switch-switch:after{border-radius:calc(var(--spectrum-switch-control-height) + var(--spectrum-focus-indicator-gap));inset-block-end:0;inset-inline-end:0;margin:0;transition:opacity var(--spectrum-animation-duration-100) ease-out,margin var(--spectrum-animation-duration-100) ease-out}.spectrum-Switch .spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color)}.spectrum-Switch .spectrum-Switch-switch:before{background-color:var(--spectrum-switch-handle-background-color);border-color:var(--spectrum-switch-handle-border-color-default)}.spectrum-Switch:hover .spectrum-Switch-input+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-hover);box-shadow:none}.spectrum-Switch:hover .spectrum-Switch-input~.spectrum-Switch-label{color:var(--spectrum-switch-label-color-hover)}.spectrum-Switch:hover .spectrum-Switch-input:checked:enabled+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-selected-hover)}.spectrum-Switch:hover .spectrum-Switch-input:checked:enabled+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-selected-hover)}.spectrum-Switch:hover .spectrum-Switch-input:disabled+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-disabled)}.spectrum-Switch:hover .spectrum-Switch-input:disabled+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-disabled)}.spectrum-Switch:hover .spectrum-Switch-input:disabled~.spectrum-Switch-label{color:var(--spectrum-switch-label-color-disabled)}.spectrum-Switch:hover .spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-selected-disabled)}.spectrum-Switch:hover .spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-disabled)}.spectrum-Switch:hover .spectrum-Switch-input:disabled:checked~.spectrum-Switch-label{color:var(--spectrum-switch-label-color-disabled)}.spectrum-Switch:active .spectrum-Switch-input+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-down)}.spectrum-Switch:active .spectrum-Switch-input~.spectrum-Switch-label{color:var(--spectrum-switch-label-color-down)}.spectrum-Switch:active .spectrum-Switch-input:checked:enabled+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-selected-down)}.spectrum-Switch:active .spectrum-Switch-input:checked:enabled+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-selected-down)}.spectrum-Switch-input:checked+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-selected-default)}.spectrum-Switch-input:checked+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-selected-default)}.spectrum-Switch-input:disabled+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-disabled)}.spectrum-Switch-input:disabled+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-disabled)}.spectrum-Switch-input:disabled~.spectrum-Switch-label{color:var(--spectrum-switch-label-color-disabled)}.spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch{background-color:var(--spectrum-switch-background-color-selected-disabled)}.spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch:before{border-color:var(--spectrum-switch-handle-border-color-disabled)}.spectrum-Switch-input:disabled:checked~.spectrum-Switch-label{color:var(--spectrum-switch-label-color-disabled)}@media (forced-colors:active){.spectrum-Switch{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}.spectrum-Switch .spectrum-Switch-input:not(:checked)+.spectrum-Switch-switch{box-shadow:inset 0 0 0 1px ButtonText}.spectrum-Switch:hover .spectrum-Switch-input:not(:checked)+.spectrum-Switch-switch{box-shadow:inset 0 0 0 1px Highlight}.spectrum-Switch:hover .spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}.spectrum-Switch:hover .spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch:before{background-color:ButtonFace;border-color:GrayText}.spectrum-Switch .spectrum-Switch-input:disabled:not(:checked)+.spectrum-Switch-switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}.spectrum-Switch .spectrum-Switch-input:disabled:not(:checked)+.spectrum-Switch-switch:before{background-color:ButtonFace;border-color:GrayText}.spectrum-Switch .spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}.spectrum-Switch .spectrum-Switch-input:disabled:checked+.spectrum-Switch-switch:before{background-color:ButtonFace;border-color:GrayText}.spectrum-Switch .spectrum-Switch-input:disabled~.spectrum-Switch-label{color:GrayText}}.spectrum{--system-spectrum-switch-background-color-selected-default:var(--spectrum-gray-700);--system-spectrum-switch-background-color-selected-hover:var(--spectrum-gray-800);--system-spectrum-switch-background-color-selected-down:var(--spectrum-gray-900);--system-spectrum-switch-background-color-selected-focus:var(--spectrum-gray-800);--system-spectrum-switch-handle-border-color-default:var(--spectrum-gray-600);--system-spectrum-switch-handle-border-color-hover:var(--spectrum-gray-700);--system-spectrum-switch-handle-border-color-down:var(--spectrum-gray-800);--system-spectrum-switch-handle-border-color-focus:var(--spectrum-gray-700);--system-spectrum-switch-handle-border-color-selected-default:var(--spectrum-gray-700);--system-spectrum-switch-handle-border-color-selected-hover:var(--spectrum-gray-800);--system-spectrum-switch-handle-border-color-selected-down:var(--spectrum-gray-900);--system-spectrum-switch-handle-border-color-selected-focus:var(--spectrum-gray-800)}.spectrum-Switch{--spectrum-switch-background-color-selected-default:var(--system-spectrum-switch-background-color-selected-default);--spectrum-switch-background-color-selected-hover:var(--system-spectrum-switch-background-color-selected-hover);--spectrum-switch-background-color-selected-down:var(--system-spectrum-switch-background-color-selected-down);--spectrum-switch-background-color-selected-focus:var(--system-spectrum-switch-background-color-selected-focus);--spectrum-switch-handle-border-color-default:var(--system-spectrum-switch-handle-border-color-default);--spectrum-switch-handle-border-color-hover:var(--system-spectrum-switch-handle-border-color-hover);--spectrum-switch-handle-border-color-down:var(--system-spectrum-switch-handle-border-color-down);--spectrum-switch-handle-border-color-focus:var(--system-spectrum-switch-handle-border-color-focus);--spectrum-switch-handle-border-color-selected-default:var(--system-spectrum-switch-handle-border-color-selected-default);--spectrum-switch-handle-border-color-selected-hover:var(--system-spectrum-switch-handle-border-color-selected-hover);--spectrum-switch-handle-border-color-selected-down:var(--system-spectrum-switch-handle-border-color-selected-down);--spectrum-switch-handle-border-color-selected-focus:var(--system-spectrum-switch-handle-border-color-selected-focus)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-FieldGroup{--spectrum-fieldgroup-margin:var(--spectrum-spacing-300);--spectrum-fieldgroup-readonly-delimiter:"\002c";align-items:top;display:flex;flex-wrap:wrap}.spectrum-FieldGroup,.spectrum-FieldGroup--toplabel{flex-direction:column}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Checkbox{--spectrum-checkbox-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-checkbox-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-checkbox-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-checkbox-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-checkbox-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-checkbox-content-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-control-color-disabled:var(--spectrum-gray-400);--spectrum-checkbox-checkmark-color:var(--spectrum-gray-75);--spectrum-checkbox-invalid-color-default:var(--spectrum-negative-color-900);--spectrum-checkbox-invalid-color-hover:var(--spectrum-negative-color-1000);--spectrum-checkbox-invalid-color-down:var(--spectrum-negative-color-1100);--spectrum-checkbox-invalid-color-focus:var(--spectrum-negative-color-1000);--spectrum-checkbox-emphasized-color-default:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-color-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-color-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-color-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-control-corner-radius:var(--spectrum-corner-radius-75);--spectrum-checkbox-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-checkbox-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-checkbox-border-width:var(--spectrum-border-width-200);--spectrum-checkbox-selected-border-width:calc(var(--spectrum-checkbox-control-size)/2);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100);--spectrum-checkbox-animation-duration:var(--spectrum-animation-duration-100)}.spectrum-Checkbox--sizeS{--spectrum-checkbox-font-size:var(--spectrum-font-size-75);--spectrum-checkbox-height:var(--spectrum-component-height-75);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-small);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-75)}.spectrum-Checkbox--sizeM{--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100)}.spectrum-Checkbox{align-items:flex-start;color:var(--spectrum-checkbox-content-color-default);display:inline-flex;max-inline-size:100%;min-block-size:var(--spectrum-checkbox-height);position:relative;vertical-align:top}.spectrum-Checkbox:hover .spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-control-color-hover)}.spectrum-Checkbox:hover .spectrum-Checkbox-input:checked+.spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-control-selected-color-hover)}.spectrum-Checkbox:hover .spectrum-Checkbox-label{color:var(--spectrum-checkbox-content-color-hover)}.spectrum-Checkbox:active .spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-control-color-down)}.spectrum-Checkbox:active .spectrum-Checkbox-input:checked+.spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-control-selected-color-down)}.spectrum-Checkbox:active .spectrum-Checkbox-label{color:var(--spectrum-checkbox-content-color-down)}.spectrum-Checkbox.is-invalid .spectrum-Checkbox-box:before,.spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked+.spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-invalid-color-default)}.spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box:before,.spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked+.spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-invalid-color-hover)}.spectrum-Checkbox-label{font-size:var(--spectrum-checkbox-font-size);line-height:var(--spectrum-checkbox-line-height);margin-block-start:var(--spectrum-checkbox-top-to-text);margin-inline-start:var(--spectrum-checkbox-text-to-control);text-align:start;transition:color var(--spectrum-checkbox-animation-duration) ease-in-out}.spectrum-Checkbox-label:lang(js),.spectrum-Checkbox-label:lang(ko),.spectrum-Checkbox-label:lang(zh){line-height:var(--spectrum-checkbox-line-height-cjk)}.spectrum-Checkbox-input{block-size:100%;box-sizing:border-box;color:var(--spectrum-checkbox-control-color-default);cursor:pointer;font-family:inherit;font-size:100%;inline-size:100%;line-height:1.15;margin:0;opacity:.0001;overflow:visible;padding:0;position:absolute;z-index:1}.spectrum-Checkbox-input:disabled{cursor:default}.spectrum-Checkbox-input:checked+.spectrum-Checkbox-box:before{background-color:var(--spectrum-checkbox-checkmark-color);border-color:var(--spectrum-checkbox-control-selected-color-default);border-width:var(--spectrum-checkbox-selected-border-width)}.spectrum-Checkbox-input:checked+.spectrum-Checkbox-box .spectrum-Checkbox-checkmark{opacity:1;transform:scale(1)}.spectrum-Checkbox-box{--spectrum-checkbox-spacing:calc(var(--spectrum-checkbox-height) - var(--spectrum-checkbox-control-size));align-items:center;block-size:var(--spectrum-checkbox-control-size);box-sizing:border-box;display:flex;flex-grow:0;flex-shrink:0;inline-size:var(--spectrum-checkbox-control-size);justify-content:center;margin:calc(var(--spectrum-checkbox-spacing)/2) 0;position:relative}.spectrum-Checkbox-box:before{border-color:var(--spectrum-checkbox-control-color-default);border-radius:var(--spectrum-checkbox-control-corner-radius);border-style:solid;border-width:var(--spectrum-checkbox-border-width);box-sizing:border-box;content:"";display:block;forced-color-adjust:none;height:var(--spectrum-checkbox-control-size);position:absolute;transition:border var(--spectrum-checkbox-animation-duration) ease-in-out,box-shadow var(--spectrum-checkbox-animation-duration) ease-in-out;width:var(--spectrum-checkbox-control-size);z-index:0}.spectrum-Checkbox-box:after{border-radius:calc(var(--spectrum-checkbox-control-corner-radius) + var(--spectrum-checkbox-focus-indicator-gap));bottom:0;content:"";display:block;left:0;margin:var(--spectrum-checkbox-focus-indicator-gap);position:absolute;right:0;top:0;transform:translate(0);transition:box-shadow var(--spectrum-checkbox-animation-duration) ease-out,margin var(--spectrum-checkbox-animation-duration) ease-out}.spectrum-Checkbox-checkmark{color:var(--spectrum-checkbox-checkmark-color);opacity:0;transform:scale(0);transition:opacity var(--spectrum-checkbox-animation-duration) ease-in-out,transform var(--spectrum-checkbox-animation-duration) ease-in-out}.spectrum-Checkbox .spectrum-Checkbox-input:checked:disabled+.spectrum-Checkbox-box:before,.spectrum-Checkbox .spectrum-Checkbox-input:disabled+.spectrum-Checkbox-box:before{background-color:var(--spectrum-checkbox-checkmark-color);border-color:var(--spectrum-checkbox-control-color-disabled)}.spectrum-Checkbox .spectrum-Checkbox-input:checked:disabled~.spectrum-Checkbox-label,.spectrum-Checkbox .spectrum-Checkbox-input:disabled~.spectrum-Checkbox-label{color:var(--spectrum-checkbox-content-color-disabled);forced-color-adjust:none}@media (forced-colors:active){.spectrum-Checkbox{--highcontrast-checkbox-content-color-default:ButtonText;--highcontrast-checkbox-content-color-hover:ButtonText;--highcontrast-checkbox-content-color-down:ButtonText;--highcontrast-checkbox-content-color-focus:ButtonText;--highcontrast-checkbox-background-color-default:Background;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-focus-indicator-color:FieldText;--highcontrast-checkbox-color-focus:FieldText}}.spectrum{--system-spectrum-checkbox-control-color-default:var(--spectrum-gray-600);--system-spectrum-checkbox-control-color-hover:var(--spectrum-gray-700);--system-spectrum-checkbox-control-color-down:var(--spectrum-gray-800);--system-spectrum-checkbox-control-color-focus:var(--spectrum-gray-700);--system-spectrum-checkbox-control-selected-color-default:var(--spectrum-gray-700);--system-spectrum-checkbox-control-selected-color-hover:var(--spectrum-gray-800);--system-spectrum-checkbox-control-selected-color-down:var(--spectrum-gray-900)}.spectrum-Checkbox{--spectrum-checkbox-control-color-default:var(--system-spectrum-checkbox-control-color-default);--spectrum-checkbox-control-color-hover:var(--system-spectrum-checkbox-control-color-hover);--spectrum-checkbox-control-color-down:var(--system-spectrum-checkbox-control-color-down);--spectrum-checkbox-control-color-focus:var(--system-spectrum-checkbox-control-color-focus);--spectrum-checkbox-control-selected-color-default:var(--system-spectrum-checkbox-control-selected-color-default);--spectrum-checkbox-control-selected-color-hover:var(--system-spectrum-checkbox-control-selected-color-hover);--spectrum-checkbox-control-selected-color-down:var(--system-spectrum-checkbox-control-selected-color-down)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum{--system-spectrum-radio-button-border-color-default:var(--spectrum-gray-600);--system-spectrum-radio-button-border-color-hover:var(--spectrum-gray-700);--system-spectrum-radio-button-border-color-down:var(--spectrum-gray-800);--system-spectrum-radio-button-border-color-focus:var(--spectrum-gray-700);--system-spectrum-radio-button-checked-border-color-default:var(--spectrum-gray-700);--system-spectrum-radio-button-checked-border-color-hover:var(--spectrum-gray-800);--system-spectrum-radio-button-checked-border-color-down:var(--spectrum-gray-900);--system-spectrum-radio-button-checked-border-color-focus:var(--spectrum-gray-800);--system-spectrum-radio-emphasized-button-checked-border-color-default:var(--spectrum-accent-color-900);--system-spectrum-radio-emphasized-button-checked-border-color-hover:var(--spectrum-accent-color-1000);--system-spectrum-radio-emphasized-button-checked-border-color-down:var(--spectrum-accent-color-1100);--system-spectrum-radio-emphasized-button-checked-border-color-focus:var(--spectrum-accent-color-1000)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum{--system-spectrum-closebutton-background-color-default:transparent;--system-spectrum-closebutton-background-color-hover:var(--spectrum-gray-200);--system-spectrum-closebutton-background-color-down:var(--spectrum-gray-300);--system-spectrum-closebutton-background-color-focus:var(--spectrum-gray-200)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Icon{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}.spectrum-Icon:not(:root){overflow:hidden}@media (forced-colors:active){.spectrum-Icon{forced-color-adjust:auto}}.spectrum-Icon{--spectrum-icon-size-s:var(--spectrum-global-dimension-size-200);--spectrum-icon-size-m:var(--spectrum-global-dimension-size-225);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(--spectrum-global-dimension-size-275);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}.spectrum-Icon--sizeS,.spectrum-Icon--sizeS img,.spectrum-Icon--sizeS svg{height:var(--spectrum-icon-size-s);width:var(--spectrum-icon-size-s)}.spectrum-Icon--sizeM,.spectrum-Icon--sizeM img,.spectrum-Icon--sizeM svg{height:var(--spectrum-icon-size-m);width:var(--spectrum-icon-size-m)}.spectrum--medium{--ui-icon-medium-display:block;--ui-icon-large-display:none}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(--spectrum-alias-ui-icon-checkmark-size-50)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(--spectrum-alias-ui-icon-checkmark-size-75)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(--spectrum-alias-ui-icon-checkmark-size-100)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(--spectrum-alias-ui-icon-cross-size-100)}
+/*!
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/.spectrum-Steplist{--spectrum-steplist-step-width:80px;--spectrum-steplist-marker-diameter:8px;--spectrum-steplist-marker-hitArea:20px;--spectrum-steplist-segment-height:2px;--spectrum-steplist-topPadding:22px;--spectrum-steplist-small-topPadding:11px;--spectrum-steplist-sidePadding:60px;--spectrum-steplist-label-labelOffset:10px;--spectrum-steplist-label-text-size:12px}[dir=ltr] .spectrum-Steplist{padding-left:var(--spectrum-steplist-sidePadding)}[dir=ltr] .spectrum-Steplist{padding-right:var(--spectrum-steplist-sidePadding)}.spectrum-Steplist{display:block;font-size:0;line-height:16px;margin:0;padding-top:var(--spectrum-steplist-topPadding);position:relative;text-align:center;vertical-align:top;white-space:nowrap;z-index:0}[dir=ltr] .spectrum-Steplist-item{padding-left:0;padding-right:calc(var(--spectrum-steplist-step-width)/2)}.spectrum-Steplist-item{box-sizing:content-box;display:inline-block;margin:0;outline:none;padding-bottom:0;padding-top:0;position:relative;vertical-align:bottom;width:var(--spectrum-steplist-step-width)}.spectrum-Steplist-item.is-complete .spectrum-Steplist-marker{border:none}.spectrum-Steplist-item.is-complete+.spectrum-Steplist-item .spectrum-Steplist-segment{border-bottom-style:solid;border-bottom-width:var(--spectrum-steplist-segment-height)}.spectrum-Steplist-item.is-selected :focus,.spectrum-Steplist-item.is-selected:focus{outline:none}.spectrum-Steplist-item.is-selected .spectrum-Steplist-marker{border:none}[dir=ltr] .spectrum-Steplist-label{left:50%}.spectrum-Steplist-label{bottom:var(--spectrum-steplist-label-labelOffset);display:block;font-size:var(--spectrum-steplist-label-text-size);position:absolute;transform:translateX(-50%);white-space:normal;width:calc(var(--spectrum-steplist-step-width)*1.5)}[dir=ltr] .spectrum-Steplist-markerContainer{left:50%}[dir=ltr] .spectrum-Steplist-markerContainer{margin-left:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}.spectrum-Steplist-markerContainer{bottom:-10px;display:block;height:var(--spectrum-steplist-marker-hitArea);position:absolute;width:var(--spectrum-steplist-marker-hitArea);z-index:2}[dir=ltr] .spectrum-Steplist-marker{left:50%}[dir=ltr] .spectrum-Steplist-marker{margin-left:calc(var(--spectrum-steplist-marker-diameter)*-1/2)}.spectrum-Steplist-marker{background:transparent;border:2px solid transparent;border-radius:var(--spectrum-steplist-marker-diameter);box-sizing:border-box;display:block;height:var(--spectrum-steplist-marker-diameter);margin-top:calc(var(--spectrum-steplist-marker-diameter)*-1/2);position:absolute;top:50%;width:var(--spectrum-steplist-marker-diameter)}[dir=ltr] .spectrum-Steplist-segment{right:calc(var(--spectrum-steplist-step-width) - var(--spectrum-steplist-marker-diameter)*1.5)}.spectrum-Steplist-segment{border-bottom-style:dashed;border-bottom-width:var(--spectrum-steplist-segment-height);bottom:calc(var(--spectrum-steplist-segment-height)*-1/2);box-sizing:content-box;display:block;position:absolute;width:calc(var(--spectrum-steplist-step-width)*1.5 - var(--spectrum-steplist-marker-diameter)*2);z-index:1}[dir=ltr] .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer{left:0}[dir=ltr] .spectrum-Steplist-item:first-child .spectrum-Steplist-label{left:0}.spectrum-Steplist-item:first-child .spectrum-Steplist-segment{display:none}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-label{left:auto}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-label{right:0}.spectrum-Steplist-item:last-child .spectrum-Steplist-label{transform:translateX(50%)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{left:auto}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{right:0}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{margin-left:0}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer{margin-right:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment{right:var(--spectrum-steplist-marker-diameter)}[dir=ltr] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment{left:auto}.spectrum-Steplist-item:first-child,.spectrum-Steplist-item:last-child{width:calc(var(--spectrum-steplist-step-width)/2 - var(--spectrum-steplist-marker-diameter)*2.5)}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-label{left:50%}.spectrum-Steplist-item:only-child .spectrum-Steplist-label{transform:translate(-50%)}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{left:50%}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{margin-right:0}[dir=ltr] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer{margin-left:calc(var(--spectrum-steplist-marker-hitArea)*-1/2)}.spectrum-Steplist .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-600)}.spectrum-Steplist .spectrum-Steplist-marker{border-color:var(--spectrum-global-color-gray-300)}.spectrum-Steplist .spectrum-Steplist-segment{border-bottom-color:var(--spectrum-global-color-gray-300)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-700)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-marker{background-color:var(--spectrum-global-color-gray-600)}.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-label{color:var(--spectrum-global-color-gray-800)}.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-marker{background-color:var(--spectrum-global-color-gray-800)}.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-segment,.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-segment{border-bottom-color:var(--spectrum-global-color-gray-600)}.spectrum-Popover.is-open{z-index:2}.spectrum-Popover--bottom{left:0}.spectrum-Popover--bottom-right{right:0}.spectrum-TreeView-item,.spectrum-TreeView-itemLink{overflow:visible}[dir=ltr] .spectrum-TreeView-itemIndicator{margin-left:calc(var(--spectrum-treeview-item-affordance-size)*-1)}.spectrum-DatePicker-textfield{--spectrum-textfield-border-color:#000;--spectrum-textfield-border-width:1px;display:flex;max-width:158px}.spectrum-Stepper{--mod-actionbutton-icon-size:10px;min-width:100px}.ribbon .spectrum-Stepper>.spectrum-Textfield{--spectrum-textfield-border-color:#000;--spectrum-textfield-border-width:1px;min-width:30px}.spectrum-TreeView-item.is-open>.spectrum-TreeView{visibility:unset}.display-none{display:none;height:auto!important;visibility:unset!important}body{max-width:800px}.main-ui{display:grid;grid-template-columns:3% 22% 75%;grid-template-rows:50px 50px minmax(0,100%);height:100vh}.top-bar{align-items:center;display:inline-flex;grid-column-end:4;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-content:space-between;max-height:50px;padding:5px;z-index:3}.context-help-popover-body{max-width:150px;padding:10px;top:30px}.profile-card-popover{padding:5px;top:30px;width:150px}.todo-area{grid-column-end:4;grid-column-start:3;grid-row-end:4;grid-row-start:3}.ribbon{align-items:center;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:grid;gap:5px;grid-auto-flow:column;grid-column-end:4;grid-column-start:1;grid-row-end:3;grid-row-start:2;margin:5px 3px;max-height:40px;padding:5px;z-index:2}.ribbon-divider{height:75%}.date-picker-popover{left:0;position:absolute;top:100%;width:280px}.filter-input{max-width:150px}.tree-area{background-color:#fff;grid-column-end:3;grid-column-start:1;grid-row-end:4;grid-row-start:3;overflow-y:scroll;padding-left:5px}.task-list-icon{padding-left:14px}.show-more{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:start;z-index:4}.show-more>div>ul li:hover{border-color:#db7676}.analytics-group [data-status="1"]>:last-child>div{background-color:#ff4500}.analytics-group [data-status="2"]>:last-child>div{background-color:orange}.analytics-group [data-status="3"]>:last-child>div{background-color:#adff2f}.analytics-group [data-status="4"]>:last-child>div{background-color:green}.analytics-group>div>*>div>*{width:200px}.filter-group>div>div>:first-child>*{max-width:150px}.filter-group>div>div>:first-child label{padding-bottom:1px;padding-top:1px}.filter-group .spectrum-Stepper>label{align-self:center;margin-left:3px;margin-right:3px}.filter-group .spectrum-TagGroup>div{padding-right:6px}.filter-group>div>div>:last-child{direction:column;display:flex;justify-content:flex-end}.filter-group .spectrum-Stepper>span>button{padding-left:3px}.filter-group .spectrum-Tag>*{display:inline;white-space:nowrap}.top-bar-buttons{position:relative}.top-bar-buttons>div>div>ul li:hover{border-color:#db7676}.notifications-group>div>*{gap:3px}.notifications-group ul{list-style-type:none;margin-bottom:0;margin-top:0;padding-inline-start:0}.notifications-group .notifications-list>li{border-left:3px solid #adff2f;margin-bottom:4px;padding-left:0}.notifications-group .notifications-list>li[data-priority="0"]{border-left-color:red}.notifications-group .notifications-list>li[data-priority="1"]{border-left-color:#ff0}.notifications-group .notifications-list li>div>:nth-child(2){margin-left:4px}.notifications-group .notifications-list>li>div>label{display:inline;padding-left:4px;padding-right:4px;white-space:nowrap}.notifications-group .notifications-list>li>div>:last-child{font-size:8px}.notifications-group .notifications-list>li div{align-items:center;display:grid;grid-template-columns:10% 50% 40%;grid-template-rows:1fr;justify-items:start}.notifications-group .notifications-list>li div :first-child{grid-column-end:2;grid-column-start:1}.notifications-group>div>:first-child>div{display:flex;justify-content:space-around;margin-bottom:5px}.notifications-group .notification-tabs>.is-active{border-bottom:2px solid #b83f45}.notifications-group>div>div>button{font-size:10px;margin-left:2px;width:96px}.notifications-group>div>div>button:hover{color:#b83f45}.notifications-group .notifications-list .completed>div>input:checked~label{color:#b83f45;text-decoration:line-through}.notifications-list>li:hover{background-color:#d3d3d3;opacity:1}.reminder-group>div{display:flex;flex-direction:column;padding:5px}.reminder-group .high-priority:hover>:checked~label,.reminder-group .high-priority>:checked~label{color:red}.reminder-group [type=text]input{width:auto}.reminder-group>div>*>:nth-child(3)>div,.reminder-group>div>*>:nth-child(4)>div{grid-template-columns:20% 80%;grid-template-rows:1fr}.reminder-group .is-invalid~* button{visibility:hidden}.backlog-group>div>ul{list-style-type:none;margin:0;padding:0}.backlog-group li>div{display:grid;grid-template-columns:1fr 2fr 1fr 2fr;grid-template-rows:1fr}.backlog-group li>div>label{display:inline;white-space:nowrap}.backlog-group li>div>:last-child{grid-column-end:5;grid-column-start:4;justify-self:end;line-height:var(--spectrum-checkbox-line-height);margin-block-start:var(--spectrum-checkbox-top-to-text);margin-inline-start:var(--spectrum-checkbox-text-to-control)}.backlog-group li>div>:first-child,.backlog-group li>div>:nth-child(2){grid-column-end:2;grid-column-start:1}.backlog-group li>div>:nth-child(3){grid-column-end:3;grid-column-start:2}.backlog-group li>div>:checked~label{text-decoration:line-through}.backlog-group li :checked~div>*{color:#fff}.backlog-group li :last-child button{background-color:#fff;border-color:#000;border-width:1px}.timeline-group>div{display:flex;flex-direction:column;padding:5px}.timeline-group>.spectrum-Popover--bottom-right.is-open{margin-top:-25px;transform:scale(.8) translateX(200px)}.timeline-group ul{list-style-type:none;margin:0;padding:0}.timeline-group>div>ul>li{align-items:center;display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:1fr;padding-bottom:5px;padding-top:5px}.timeline-group>div>ul>li>:nth-child(2){padding-bottom:calv(var(--spectrum-steplist-bottomPadding)/2);padding-top:calc(var(--spectrum-steplist-topPadding)/2)}.timeline-group input[value=""]+div{opacity:50%}.timeline-group>div>ul>li>:last-child{align-items:center;column-gap:5px;display:flex;flex-direction:row}.timeline-group input[value=""]~div>button{background-color:red}.timeline-group input:not([value=""])~div>:last-child{visibility:hidden}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.component.js
new file mode 100644
index 000000000..877d0c29d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.component.js
@@ -0,0 +1,147 @@
+import template from "./todo-app.template.js";
+import { useRouter } from "../../hooks/useRouter.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import appStyles from "../../styles/app.constructable.js";
+import mainStyles from "../../styles/main.constructable.js";
+class TodoApp extends HTMLElement {
+    #isReady = false;
+    #data = [];
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.topbar = node.querySelector("todo-topbar");
+        this.list = node.querySelector("todo-list");
+        this.bottombar = node.querySelector("todo-bottombar");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
+        this.shadow.append(node);
+
+        this.addItem = this.addItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItems = this.toggleItems.bind(this);
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.routeChange = this.routeChange.bind(this);
+
+        this.router = useRouter();
+    }
+
+    get isReady() {
+        return this.#isReady;
+    }
+
+    getInstance() {
+        return this;
+    }
+
+    addItem(event) {
+        const { detail: item } = event;
+
+        this.#data.push(item);
+        this.list.addItem(item);
+
+        this.update("add-item", item.id);
+    }
+
+    toggleItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.completed = event.detail.completed;
+        });
+
+        this.update("toggle-item", event.detail.id);
+    }
+
+    removeItem(event) {
+        this.#data.forEach((entry, index) => {
+            if (entry.id === event.detail.id)
+                this.#data.splice(index, 1);
+        });
+
+        this.update("remove-item", event.detail.id);
+    }
+
+    updateItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.title = event.detail.title;
+        });
+
+        this.update("update-item", event.detail.id);
+    }
+
+    toggleItems(event) {
+        this.list.toggleItems(event.detail.completed);
+    }
+
+    clearCompletedItems() {
+        this.list.removeCompletedItems();
+    }
+
+    update(type = "", id = "") {
+        const totalItems = this.#data.length;
+        const activeItems = this.#data.filter((entry) => !entry.completed).length;
+        const completedItems = totalItems - activeItems;
+
+        this.list.setAttribute("total-items", totalItems);
+        this.list.updateElements(type, id);
+
+        this.topbar.setAttribute("total-items", totalItems);
+        this.topbar.setAttribute("active-items", activeItems);
+        this.topbar.setAttribute("completed-items", completedItems);
+
+        this.bottombar.setAttribute("total-items", totalItems);
+        this.bottombar.setAttribute("active-items", activeItems);
+    }
+
+    addListeners() {
+        this.topbar.addEventListener("toggle-all", this.toggleItems);
+        this.topbar.addEventListener("add-item", this.addItem);
+
+        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.addEventListener("remove-item", this.removeItem);
+        this.list.listNode.addEventListener("update-item", this.updateItem);
+
+        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.topbar.removeEventListener("toggle-all", this.toggleItems);
+        this.topbar.removeEventListener("add-item", this.addItem);
+
+        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.removeEventListener("remove-item", this.removeItem);
+        this.list.listNode.removeEventListener("update-item", this.updateItem);
+
+        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    routeChange(route) {
+        const routeName = route.split("/")[1] || "all";
+        this.list.updateRoute(routeName);
+        this.bottombar.updateRoute(routeName);
+        this.topbar.updateRoute(routeName);
+    }
+
+    connectedCallback() {
+        this.update("connected");
+        this.addListeners();
+        this.router.initRouter(this.routeChange);
+        this.#isReady = true;
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.#isReady = false;
+    }
+}
+
+customElements.define("todo-app", TodoApp);
+
+export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.template.js
new file mode 100644
index 000000000..1a55a8194
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-app/todo-app.template.js
@@ -0,0 +1,14 @@
+const template = document.createElement("template");
+
+template.id = "todo-app-template";
+template.innerHTML = `
+    <section class="app">
+        <todo-topbar></todo-topbar>
+        <main class="main">
+            <todo-list></todo-list>
+        </main>
+        <todo-bottombar></todo-bottombar>
+    </section>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.component.js
new file mode 100644
index 000000000..cc0203c48
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.component.js
@@ -0,0 +1,80 @@
+import template from "./todo-bottombar.template.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import bottombarStyles from "../../styles/bottombar.constructable.js";
+
+class TodoBottombar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items"];
+    }
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.element = node.querySelector(".bottombar");
+        this.clearCompletedButton = node.querySelector(".clear-completed-button");
+        this.todoStatus = node.querySelector(".todo-status");
+        this.filterLinks = node.querySelectorAll(".filter-link");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.append(node);
+
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+    }
+
+    updateDisplay() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.element.style.display = "block";
+        else
+            this.element.style.display = "none";
+
+        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
+    }
+
+    updateRoute(route) {
+        this.filterLinks.forEach((link) => {
+            if (link.dataset.route === route)
+                link.classList.add("selected");
+            else
+                link.classList.remove("selected");
+        });
+    }
+
+    clearCompletedItems() {
+        this.dispatchEvent(new CustomEvent("clear-completed-items"));
+    }
+
+    addListeners() {
+        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.updateDisplay();
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+    }
+}
+
+customElements.define("todo-bottombar", TodoBottombar);
+
+export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.template.js
new file mode 100644
index 000000000..4f34ca92d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-bottombar/todo-bottombar.template.js
@@ -0,0 +1,22 @@
+const template = document.createElement("template");
+
+template.id = "todo-bottombar-template";
+template.innerHTML = `
+    <footer class="bottombar" style="display:none">
+        <div class="todo-status"><span class="todo-count">0</span> item left</div>
+        <ul class="filter-list">
+            <li class="filter-item">
+                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
+            </li>
+        </ul>
+        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
+    </footer>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.component.js
new file mode 100644
index 000000000..a082628a8
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.component.js
@@ -0,0 +1,190 @@
+import template from "./todo-item.template.js";
+import { useDoubleClick } from "../../hooks/useDoubleClick.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import itemStyles from "../../styles/todo-item.constructable.js";
+
+class TodoItem extends HTMLElement {
+    static get observedAttributes() {
+        return ["itemid", "itemtitle", "itemcompleted"];
+    }
+
+    constructor() {
+        super();
+
+        // Renamed this.id to this.itemid and this.title to this.itemtitle.
+        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
+        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
+        this.itemid = "";
+        this.itemtitle = "Todo Item";
+        this.itemcompleted = "false";
+
+        const node = document.importNode(template.content, true);
+        this.item = node.querySelector(".todo-item");
+        this.toggleLabel = node.querySelector(".toggle-todo-label");
+        this.toggleInput = node.querySelector(".toggle-todo-input");
+        this.todoText = node.querySelector(".todo-item-text");
+        this.todoButton = node.querySelector(".remove-todo-button");
+        this.editLabel = node.querySelector(".edit-todo-label");
+        this.editInput = node.querySelector(".edit-todo-input");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.startEdit = this.startEdit.bind(this);
+        this.stopEdit = this.stopEdit.bind(this);
+        this.cancelEdit = this.cancelEdit.bind(this);
+
+        if (window.extraTodoItemCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    update(...args) {
+        args.forEach((argument) => {
+            switch (argument) {
+                case "itemid":
+                    if (this.itemid !== undefined)
+                        this.item.id = `todo-item-${this.itemid}`;
+                    break;
+                case "itemtitle":
+                    if (this.itemtitle !== undefined) {
+                        this.todoText.textContent = this.itemtitle;
+                        this.editInput.value = this.itemtitle;
+                    }
+                    break;
+                case "itemcompleted":
+                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    break;
+            }
+        });
+    }
+
+    startEdit() {
+        this.item.classList.add("editing");
+        this.editInput.value = this.itemtitle;
+        this.editInput.focus();
+    }
+
+    stopEdit() {
+        this.item.classList.remove("editing");
+    }
+
+    cancelEdit() {
+        this.editInput.blur();
+    }
+
+    toggleItem() {
+        // The todo-list checks the "completed" attribute to filter based on route
+        // (therefore the completed state needs to already be updated before the check)
+        this.setAttribute("itemcompleted", this.toggleInput.checked);
+
+        this.dispatchEvent(
+            new CustomEvent("toggle-item", {
+                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                bubbles: true,
+            })
+        );
+    }
+
+    removeItem() {
+        // The todo-list keeps a reference to all elements and updates the list on removal.
+        // (therefore the removal has to happen after the list is updated)
+        this.dispatchEvent(
+            new CustomEvent("remove-item", {
+                detail: { id: this.itemid },
+                bubbles: true,
+            })
+        );
+        this.remove();
+    }
+
+    updateItem(event) {
+        if (event.target.value !== this.itemtitle) {
+            if (!event.target.value.length) {
+                this.removeItem();
+            } else {
+                this.setAttribute("itemtitle", event.target.value);
+                this.dispatchEvent(
+                    new CustomEvent("update-item", {
+                        detail: { id: this.itemid, title: event.target.value },
+                        bubbles: true,
+                    })
+                );
+            }
+        }
+
+        this.cancelEdit();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleItem);
+        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
+        this.editInput.addEventListener("blur", this.stopEdit);
+        this.todoButton.addEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleItem);
+        this.todoText.removeEventListener("click", this.startEdit);
+        this.editInput.removeEventListener("blur", this.stopEdit);
+        this.todoButton.removeEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.update(property);
+    }
+
+    connectedCallback() {
+        this.update("itemid", "itemtitle", "itemcompleted");
+
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.editInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.updateItem,
+                    ["Escape"]: this.cancelEdit,
+                },
+            }),
+            useKeyListener({
+                target: this.todoText,
+                event: "keyup",
+                callbacks: {
+                    [" "]: this.startEdit, // this feels weird
+                },
+            })
+        );
+
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-item", TodoItem);
+
+export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.template.js
new file mode 100644
index 000000000..9a67675fd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-item/todo-item.template.js
@@ -0,0 +1,19 @@
+const template = document.createElement("template");
+
+template.id = "todo-item-template";
+template.innerHTML = `
+    <li class="todo-item">
+        <div class="display-todo">
+            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
+            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
+            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
+            <button class="remove-todo-button" title="Remove Todo"></button>
+        </div>
+        <div class="edit-todo-container">
+            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
+            <input id="edit-todo" class="edit-todo-input" />
+        </div>
+    </li>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.component.js
new file mode 100644
index 000000000..8e90e291f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.component.js
@@ -0,0 +1,129 @@
+import template from "./todo-list.template.js";
+import TodoItem from "../todo-item/todo-item.component.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import listStyles from "../../styles/todo-list.constructable.js";
+
+class TodoList extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items"];
+    }
+
+    #elements = [];
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.listNode = node.querySelector(".todo-list");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.append(node);
+        this.classList.add("show-priority");
+
+        if (window.extraTodoListCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    addItem(entry) {
+        const { id, title, completed } = entry;
+        const element = new TodoItem();
+
+        element.setAttribute("itemid", id);
+        element.setAttribute("itemtitle", title);
+        element.setAttribute("itemcompleted", completed);
+
+        const elementIndex = this.#elements.length;
+        this.#elements.push(element);
+        this.listNode.append(element);
+        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+    }
+
+    addItems(items) {
+        items.forEach((entry) => this.addItem(entry));
+    }
+
+    removeCompletedItems() {
+        this.#elements = this.#elements.filter((element) => {
+            if (element.itemcompleted === "true")
+                element.removeItem();
+
+            return element.itemcompleted === "false";
+        });
+    }
+
+    toggleItems(completed) {
+        this.#elements.forEach((element) => {
+            if (completed && element.itemcompleted === "false")
+                element.toggleInput.click();
+            else if (!completed && element.itemcompleted === "true")
+                element.toggleInput.click();
+        });
+    }
+
+    updateStyles() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.listNode.style.display = "block";
+        else
+            this.listNode.style.display = "none";
+    }
+
+    updateView(element) {
+        switch (this.#route) {
+            case "completed":
+                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                break;
+            case "active":
+                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                break;
+            default:
+                element.style.display = "block";
+        }
+    }
+
+    updateElements(type = "", id = "") {
+        switch (type) {
+            case "route-change":
+                this.#elements.forEach((element) => this.updateView(element));
+                break;
+            case "toggle-item":
+            case "add-item":
+                this.#elements.forEach((element) => {
+                    if (element.itemid === id)
+                        this.updateView(element);
+                });
+                break;
+            case "remove-item":
+                this.#elements = this.#elements.filter((element) => element.itemid !== id);
+                break;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateElements("route-change");
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+        if (this.isConnected)
+            this.updateStyles();
+    }
+
+    connectedCallback() {
+        this.updateStyles();
+    }
+}
+
+customElements.define("todo-list", TodoList);
+
+export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.template.js
new file mode 100644
index 000000000..dac383b95
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-list/todo-list.template.js
@@ -0,0 +1,8 @@
+const template = document.createElement("template");
+
+template.id = "todo-list-template";
+template.innerHTML = `
+    <ul class="todo-list" style="display:none"></ul>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.component.js
new file mode 100644
index 000000000..f024d7ca1
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.component.js
@@ -0,0 +1,131 @@
+import template from "./todo-topbar.template.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+import { nanoid } from "../../utils/nanoid.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import topbarStyles from "../../styles/topbar.constructable.js";
+
+class TodoTopbar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items", "completed-items"];
+    }
+
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.todoInput = node.querySelector("#new-todo");
+        this.toggleInput = node.querySelector("#toggle-all");
+        this.toggleContainer = node.querySelector(".toggle-all-container");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.toggleAll = this.toggleAll.bind(this);
+        this.addItem = this.addItem.bind(this);
+    }
+
+    toggleAll(event) {
+        this.dispatchEvent(
+            new CustomEvent("toggle-all", {
+                detail: { completed: event.target.checked },
+            })
+        );
+    }
+
+    addItem(event) {
+        if (!event.target.value.length)
+            return;
+
+        this.dispatchEvent(
+            new CustomEvent("add-item", {
+                detail: {
+                    id: nanoid(),
+                    title: event.target.value,
+                    completed: false,
+                },
+            })
+        );
+
+        event.target.value = "";
+    }
+
+    updateDisplay() {
+        if (!parseInt(this["total-items"])) {
+            this.toggleContainer.style.display = "none";
+            return;
+        }
+
+        this.toggleContainer.style.display = "block";
+
+        switch (this.#route) {
+            case "active":
+                this.toggleInput.checked = false;
+                this.toggleInput.disabled = !parseInt(this["active-items"]);
+                break;
+            case "completed":
+                this.toggleInput.checked = parseInt(this["completed-items"]);
+                this.toggleInput.disabled = !parseInt(this["completed-items"]);
+                break;
+            default:
+                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.disabled = false;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateDisplay();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.todoInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.addItem,
+                },
+            })
+        );
+
+        this.updateDisplay();
+        this.addListeners();
+        this.todoInput.focus();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-topbar", TodoTopbar);
+
+export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.template.js
new file mode 100644
index 000000000..ce323b683
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/components/todo-topbar/todo-topbar.template.js
@@ -0,0 +1,17 @@
+const template = document.createElement("template");
+
+template.id = "todo-topbar-template";
+template.innerHTML = `
+    <header class="topbar">
+        <div class="new-todo-display">
+            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
+            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
+        </div>
+        <div class="toggle-all-container" style="display:none">
+            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
+            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
+        </div>
+    </header>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/default-variables.css b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/default-variables.css
new file mode 100644
index 000000000..1b1cba18d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/default-variables.css
@@ -0,0 +1,5 @@
+:root {
+    --complex-border-bottom-color-default: rgb(237, 237, 237);
+    --complex-background-color-default: rgb(255, 255, 255);
+    --complex-label-color-default: rgb(72, 72, 72);
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useDoubleClick.js
new file mode 100644
index 000000000..a1fe952fe
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useDoubleClick.js
@@ -0,0 +1,19 @@
+/**
+ * A simple function to normalize a double-click and a double-tab action.
+ * There is currently no comparable tab action to dblclick.
+ *
+ * @param {Function} fn
+ * @param {number} delay
+ * @returns
+ */
+export function useDoubleClick(fn, delay) {
+    let last = 0;
+    return function (...args) {
+        const now = new Date().getTime();
+        const difference = now - last;
+        if (difference < delay && difference > 0)
+            fn.apply(this, args);
+
+        last = now;
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useKeyListener.js
new file mode 100644
index 000000000..453747d54
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useKeyListener.js
@@ -0,0 +1,23 @@
+export function useKeyListener(props) {
+    const { target, event, callbacks } = props;
+
+    function handleEvent(event) {
+        Object.keys(callbacks).forEach((key) => {
+            if (event.key === key)
+                callbacks[key](event);
+        });
+    }
+
+    function connect() {
+        target.addEventListener(event, handleEvent);
+    }
+
+    function disconnect() {
+        target.removeEventListener(event, handleEvent);
+    }
+
+    return {
+        connect,
+        disconnect,
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useRouter.js
new file mode 100644
index 000000000..ab1ab618a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/hooks/useRouter.js
@@ -0,0 +1,43 @@
+/**
+ * Listens for hash change of the url and calls onChange if available.
+ *
+ * @param {Function} callback
+ * @returns Methods to interact with useRouter.
+ */
+export const useRouter = (callback) => {
+    let onChange = callback;
+    let current = "";
+
+    /**
+     * Change event handler.
+     */
+    const handleChange = () => {
+        current = document.location.hash;
+        /* istanbul ignore else */
+        if (onChange)
+            onChange(document.location.hash);
+    };
+
+    /**
+     * Initializes router and adds listeners.
+     *
+     * @param {Function} callback
+     */
+    const initRouter = (callback) => {
+        onChange = callback;
+        window.addEventListener("hashchange", handleChange);
+        window.addEventListener("load", handleChange);
+    };
+
+    /**
+     * Removes listeners
+     */
+    const disableRouter = () => {
+        window.removeEventListener("hashchange", handleChange);
+        window.removeEventListener("load", handleChange);
+    };
+
+    const getRoute = () => current.split("/").slice(-1)[0];
+
+    return { initRouter, getRoute, disableRouter };
+};
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/index.html b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/index.html
new file mode 100644
index 000000000..f4828b832
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html><html lang="en" class="spectrum spectrum--medium spectrum--light"><head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="description" content="A TodoMVC workload app for Speedometer!">
+        <title>TodoMVC: JavaScript Web Components Old Complex DOM</title>
+        <link rel="stylesheet" href="styles/global.css">
+        <link rel="stylesheet" href="styles/header.css">
+        <link rel="stylesheet" href="styles/footer.css">
+        <!-- load these first, so that they are registered by the time the app components needs them -->
+        <script type="module" src="components/todo-topbar/todo-topbar.component.js"></script>
+        <script type="module" src="components/todo-list/todo-list.component.js"></script>
+        <script type="module" src="components/todo-bottombar/todo-bottombar.component.js"></script>
+        <script type="module" src="components/todo-app/todo-app.component.js"></script>
+    <link rel="stylesheet" href="big-dom.css"><link rel="stylesheet" href="app.css"><link rel="stylesheet" href="default-variables.css"><script src="todo-item-extra-css.js"></script><script src="todo-list-extra-css.js"></script></head>
+
+    <body>
+    <div class="main-ui" dir="ltr"><div class="show-more"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M9 1a8 8 0 1 0 8 8 8 8 0 0 0-8-8Zm-4.49 9.695A1.696 1.696 0 1 1 6.206 9a1.696 1.696 0 0 1-1.696 1.695Zm4.49 0A1.696 1.696 0 1 1 10.696 9V9A1.696 1.696 0 0 1 9 10.695Zm4.412 0A1.696 1.696 0 1 1 15.107 9a1.696 1.696 0 0 1-1.696 1.696Z" style="fill:#464646"></path></svg></button><div class="spectrum-Popover spectrum-Popover--bottom" style="margin-top:25px;padding:5px"><ul class="spectrum-Menu" role="menu"><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 0</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 1</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 2</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 3</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 4</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 5</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 6</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 7</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 8</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 9</span></li></ul></div></div><div class="ribbon"><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><div class="spectrum-ActionGroup-item reminder-group"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><defs><style>.Smock_Clock_18_N_svg__fill{fill:#464646}</style></defs><path d="M9 1a8 8 0 1 0 8 8 8 8 0 0 0-8-8Zm0 15a7 7 0 1 1 7-7 7 7 0 0 1-7 7Z" class="Smock_Clock_18_N_svg__fill"></path><path d="M10 8.043V3.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v5.293a.5.5 0 0 0 .146.353l2.804 2.804a.5.5 0 0 0 .707 0l.668-.668a.5.5 0 0 0 0-.707l-2.178-2.179A.5.5 0 0 1 10 8.043Z" class="Smock_Clock_18_N_svg__fill"></path></svg><span class="spectrum-ActionButton-label">Send Reminder</span></button><div class="spectrum-Popover spectrum-Popover--bottom"><label class="spectrum-Checkbox spectrum-Checkbox--sizeM high-priority"><input type="checkbox" class="spectrum-Checkbox-input" title="Urgent"><span class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true"><path d="m15.656 3.862-.728-.566a.5.5 0 0 0-.7.087l-6.817 8.759-3.323-3.306a.5.5 0 0 0-.707 0l-.663.664a.5.5 0 0 0 0 .707l4.463 4.45a.5.5 0 0 0 .75-.046l7.812-10.047a.5.5 0 0 0-.087-.702Z" style="fill:#464646"></path></svg></span><label class="spectrum-Checkbox-label">Urgent</label></label><div class="spectrum-Textfield spectrum-Textfield--sizeS spectrum-Textfield--sideLabel is-invalid"><label for="textfield-sidelabel" class="spectrum-FieldLabel spectrum-FieldLabel--sizeM">Task ID</label><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="spectrum-Icon spectrum-UIIcon-Checkmark75 spectrum-Textfield-validationIcon" focusable="false" aria-hidden="true"><path d="M9.104 1.19a.96.96 0 0 0-1.347.162L3.645 6.585l-1.417-1.7A.96.96 0 0 0 .753 6.113L2.93 8.726c.02.024.049.032.07.054a.9.9 0 0 0 .074.086.921.921 0 0 0 .134.072.937.937 0 0 0 .1.054.956.956 0 0 0 .358.079h.001a.955.955 0 0 0 .372-.084.935.935 0 0 0 .103-.059.91.91 0 0 0 .14-.08.896.896 0 0 0 .072-.09c.02-.02.049-.03.068-.054l4.845-6.166a.96.96 0 0 0-.163-1.348Z"></path></svg><input id="textfield-s-valid" type="text" name="field" placeholder="Task ID" class="spectrum-Textfield-input" pattern="[\w\s]+" required=""></div><div class="spectrum-Textfield spectrum-Textfield--sizeS spectrum-Textfield--sideLabel is-invalid"><label for="textfield-sidelabel" class="spectrum-FieldLabel spectrum-FieldLabel--sizeM">Email</label><input id="textfield-s-valid" type="text" name="field" placeholder="Email" class="spectrum-Textfield-input" pattern="[\w\s]+" required=""></div><div class="spectrum-Textfield spectrum-Textfield--sizeS spectrum-Textfield--sideLabel is-invalid"><label for="textfield-sidelabel" class="spectrum-FieldLabel spectrum-FieldLabel--sizeM">Phone</label><input id="textfield-s-valid" type="text" name="field" placeholder="Phone" class="spectrum-Textfield-input" pattern="[\w\s]+" required=""></div><div><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS"><span class="spectrum-Button-label">Send</span></button></div></div></div><div class="spectrum-ActionGroup-item backlog-group"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><defs><style>.Smock_ViewList_18_N_svg__fill{fill:#464646}</style></defs><rect width="4" height="4" x="1" y="1" class="Smock_ViewList_18_N_svg__fill" rx="0.5"></rect><rect width="11" height="2" x="6" y="2" class="Smock_ViewList_18_N_svg__fill" rx="0.25"></rect><rect width="11" height="2" x="6" y="8" class="Smock_ViewList_18_N_svg__fill" rx="0.25"></rect><rect width="11" height="2" x="6" y="14" class="Smock_ViewList_18_N_svg__fill" rx="0.25"></rect><rect width="4" height="4" x="1" y="7" class="Smock_ViewList_18_N_svg__fill" rx="0.5"></rect><rect width="4" height="4" x="1" y="13" class="Smock_ViewList_18_N_svg__fill" rx="0.5"></rect></svg><span class="spectrum-ActionButton-label">Backlog</span></button><div class="spectrum-Popover spectrum-Popover--bottom" style="margin-top:25px;padding:5px"><ul><li><div class="spectrum-Checkbox spectrum-Checkbox--sizeM"><input type="checkbox" class="spectrum-Checkbox-input" title="Done"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="spectrum-Icon spectrum-Checkbox-checkmark spectrum-UIIcon-Checkmark50" focusable="false" aria-hidden="true"><path d="M9.564.71a.998.998 0 0 0-1.403.176l-4.68 6.01-1.657-2.028A1 1 0 0 0 .275 6.132l2.45 3c.022.027.054.037.077.06a.937.937 0 0 0 .084.097.955.955 0 0 0 .133.072.96.96 0 0 0 .104.056.995.995 0 0 0 .377.083.993.993 0 0 0 .387-.088.962.962 0 0 0 .107-.06.947.947 0 0 0 .138-.078.945.945 0 0 0 .082-.1c.023-.023.054-.033.075-.06l5.45-7A1 1 0 0 0 9.564.711Z"></path></svg></div><label class="spectrum-Checkbox-label">Task 0</label><label class="spectrum-Checkbox-label"> Age </label><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M16.784 4.1 13.9 1.216a.608.608 0 0 0-.433-.176h-.017a.685.685 0 0 0-.464.203L2.542 11.685a.495.495 0 0 0-.126.211L1.028 16.55c-.057.189.229.425.391.425a.125.125 0 0 0 .031-.003c.138-.032 3.933-1.172 4.655-1.389a.486.486 0 0 0 .207-.124L16.757 5.014a.686.686 0 0 0 .2-.441.61.61 0 0 0-.172-.473ZM5.7 14.658c-1.08.325-2.431.733-3.365 1.011l1.005-3.365Z" style="fill:#464646"></path></svg></button><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M15.75 3H12V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H1.25a.25.25 0 0 0-.25.25v.5a.25.25 0 0 0 .25.25h1l1.207 12.55a.5.5 0 0 0 .5.45h9.089a.5.5 0 0 0 .5-.45L14.75 4h1a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM5.532 14.5A.5.5 0 0 1 5 14.035v-.001l-.535-8a.501.501 0 0 1 1-.067l.535 8a.5.5 0 0 1-.465.533ZM9 14a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0Zm2-11H6V2h5Zm1 11.034a.501.501 0 0 1-1-.067l.535-8a.501.501 0 1 1 1 .067Z" style="fill:#464646"></path></svg></button></div></div></li><li><div class="spectrum-Checkbox spectrum-Checkbox--sizeM"><input type="checkbox" class="spectrum-Checkbox-input" title="Done"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="spectrum-Icon spectrum-Checkbox-checkmark spectrum-UIIcon-Checkmark50" focusable="false" aria-hidden="true"><path d="M9.564.71a.998.998 0 0 0-1.403.176l-4.68 6.01-1.657-2.028A1 1 0 0 0 .275 6.132l2.45 3c.022.027.054.037.077.06a.937.937 0 0 0 .084.097.955.955 0 0 0 .133.072.96.96 0 0 0 .104.056.995.995 0 0 0 .377.083.993.993 0 0 0 .387-.088.962.962 0 0 0 .107-.06.947.947 0 0 0 .138-.078.945.945 0 0 0 .082-.1c.023-.023.054-.033.075-.06l5.45-7A1 1 0 0 0 9.564.711Z"></path></svg></div><label class="spectrum-Checkbox-label">Task 1</label><label class="spectrum-Checkbox-label"> Age </label><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M16.784 4.1 13.9 1.216a.608.608 0 0 0-.433-.176h-.017a.685.685 0 0 0-.464.203L2.542 11.685a.495.495 0 0 0-.126.211L1.028 16.55c-.057.189.229.425.391.425a.125.125 0 0 0 .031-.003c.138-.032 3.933-1.172 4.655-1.389a.486.486 0 0 0 .207-.124L16.757 5.014a.686.686 0 0 0 .2-.441.61.61 0 0 0-.172-.473ZM5.7 14.658c-1.08.325-2.431.733-3.365 1.011l1.005-3.365Z" style="fill:#464646"></path></svg></button><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M15.75 3H12V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H1.25a.25.25 0 0 0-.25.25v.5a.25.25 0 0 0 .25.25h1l1.207 12.55a.5.5 0 0 0 .5.45h9.089a.5.5 0 0 0 .5-.45L14.75 4h1a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM5.532 14.5A.5.5 0 0 1 5 14.035v-.001l-.535-8a.501.501 0 0 1 1-.067l.535 8a.5.5 0 0 1-.465.533ZM9 14a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0Zm2-11H6V2h5Zm1 11.034a.501.501 0 0 1-1-.067l.535-8a.501.501 0 1 1 1 .067Z" style="fill:#464646"></path></svg></button></div></div></li><li><div class="spectrum-Checkbox spectrum-Checkbox--sizeM"><input type="checkbox" class="spectrum-Checkbox-input" title="Done"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="spectrum-Icon spectrum-Checkbox-checkmark spectrum-UIIcon-Checkmark50" focusable="false" aria-hidden="true"><path d="M9.564.71a.998.998 0 0 0-1.403.176l-4.68 6.01-1.657-2.028A1 1 0 0 0 .275 6.132l2.45 3c.022.027.054.037.077.06a.937.937 0 0 0 .084.097.955.955 0 0 0 .133.072.96.96 0 0 0 .104.056.995.995 0 0 0 .377.083.993.993 0 0 0 .387-.088.962.962 0 0 0 .107-.06.947.947 0 0 0 .138-.078.945.945 0 0 0 .082-.1c.023-.023.054-.033.075-.06l5.45-7A1 1 0 0 0 9.564.711Z"></path></svg></div><label class="spectrum-Checkbox-label">Task 2</label><label class="spectrum-Checkbox-label"> Age </label><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M16.784 4.1 13.9 1.216a.608.608 0 0 0-.433-.176h-.017a.685.685 0 0 0-.464.203L2.542 11.685a.495.495 0 0 0-.126.211L1.028 16.55c-.057.189.229.425.391.425a.125.125 0 0 0 .031-.003c.138-.032 3.933-1.172 4.655-1.389a.486.486 0 0 0 .207-.124L16.757 5.014a.686.686 0 0 0 .2-.441.61.61 0 0 0-.172-.473ZM5.7 14.658c-1.08.325-2.431.733-3.365 1.011l1.005-3.365Z" style="fill:#464646"></path></svg></button><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M15.75 3H12V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H1.25a.25.25 0 0 0-.25.25v.5a.25.25 0 0 0 .25.25h1l1.207 12.55a.5.5 0 0 0 .5.45h9.089a.5.5 0 0 0 .5-.45L14.75 4h1a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM5.532 14.5A.5.5 0 0 1 5 14.035v-.001l-.535-8a.501.501 0 0 1 1-.067l.535 8a.5.5 0 0 1-.465.533ZM9 14a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0Zm2-11H6V2h5Zm1 11.034a.501.501 0 0 1-1-.067l.535-8a.501.501 0 1 1 1 .067Z" style="fill:#464646"></path></svg></button></div></div></li><li><div class="spectrum-Checkbox spectrum-Checkbox--sizeM"><input type="checkbox" class="spectrum-Checkbox-input" title="Done"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="spectrum-Icon spectrum-Checkbox-checkmark spectrum-UIIcon-Checkmark50" focusable="false" aria-hidden="true"><path d="M9.564.71a.998.998 0 0 0-1.403.176l-4.68 6.01-1.657-2.028A1 1 0 0 0 .275 6.132l2.45 3c.022.027.054.037.077.06a.937.937 0 0 0 .084.097.955.955 0 0 0 .133.072.96.96 0 0 0 .104.056.995.995 0 0 0 .377.083.993.993 0 0 0 .387-.088.962.962 0 0 0 .107-.06.947.947 0 0 0 .138-.078.945.945 0 0 0 .082-.1c.023-.023.054-.033.075-.06l5.45-7A1 1 0 0 0 9.564.711Z"></path></svg></div><label class="spectrum-Checkbox-label">Task 3</label><label class="spectrum-Checkbox-label"> Age </label><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M16.784 4.1 13.9 1.216a.608.608 0 0 0-.433-.176h-.017a.685.685 0 0 0-.464.203L2.542 11.685a.495.495 0 0 0-.126.211L1.028 16.55c-.057.189.229.425.391.425a.125.125 0 0 0 .031-.003c.138-.032 3.933-1.172 4.655-1.389a.486.486 0 0 0 .207-.124L16.757 5.014a.686.686 0 0 0 .2-.441.61.61 0 0 0-.172-.473ZM5.7 14.658c-1.08.325-2.431.733-3.365 1.011l1.005-3.365Z" style="fill:#464646"></path></svg></button><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M15.75 3H12V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H1.25a.25.25 0 0 0-.25.25v.5a.25.25 0 0 0 .25.25h1l1.207 12.55a.5.5 0 0 0 .5.45h9.089a.5.5 0 0 0 .5-.45L14.75 4h1a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM5.532 14.5A.5.5 0 0 1 5 14.035v-.001l-.535-8a.501.501 0 0 1 1-.067l.535 8a.5.5 0 0 1-.465.533ZM9 14a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0Zm2-11H6V2h5Zm1 11.034a.501.501 0 0 1-1-.067l.535-8a.501.501 0 1 1 1 .067Z" style="fill:#464646"></path></svg></button></div></div></li><li><div class="spectrum-Checkbox spectrum-Checkbox--sizeM"><input type="checkbox" class="spectrum-Checkbox-input" title="Done"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="spectrum-Icon spectrum-Checkbox-checkmark spectrum-UIIcon-Checkmark50" focusable="false" aria-hidden="true"><path d="M9.564.71a.998.998 0 0 0-1.403.176l-4.68 6.01-1.657-2.028A1 1 0 0 0 .275 6.132l2.45 3c.022.027.054.037.077.06a.937.937 0 0 0 .084.097.955.955 0 0 0 .133.072.96.96 0 0 0 .104.056.995.995 0 0 0 .377.083.993.993 0 0 0 .387-.088.962.962 0 0 0 .107-.06.947.947 0 0 0 .138-.078.945.945 0 0 0 .082-.1c.023-.023.054-.033.075-.06l5.45-7A1 1 0 0 0 9.564.711Z"></path></svg></div><label class="spectrum-Checkbox-label">Task 4</label><label class="spectrum-Checkbox-label"> Age </label><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M16.784 4.1 13.9 1.216a.608.608 0 0 0-.433-.176h-.017a.685.685 0 0 0-.464.203L2.542 11.685a.495.495 0 0 0-.126.211L1.028 16.55c-.057.189.229.425.391.425a.125.125 0 0 0 .031-.003c.138-.032 3.933-1.172 4.655-1.389a.486.486 0 0 0 .207-.124L16.757 5.014a.686.686 0 0 0 .2-.441.61.61 0 0 0-.172-.473ZM5.7 14.658c-1.08.325-2.431.733-3.365 1.011l1.005-3.365Z" style="fill:#464646"></path></svg></button><button class="spectrum-Button spectrum-Button--fill spectrum-Button--primary spectrum-Button--sizeS spectrum-Button--iconOnly"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true"><path d="M15.75 3H12V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H1.25a.25.25 0 0 0-.25.25v.5a.25.25 0 0 0 .25.25h1l1.207 12.55a.5.5 0 0 0 .5.45h9.089a.5.5 0 0 0 .5-.45L14.75 4h1a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM5.532 14.5A.5.5 0 0 1 5 14.035v-.001l-.535-8a.501.501 0 0 1 1-.067l.535 8a.5.5 0 0 1-.465.533ZM9 14a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0Zm2-11H6V2h5Zm1 11.034a.501.501 0 0 1-1-.067l.535-8a.501.501 0 1 1 1 .067Z" style="fill:#464646"></path></svg></button></div></div></li></ul></div></div><div class="spectrum-ActionGroup-item analytics-group"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="m16.547 3.03-4.07 5.688L10.45 4.66a.25.25 0 0 0-.459.027l-2.725 7.496-2.04-2.04a.25.25 0 0 0-.337-.016L1.09 13.289a.25.25 0 0 0-.09.193v2.094a.25.25 0 0 0 .414.187l3.524-3.078 2.854 2.854a.25.25 0 0 0 .412-.091l2.274-6.255L12 12.24a.25.25 0 0 0 .428.031l4.527-6.464A.25.25 0 0 0 17 5.665V3.176a.25.25 0 0 0-.454-.145Z" style="fill:#464646"></path></svg><span class="spectrum-ActionButton-label">Analytics</span></button><div class="spectrum-Popover spectrum-Popover--bottom" style="margin-top:25px;padding:5px"><div class="spectrum-ActionGroup spectrum-ActionGroup--vertical spectrum-ActionGroup--sizeS"><div class="spectrum-ActionGroup-item"><div class="spectrum-ProgressBar spectrum-Meter--sizeS is-negative analytics-bar" value="0" role="progressbar" data-status="0" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-label">Team 0 progress</div><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-percentage">0%</div><div class="spectrum-ProgressBar-track"><div class="spectrum-ProgressBar-fill" style="width:0%"></div></div></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-ProgressBar spectrum-Meter--sizeS is-negative analytics-bar" value="20" role="progressbar" data-status="1" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-label">Team 1 progress</div><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-percentage">20%</div><div class="spectrum-ProgressBar-track"><div class="spectrum-ProgressBar-fill" style="width:20%"></div></div></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-ProgressBar spectrum-Meter--sizeS is-negative analytics-bar" value="40" role="progressbar" data-status="2" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-label">Team 2 progress</div><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-percentage">40%</div><div class="spectrum-ProgressBar-track"><div class="spectrum-ProgressBar-fill" style="width:40%"></div></div></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-ProgressBar spectrum-Meter--sizeS is-negative analytics-bar" value="60" role="progressbar" data-status="3" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-label">Team 3 progress</div><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-percentage">60%</div><div class="spectrum-ProgressBar-track"><div class="spectrum-ProgressBar-fill" style="width:60%"></div></div></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-ProgressBar spectrum-Meter--sizeS is-negative analytics-bar" value="80" role="progressbar" data-status="4" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-label">Team 4 progress</div><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeS spectrum-ProgressBar-percentage">80%</div><div class="spectrum-ProgressBar-track"><div class="spectrum-ProgressBar-fill" style="width:80%"></div></div></div></div></div></div></div></div><div class="ribbon-divider spectrum-Divider spectrum-Divider--sizeS spectrum-Divider--vertical"></div><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M14.957 11.06c0-.003.017-.014.012-.014A4.24 4.24 0 0 1 11.4 9.037c-.009-.014-.023-.024-.033-.037.01-.013.024-.023.033-.037a4.24 4.24 0 0 1 3.571-2.009c.004 0-.011-.01-.013-.014a2.959 2.959 0 1 0-1.965-.794L9.758 7.868l-6.3-3.35a2 2 0 0 0-1.9.012l-1.147.627L7.63 9 .411 12.844l1.146.627a2 2 0 0 0 1.9.011l6.3-3.35 3.235 1.723a2.946 2.946 0 1 0 1.965-.795Zm.182-9.019a1.966 1.966 0 1 1-2.1 1.823v-.003a1.966 1.966 0 0 1 2.1-1.82Zm0 13.918a1.966 1.966 0 1 1 1.82-2.103l.001.003a1.966 1.966 0 0 1-1.82 2.1Z" style="fill:#464646"></path></svg></button><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M15.75 3H12V2a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v1H1.25a.25.25 0 0 0-.25.25v.5a.25.25 0 0 0 .25.25h1l1.207 12.55a.5.5 0 0 0 .5.45h9.089a.5.5 0 0 0 .5-.45L14.75 4h1a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM5.532 14.5A.5.5 0 0 1 5 14.035v-.001l-.535-8a.501.501 0 0 1 1-.067l.535 8a.5.5 0 0 1-.465.533ZM9 14a.5.5 0 0 1-1 0V6a.5.5 0 0 1 1 0Zm2-11H6V2h5Zm1 11.034a.501.501 0 0 1-1-.067l.535-8a.501.501 0 1 1 1 .067Z" style="fill:#464646"></path></svg></button></div><div class="ribbon-divider spectrum-Divider spectrum-Divider--sizeS spectrum-Divider--vertical"></div><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><div class="spectrum-ActionGroup-item timeline-group"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><defs><style>.Smock_GraphGantt_18_N_svg__fill{fill:#464646}</style></defs><rect width="4" height="2" class="Smock_GraphGantt_18_N_svg__fill" rx="0.5"></rect><rect width="9" height="2" x="3" y="3" class="Smock_GraphGantt_18_N_svg__fill" rx="0.5"></rect><rect width="4" height="2" x="5" y="6" class="Smock_GraphGantt_18_N_svg__fill" rx="0.5"></rect><rect width="3" height="2" x="7" y="9" class="Smock_GraphGantt_18_N_svg__fill" rx="0.5"></rect><rect width="8" height="2" x="7" y="12" class="Smock_GraphGantt_18_N_svg__fill" rx="0.5"></rect><rect width="9" height="2" x="9" y="15" class="Smock_GraphGantt_18_N_svg__fill" rx="0.5"></rect></svg><span class="spectrum-ActionButton-label">Timeline</span></button><div class="spectrum-Popover spectrum-Popover--bottom-right"><ul><li><input type="text" name="field" placeholder="Owner ID" value=""><div class="spectrum-Steplist" role="list"><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="1" aria-setsize="4"><span class="spectrum-Steplist-label">Step 1</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="2" aria-setsize="4"><span class="spectrum-Steplist-label">Step 2</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-selected" role="listitem" aria-posinset="3" aria-setsize="4" aria-current="step"><span class="spectrum-Steplist-label">Step 3</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item" role="listitem" aria-posinset="4" aria-setsize="4"><span class="spectrum-Steplist-label">Step 4</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div></div><div><button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeS"><span class="spectrum-Button-label">Status</span></button><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M8.563 1.29.2 16.255A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .436-.744L9.436 1.29a.5.5 0 0 0-.872 0ZM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Z" style="fill:#464646"></path></svg></div></li><li><input type="text" name="field" placeholder="Owner ID" value="1"><div class="spectrum-Steplist" role="list"><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="1" aria-setsize="4"><span class="spectrum-Steplist-label">Step 1</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="2" aria-setsize="4"><span class="spectrum-Steplist-label">Step 2</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-selected" role="listitem" aria-posinset="3" aria-setsize="4" aria-current="step"><span class="spectrum-Steplist-label">Step 3</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item" role="listitem" aria-posinset="4" aria-setsize="4"><span class="spectrum-Steplist-label">Step 4</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div></div><div><button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeS"><span class="spectrum-Button-label">Status</span></button><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M8.563 1.29.2 16.255A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .436-.744L9.436 1.29a.5.5 0 0 0-.872 0ZM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Z" style="fill:#464646"></path></svg></div></li><li><input type="text" name="field" placeholder="Owner ID" value="0"><div class="spectrum-Steplist" role="list"><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="1" aria-setsize="4"><span class="spectrum-Steplist-label">Step 1</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="2" aria-setsize="4"><span class="spectrum-Steplist-label">Step 2</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-selected" role="listitem" aria-posinset="3" aria-setsize="4" aria-current="step"><span class="spectrum-Steplist-label">Step 3</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item" role="listitem" aria-posinset="4" aria-setsize="4"><span class="spectrum-Steplist-label">Step 4</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div></div><div><button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeS"><span class="spectrum-Button-label">Status</span></button><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M8.563 1.29.2 16.255A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .436-.744L9.436 1.29a.5.5 0 0 0-.872 0ZM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Z" style="fill:#464646"></path></svg></div></li><li><input type="text" name="field" placeholder="Owner ID" value=""><div class="spectrum-Steplist" role="list"><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="1" aria-setsize="4"><span class="spectrum-Steplist-label">Step 1</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="2" aria-setsize="4"><span class="spectrum-Steplist-label">Step 2</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-selected" role="listitem" aria-posinset="3" aria-setsize="4" aria-current="step"><span class="spectrum-Steplist-label">Step 3</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item" role="listitem" aria-posinset="4" aria-setsize="4"><span class="spectrum-Steplist-label">Step 4</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div></div><div><button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeS"><span class="spectrum-Button-label">Status</span></button><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M8.563 1.29.2 16.255A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .436-.744L9.436 1.29a.5.5 0 0 0-.872 0ZM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Z" style="fill:#464646"></path></svg></div></li><li><input type="text" name="field" placeholder="Owner ID" value="1"><div class="spectrum-Steplist" role="list"><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="1" aria-setsize="4"><span class="spectrum-Steplist-label">Step 1</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-complete" role="listitem" aria-posinset="2" aria-setsize="4"><span class="spectrum-Steplist-label">Step 2</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item is-selected" role="listitem" aria-posinset="3" aria-setsize="4" aria-current="step"><span class="spectrum-Steplist-label">Step 3</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div><div class="spectrum-Steplist-item" role="listitem" aria-posinset="4" aria-setsize="4"><span class="spectrum-Steplist-label">Step 4</span><span class="spectrum-Steplist-markerContainer"><span class="spectrum-Steplist-marker"></span></span><span class="spectrum-Steplist-segment"></span></div></div><div><button class="spectrum-Button spectrum-Button--fill spectrum-Button--accent spectrum-Button--sizeS"><span class="spectrum-Button-label">Status</span></button><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M8.563 1.29.2 16.255A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .436-.744L9.436 1.29a.5.5 0 0 0-.872 0ZM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25Z" style="fill:#464646"></path></svg></div></li></ul></div></div><div class="spectrum-ActionGroup-item filter-group"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M15.473 1H1.527a.5.5 0 0 0-.394.808L7 9.294v7.656a.496.496 0 0 0 .84.412l1.99-2.076a.61.61 0 0 0 .17-.422v-5.57l5.867-7.486A.5.5 0 0 0 15.473 1Z" style="fill:#464646"></path></svg></button><div class="spectrum-Popover spectrum-Popover--bottom filter-pop-over" style="margin-top:25px;padding:5px"><div class="spectrum-ActionGroup spectrum-ActionGroup--vertical spectrum-ActionGroup--sizeS"><div class="spectrum-ActionGroup-item"><div class="spectrum-Textfield"><label for="textfield-1" class="spectrum-FieldLabel spectrum-FieldLabel--sizeS">Name</label><input id="textfield-1" type="text" name="field" class="spectrum-Textfield-input filter-input" pattern="[\w\s]+" aria-describedby="character-count-6" value="Sprint one"></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-Stepper"><label for="stepper-m" class="spectrum-FieldLabel spectrum-FieldLabel--sizeS">Sprints</label><div class="spectrum-Textfield spectrum-Textfield--sizeM spectrum-Stepper-textfield"><input type="text" placeholder="1" autocomplete="" class="spectrum-Textfield-input spectrum-Stepper-input" id="stepper-m"></div><span class="spectrum-Stepper-buttons"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-Stepper-stepUp" aria-haspopup="false" aria-pressed="false"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M14 10.99a1 1 0 0 1-1.706.706L9.005 8.41l-3.289 3.286a1 1 0 0 1-1.437-1.387l.025-.024L8.3 6.293a1 1 0 0 1 1.413 0l3.994 3.991a.995.995 0 0 1 .293.706Z" style="fill:#464646"></path></svg></button><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-Stepper-stepDown" aria-haspopup="false" aria-pressed="false"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M4 7.01a1 1 0 0 1 1.706-.706L8.993 9.59l3.29-3.285A1 1 0 0 1 13.72 7.69l-.024.025L9.7 11.707a1 1 0 0 1-1.413 0L4.293 7.716A.995.995 0 0 1 4 7.01Z" style="fill:#464646"></path></svg></button></span></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-TagGroup" role="list" aria-label="list"><div class="spectrum-Tag spectrum-TagGroup-item spectrum-Tag--sizeS" role="listitem"><span class="spectrum-Tag-label">Tag 1</span></div><div class="spectrum-Tag spectrum-TagGroup-item spectrum-Tag--sizeS is-invalid" role="listitem"><span class="spectrum-Tag-label">Tag 2</span></div><div class="spectrum-Tag spectrum-TagGroup-item spectrum-Tag--sizeS is-disabled" role="listitem"><span class="spectrum-Tag-label">Tag 3</span></div></div></div><div class="spectrum-ActionGroup-item"><div class="spectrum-Switch spectrum-Switch--sizeS"><input type="checkbox" class="spectrum-Switch-input" id="switch-onoff-1" checked=""><span class="spectrum-Switch-switch"></span><label class="spectrum-Switch-label" for="switch-onoff-1">Completed Sprints</label></div></div></div></div></div></div><div class="ribbon-divider spectrum-Divider spectrum-Divider--sizeS spectrum-Divider--vertical"></div><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><div aria-haspopup="dialog" class="spectrum-DatePicker spectrum-ActionGroup-item" aria-disabled="false" aria-readonly="false" aria-required="false"><div class="spectrum-Textfield spectrum-Textfield--sizeM spectrum-DatePicker-textfield"><input type="text" placeholder="New Sprint" name="field" autocomplete="" class="spectrum-Textfield-input spectrum-DatePicker-input" value=""></div><button aria-haspopup="listbox" class="spectrum-PickerButton spectrum-PickerButton--icononly spectrum-PickerButton--right spectrum-PickerButton--sizeM spectrum-DatePicker-button"><div class="spectrum-PickerButton-fill"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-PickerButton-menuIcon"><path d="M14.5 8H10V3.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V8H3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5H8v4.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V10h4.5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5Z" style="fill:#464646"></path></svg></div></button><div role="presentation" class="spectrum-Popover spectrum-Popover--sizeM spectrum-Popover--bottom date-picker-popover"><div class="spectrum-Calendar" style="width:280px"><div class="spectrum-Calendar-header"><div role="heading" aria-live="assertive" aria-atomic="true" class="spectrum-Calendar-title">March 2023</div><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet spectrum-ActionButton spectrum-ActionButton--sizeS spectrum-ActionButton--quiet spectrum-Calendar-prevMonth" aria-label="Previous" aria-haspopup="false" aria-pressed="false"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M6 9a.994.994 0 0 0 .292.705l3.992 3.99a1 1 0 1 0 1.435-1.387l-.024-.024L8.409 9l3.286-3.285A1 1 0 0 0 10.31 4.28l-.025.025-3.991 3.99A.994.994 0 0 0 6 9Z" style="fill:#464646"></path></svg></button><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionButton--quiet spectrum-ActionButton spectrum-ActionButton--sizeS spectrum-ActionButton--quiet spectrum-Calendar-nextMonth" aria-label="Next" aria-haspopup="false" aria-pressed="false"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg></button></div><div role="grid" tabindex="0" aria-readonly="true" class="spectrum-Calendar-body" aria-disabled="false"><table role="presentation" class="spectrum-Calendar-table"><thead role="presentation"><tr role="row"><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Sunday">S</abbr></th><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Monday">M</abbr></th><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Tuesday">T</abbr></th><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Wednesday">W</abbr></th><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Thursday">T</abbr></th><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Friday">F</abbr></th><th role="columnheader" scope="col" class="spectrum-Calendar-tableCell"><abbr class="spectrum-Calendar-dayOfWeek" title="Saturday">S</abbr></th></tr></thead><tbody role="presentation"><tr role="row"><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Sunday, February 26, 2023"><span role="presentation" class="spectrum-Calendar-date">26</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Monday, February 27, 2023"><span role="presentation" class="spectrum-Calendar-date">27</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Tuesday, February 28, 2023"><span role="presentation" class="spectrum-Calendar-date">28</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Wednesday, March 1, 2023"><span role="presentation" class="spectrum-Calendar-date">1</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Thursday, March 2, 2023"><span role="presentation" class="spectrum-Calendar-date">2</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Friday, March 3, 2023"><span role="presentation" class="spectrum-Calendar-date">3</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Saturday, March 4, 2023"><span role="presentation" class="spectrum-Calendar-date">4</span></td></tr><tr role="row"><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Sunday, March 5, 2023"><span role="presentation" class="spectrum-Calendar-date">5</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Monday, March 6, 2023"><span role="presentation" class="spectrum-Calendar-date">6</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Tuesday, March 7, 2023"><span role="presentation" class="spectrum-Calendar-date">7</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Wednesday, March 8, 2023"><span role="presentation" class="spectrum-Calendar-date">8</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Thursday, March 9, 2023"><span role="presentation" class="spectrum-Calendar-date">9</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Friday, March 10, 2023"><span role="presentation" class="spectrum-Calendar-date">10</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Saturday, March 11, 2023"><span role="presentation" class="spectrum-Calendar-date">11</span></td></tr><tr role="row"><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Sunday, March 12, 2023"><span role="presentation" class="spectrum-Calendar-date">12</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Monday, March 13, 2023"><span role="presentation" class="spectrum-Calendar-date">13</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Tuesday, March 14, 2023"><span role="presentation" class="spectrum-Calendar-date">14</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Wednesday, March 15, 2023"><span role="presentation" class="spectrum-Calendar-date">15</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Thursday, March 16, 2023"><span role="presentation" class="spectrum-Calendar-date">16</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Friday, March 17, 2023"><span role="presentation" class="spectrum-Calendar-date">17</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Saturday, March 18, 2023"><span role="presentation" class="spectrum-Calendar-date">18</span></td></tr><tr role="row"><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Sunday, March 19, 2023"><span role="presentation" class="spectrum-Calendar-date">19</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Monday, March 20, 2023"><span role="presentation" class="spectrum-Calendar-date">20</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Tuesday, March 21, 2023"><span role="presentation" class="spectrum-Calendar-date">21</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Wednesday, March 22, 2023"><span role="presentation" class="spectrum-Calendar-date">22</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Thursday, March 23, 2023"><span role="presentation" class="spectrum-Calendar-date">23</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Friday, March 24, 2023"><span role="presentation" class="spectrum-Calendar-date">24</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Saturday, March 25, 2023"><span role="presentation" class="spectrum-Calendar-date">25</span></td></tr><tr role="row"><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Sunday, March 26, 2023"><span role="presentation" class="spectrum-Calendar-date">26</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Monday, March 27, 2023"><span role="presentation" class="spectrum-Calendar-date">27</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Tuesday, March 28, 2023"><span role="presentation" class="spectrum-Calendar-date">28</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Wednesday, March 29, 2023"><span role="presentation" class="spectrum-Calendar-date">29</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Thursday, March 30, 2023"><span role="presentation" class="spectrum-Calendar-date">30</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Friday, March 31, 2023"><span role="presentation" class="spectrum-Calendar-date">31</span></td><td role="gridcell" aria-invalid="false" class="spectrum-Calendar-tableCell" tabindex="-1" aria-disabled="false" aria-selected="false" title="Saturday, April 1, 2023"><span role="presentation" class="spectrum-Calendar-date">1</span></td></tr></tbody></table></div></div></div></div></div></div><div class="top-bar"><img src="logo.png" alt="Speedometer Logo for TODO App" height="40"><div class="search-area"><form class="spectrum-Search"><div class="spectrum-Textfield spectrum-Search-textfield"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-Textfield-icon spectrum-Search-icon" focusable="false" aria-hidden="true" id="spectrum-icon-18-Magnify"><path d="M16.587 15.107 12.7 11.222a6.413 6.413 0 1 0-1.478 1.478l3.886 3.886a1.05 1.05 0 0 0 1.479-1.479ZM3 7.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 0 1 3 7.5Z" style="fill:#464646"></path></svg><input type="search" placeholder="Search" name="search" class="spectrum-Textfield-input spectrum-Search-input" autocomplete="off" value=""></div><button type="reset" class="spectrum-ClearButton spectrum-ClearButton--sizeM spectrum-Search-clearButton"><div class="spectrum-ClearButton-fill"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" class="spectrum-Icon spectrum-ClearButton-icon spectrum-UIIcon-Cross100" focusable="false"><path d="m5.238 4 2.456-2.456A.875.875 0 0 0 6.457.306L4 2.762 1.543.306A.875.875 0 0 0 .306 1.544L2.762 4 .306 6.456a.875.875 0 0 0 1.237 1.238L4 5.238l2.457 2.456a.875.875 0 1 0 1.237-1.238Z"></path></svg></div></button></form></div><div class="top-bar-buttons"><div class="spectrum-ActionGroup spectrum-ActionGroup--compact spectrum-ActionGroup--sizeM"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionGroup-item"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M9 1a8 8 0 1 0 8 8 8 8 0 0 0-8-8Zm.024 13.438a1.345 1.345 0 0 1-.116-2.688q.058-.002.116 0a1.31 1.31 0 0 1 1.397 1.217q.004.06.003.119a1.29 1.29 0 0 1-1.4 1.352Zm1.783-6.409-.1.105c-.395.414-.843.884-.843 1.175a1.386 1.386 0 0 0 .18.675l.072.138-.056.214a.309.309 0 0 1-.283.19H8.436a.434.434 0 0 1-.326-.118 2.056 2.056 0 0 1-.422-1.262A3.059 3.059 0 0 1 8.801 7.07c.1-.109.194-.21.287-.304.315-.326.506-.535.506-.757 0-.155 0-.623-.892-.623a2.959 2.959 0 0 0-1.58.46.296.296 0 0 1-.327-.01l-.118-.085-.028-.222V4.08a.44.44 0 0 1 .197-.409 4.138 4.138 0 0 1 2.15-.55 2.55 2.55 0 0 1 2.75 2.636 3.066 3.066 0 0 1-.94 2.273Z" style="fill:#464646"></path></svg></button><div role="presentation" class="spectrum-Popover spectrum-Popover--sizeM spectrum-Popover--bottom-start spectrum-ContextualHelp-popover"><div class="context-help-popover-body"><h2 class="spectrum-ContextualHelp-heading">Todo help</h2><p class="spectrum-ContextualHelp-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div></div><div class="spectrum-ActionGroup-item notifications-group"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionGroup-item"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><defs><style>.Smock_Bell_18_N_svg__fill{fill:#464646}</style></defs><path d="M9 18a2.203 2.203 0 0 0 2-2H7a2.203 2.203 0 0 0 2 2ZM13.572 5.692c0-1.718-1.603-2.445-3.572-2.634V1.5a.54.54 0 0 0-.572-.5h-.857A.54.54 0 0 0 8 1.5v1.558c-1.968.189-3.571.916-3.571 2.635C4.428 13.4 2 13.056 2 14.076V15h14v-.923c0-1.077-2.428-.677-2.428-8.384Z" class="Smock_Bell_18_N_svg__fill"></path></svg></button><div class="spectrum-Popover spectrum-Popover--bottom-right"><div class="spectrum-FieldGroup spectrum-FieldGroup--toplabel spectrum-FieldGroup--vertical spectrum-Popover--bottom-right is-open" role="group" aria-labelledby="checkboxgroup-label-1"><div class="notification-tabs"><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeM" id="checkboxgroup-label-1">Messages</div><div class="spectrum-FieldLabel spectrum-FieldLabel--sizeM is-active" id="checkboxgroup-label-2">Notifications</div></div><button>Mark All as Read</button><ul class="notifications-list" role="list"><li class="" data-priority="0"><div class="spectrum-Checkbox spectrum-Checkbox--sizeS"><input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-0"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Checkbox-checkmark"><path d="m15.656 3.862-.728-.566a.5.5 0 0 0-.7.087l-6.817 8.759-3.323-3.306a.5.5 0 0 0-.707 0l-.663.664a.5.5 0 0 0 0 .707l4.463 4.45a.5.5 0 0 0 .75-.046l7.812-10.047a.5.5 0 0 0-.087-.702Z" style="fill:#464646"></path></svg></div><label class="spectrum-Checkbox-label">Notification 1</label><label class="spectrum-Checkbox-label">1 day ago</label></div></li><li class="" data-priority="1"><div class="spectrum-Checkbox spectrum-Checkbox--sizeS"><input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-1"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Checkbox-checkmark"><path d="m15.656 3.862-.728-.566a.5.5 0 0 0-.7.087l-6.817 8.759-3.323-3.306a.5.5 0 0 0-.707 0l-.663.664a.5.5 0 0 0 0 .707l4.463 4.45a.5.5 0 0 0 .75-.046l7.812-10.047a.5.5 0 0 0-.087-.702Z" style="fill:#464646"></path></svg></div><label class="spectrum-Checkbox-label">Notification 2</label><label class="spectrum-Checkbox-label">2 days ago</label></div></li><li class="completed" data-priority="2"><div class="spectrum-Checkbox spectrum-Checkbox--sizeS"><input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-2" checked=""><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Checkbox-checkmark"><path d="m15.656 3.862-.728-.566a.5.5 0 0 0-.7.087l-6.817 8.759-3.323-3.306a.5.5 0 0 0-.707 0l-.663.664a.5.5 0 0 0 0 .707l4.463 4.45a.5.5 0 0 0 .75-.046l7.812-10.047a.5.5 0 0 0-.087-.702Z" style="fill:#464646"></path></svg></div><label class="spectrum-Checkbox-label">Notification 3</label><label class="spectrum-Checkbox-label">2 days ago</label></div></li><li class="" data-priority="1"><div class="spectrum-Checkbox spectrum-Checkbox--sizeS"><input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-3"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Checkbox-checkmark"><path d="m15.656 3.862-.728-.566a.5.5 0 0 0-.7.087l-6.817 8.759-3.323-3.306a.5.5 0 0 0-.707 0l-.663.664a.5.5 0 0 0 0 .707l4.463 4.45a.5.5 0 0 0 .75-.046l7.812-10.047a.5.5 0 0 0-.087-.702Z" style="fill:#464646"></path></svg></div><label class="spectrum-Checkbox-label">Notification 4</label><label class="spectrum-Checkbox-label">3 days ago</label></div></li><li class="" data-priority="0"><div class="spectrum-Checkbox spectrum-Checkbox--sizeS"><input type="checkbox" class="spectrum-Checkbox-input" id="checkbox-4"><div class="spectrum-Checkbox-box"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-UIIcon-Checkmark100 spectrum-Checkbox-checkmark"><path d="m15.656 3.862-.728-.566a.5.5 0 0 0-.7.087l-6.817 8.759-3.323-3.306a.5.5 0 0 0-.707 0l-.663.664a.5.5 0 0 0 0 .707l4.463 4.45a.5.5 0 0 0 .75-.046l7.812-10.047a.5.5 0 0 0-.087-.702Z" style="fill:#464646"></path></svg></div><label class="spectrum-Checkbox-label">Notification 5</label><label class="spectrum-Checkbox-label">10 days ago</label></div></li></ul></div></div></div><div class="spectrum-ActionGroup-item"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionGroup-item"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M16.45 7.896h-1.555a5.976 5.976 0 0 0-.921-2.253l1.102-1.103a.55.55 0 0 0 .002-.778l-.002-.002-.837-.836a.55.55 0 0 0-.777-.002l-.002.002-1.103 1.103a5.962 5.962 0 0 0-2.253-.921V1.55a.55.55 0 0 0-.55-.55H8.45a.55.55 0 0 0-.55.55v1.556a5.962 5.962 0 0 0-2.254.92l-1.1-1.102a.55.55 0 0 0-.777-.002l-.002.002-.843.836a.55.55 0 0 0-.002.778l.002.002 1.103 1.103a5.976 5.976 0 0 0-.921 2.253H1.55a.55.55 0 0 0-.55.55V9.55a.55.55 0 0 0 .55.55h1.556a5.967 5.967 0 0 0 .92 2.254L2.925 13.46a.55.55 0 0 0-.002.777l.002.003.837.836a.55.55 0 0 0 .777.002l.002-.002 1.103-1.103a5.962 5.962 0 0 0 2.253.921v1.556a.55.55 0 0 0 .55.55H9.55a.55.55 0 0 0 .55-.55v-1.556a5.962 5.962 0 0 0 2.254-.92l1.102 1.102a.55.55 0 0 0 .778.002l.002-.002.837-.837a.55.55 0 0 0 .002-.777l-.002-.003-1.103-1.102a5.967 5.967 0 0 0 .921-2.253h1.559a.55.55 0 0 0 .55-.55V8.45a.55.55 0 0 0-.546-.553ZM11.207 9A2.207 2.207 0 1 1 9 6.793 2.207 2.207 0 0 1 11.207 9Z" style="fill:#464646"></path></svg></button><div class="spectrum-Popover spectrum-Popover--bottom-right" style="margin-top:25px;padding:5px"><ul class="spectrum-Menu" role="menu"><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 0</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 1</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 2</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 3</span></li><li class="spectrum-Menu-item" role="menuitem" tabindex="0"><span class="spectrum-Menu-itemLabel">Hidden Option 4</span></li></ul></div></div><div class="spectrum-ActionGroup-item"><button class="spectrum-ActionButton spectrum-ActionButton--sizeM spectrum-ActionGroup-item"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-Icon--sizeM spectrum-ActionButton-icon" focusable="false" aria-hidden="true"><path d="M9 .5A8.5 8.5 0 1 0 17.5 9 8.5 8.5 0 0 0 9 .5Zm5.491 13.592a5.413 5.413 0 0 0-3.112-1.565.654.654 0 0 1-.566-.655v-.946a.657.657 0 0 1 .167-.423 4.995 4.995 0 0 0 1.14-3.117c0-2.36-1.254-3.68-3.143-3.68s-3.18 1.368-3.18 3.68a5.051 5.051 0 0 0 1.192 3.119.655.655 0 0 1 .167.422v.941a.65.65 0 0 1-.57.656 5.432 5.432 0 0 0-3.12 1.52 7.5 7.5 0 1 1 11.025.048Z" style="fill:#464646"></path></svg></button><div class="spectrum-Popover spectrum-Popover--bottom-right profile-card-popover" role="dialog"><div class="spectrum-Card spectrum-Card--sizeS" tabindex="0" role="figure"><div class="spectrum-Card-coverPhoto"></div><div class="spectrum-Card-body"><div class="spectrum-Card-header"><div class="spectrum-Card-title spectrum-Heading spectrum-Heading--sizeXS">John Doe</div></div><div class="spectrum-Card-content"><div class="spectrum-Card-subtitle spectrum-Detail spectrum-Detail--sizeXS"><p>jdoe</p></div></div></div><a class="spectrum-Card-footer">Sign in with a different account</a></div></div></div></div></div></div><div class="tree-area"><h4 class="spectrum-Heading spectrum-Heading--sizeXS">Sprints</h4><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item display-none nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"><li class="spectrum-TreeView-item is-open nodetype-expandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon"><path d="M12 9a.994.994 0 0 1-.292.705l-3.992 3.99a1 1 0 1 1-1.436-1.387l.025-.024L9.591 9 6.305 5.715A1 1 0 0 1 7.69 4.28l.025.025 3.991 3.99A.994.994 0 0 1 12 9Z" style="fill:#464646"></path></svg><span class="just-span spectrum-TreeView-itemLabel">Sprint</span></a><ul class="spectrum-TreeView spectrum-TreeView--sizeS"></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></li></ul></li></ul></li><li class="spectrum-TreeView-item nodetype-nonExpandableItem"><a class="spectrum-TreeView-itemLink"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="task-list-icon spectrum-Icon spectrum-TreeView-itemIndicator spectrum-TreeView-itemIcon spectrum-Icon--sizeM"><defs><style>.Smock_TaskList_18_N_svg__fill{fill:#464646}</style></defs><path d="M1 1.5v14a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-14a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0-.5.5ZM16 15H2V2h14Z" class="Smock_TaskList_18_N_svg__fill"></path><path d="M4.775 7.958a.5.5 0 0 1-.34-.133l-1.038-.958a.5.5 0 1 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65L5.156 7.785a.5.5 0 0 1-.35.175ZM4.775 12.959a.5.5 0 0 1-.34-.133l-1.038-.959a.5.5 0 0 1 .678-.735l.656.606 2.14-2.52a.5.5 0 1 1 .762.65l-2.477 2.916a.5.5 0 0 1-.35.176Z" class="Smock_TaskList_18_N_svg__fill"></path><rect width="5" height="2" x="9" y="5" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect><rect width="5" height="2" x="9" y="10" class="Smock_TaskList_18_N_svg__fill" rx="0.25"></rect></svg><span class="just-span spectrum-TreeView-itemLabel">Todo List</span></a></li></ul></li></ul></div><div class="todo-area"><div class="todoholder">
+        <header class="header">
+            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
+        </header>
+        <todo-app></todo-app>
+        <footer class="footer">
+            <p class="footer-text">Click on input field to write your todo.</p>
+            <p class="footer-text">At least one character is needed to be a valid entry.</p>
+            <p class="footer-text">Press 'enter' to add the todo.</p>
+            <p class="footer-text">Double-click to edit a todo</p>
+        </footer>
+    
+
+</div></div></div>
+  </body></html>
\ No newline at end of file
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/logo.png b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb59f8e8e209f3419b8f47c548fb1a393d9e96de
GIT binary patch
literal 9510
zcmYLvXE<EX8@5h#t9LfaV)Y23msO)iS*x#LgXq0PSc}zrNR+G=osAy7w}doA?<CPl
zEYV)S>;Jyj`{B%)nP;wh?)$@>^UTbRHa66zB4;DV!^5M})zLJ?!^6+HtLu}I+?7wn
zG2iZ9_<p9^>UedN9KY@wM6PNEYIu0qREjG{;=A@eZyhT?JUr@w{~r7iuZpL4ovi*4
zsQ(i$7ylqfUuQhEr(SSp9^L1TuFj^;j!#2;#+()L@c43cHPy_5?e+^OI-Sj}dS{hi
zIck#R`jBW3<&SIA8oN|vIj(KqXQv(1F3-x#&PXZ8$b%|09e|E>Zm`(+Y&4@TMz>#8
zSg#wEMf*UDOWKdrCD$=O&o5==cCT@}uyM+6<=>gI>&gV?@9nknLHnY@<-rJSH>}Rf
zm0i};A03ki_M7`!Ru{2`stX(ApH#Y9n+)i<<`!cSrw#d_^HWnQJyEl6KjKwx<U<ed
zxiP_xnfd0)=kwohi_oOPwKubx{Umy&-+XEXmB!>vBs^#9ZfKaYcF>(Rn?VHqQ`EG&
ze1KC`Q!skmzxBD_oQZb(-p`Ul@tGao>w31<vmOBeI#xG<--PoR`k^*w!lFLVa}2OE
zzki29)NdnllB(8{xL6SRm=9o($)I1XOcR>sCoN4;;3N;-G`SezS)p&2zRlI)do3W8
zGuU)0LHEU5I4Iu#Bo(b${44{m`&fbIFmk%B>sBUR=Odvmman|P{BGuzUy%m?m)NtB
zb?oBI?Q0#r?Wj^H;M?T=OM98_mH*$7!q0FPd0mgzgmdX6@JsFwsyixZW{hN1Oh^J<
z6FbXzT+yGWc}>*sL_Tvt>v;I_)#5+g;igBAU&W4cqdU8Jb~Ww586e&}h7UAeI6L1+
zj*0>)=Gk~8rx9<wynaR+F#HGnX|?wASIGVSHlrluHeKWK!~a1Je+`$)W)u9auDz$d
z$*r#o;l=+?m$b^vZIv1boL)hQ;%%ZNPan2;`5*m{8h7+fL0}VRwtTn6>D$+!GzNY6
zYiuyMvOvFBOlA2NHe53rd*xKD^B-Y>mN@5kIww#-z?Tn?8f1SL{=a}TcRI9E5|bc$
zF``*4^?EIXk_q)6KKVs9)SLxFzRZ=U^IeSs714St^FN}*Ud|>rk~(f%87!o=-{rEg
zB78#`xfb9ssHv}v$*UnCtU^ZUe;|5$O1QK$R=(fSYsJ}(EAw|OF;(z295=Avz!iQQ
zPu9GQP1B^bnH)hYw(wl3?5`b&_mc=r60ddUBz}wsGhCv*jYtmZc7osP)LiRi9@zy)
z+BLn#?KGP`?WUqE{6e8A2DpgTY30Es*a)dJ&l&3;r=In=Jud!!&XaBrxR6e-);wSm
zDiohqE20l68ubC%tngh}rmwGn$vK0gd;+6K<22iD)(@{=jk-hH#HdmRr2plT87Pvb
zV$C;KAaaH^_kQyAhOHi+%cIhuMVmit1=eSIs`_3S#t@`SwUO3HUfKC{!R?X>X9og&
zA~+`M-ECBGn0ruW^<6J3=f!SduwOoRe-AgzuQ8cj_DrR!0Z&PLvl7??mTLQv$#G3X
zC%{SncJk?sSGwRPxAwV6`pSgL+1rx+ZxDp*H3iU!fi;F=-9}mDL^qus@;cTJCVIk<
zUIIx0sP$2vh|)0??P@BEp7a0>2Jlwxe2U}*CzJg+V|Iq%eqCf!Ujln_#DkW0>w^lu
z8D{nXBVCF<b8tlWotvi1#yh-)UVQ7O3>4B5`VwNXu>)z_3F!TC5s+?~fY4o(`dJa)
zJ<1QvZ17OIAMN`sIFBq6XG6yn!y=ogXumnpbr`$$VFm09JyhV#qAYlE`yOW-PsMH%
zcrsSk99Wyr|Be+!JTv7tEJmR;?nw*y`SDadUgDjE>F*Okpx3xc%8(_5t0=N&Fdb+_
ze_=&8Gq)ZVD`D4Wxcy58Xc_-@RiIB>(=IELBkFSE0|_Xd9#Y7AA_BClToF9Emp%cx
zF??$I7%Ops4VNREX>suhbB{%3;uyl83=+IPh}7izcIlaAnP|h~TS1nY-N&TBe6-`2
zNwzaEkozE&>B2AF6%C!dcNKzt*`r6qFZT?}up)Y5lU}tmq<(%0q+FDkW}x8Ow~s&K
z_zlbDOrK4ZAbELtmUuB@`hurFw~CEo1o4kOy$}6_d6L!n+8Wq;s^Zq0T$U)tR7w&#
z@vlZHOf%Q$1tpi*i4kzIRd~d4(K|&k^~93l2P4Id`0`pk+WWRT$=28HW95WqRloF(
zeDcH)P!j1%ODUQp&}p-Kx&aGWK4c6j8Ewl>WmyF!N*T9xhHcwx8i&uz``RT{&LZeZ
zKWXA7?HRF(4lgDT9jzSX-=>lE4EC~<PbVG%<^-Z;2Gy?~)9pH(?wryCcOh*dl=HeT
zw_<Wec7t2u|K|4=F=w*qGobfJ8lvOW<znxhDW*T#K?NA*5>AW)JQJdt2Z|GB$BuXV
zdz||&Wa$o69F3{K<yDFDg$$SUSGnBGDSf$RkEqI^q}<&}eJk&k-D&i8P3bz_ndG)b
z$!mW5oJXh>vLXkX7ET7K{pZr*SwT=5{WTUv`!lZNLV8NW-H@X&8x<xQiq%<&gl4rv
z2z@27yIra`Kie4+sJJ0KmAbNV<AAq5wrZY=4BXeO`az*pDjb+{MS0&h)*g&h>nBdl
zRFJodQPYnzrh>o0K%%2kTYdEoJC0TF(^n;m>PV9DubrT5MyhDnSA!w4J;I720@H_Q
z-R#^pz6?n@8wtnXfY9E|kMgU!v^dvA#9L@pXWW)QUC}#4bWr?v6ET||<Y{WMs#&xI
zfa{=*cG8ho*flaQ)XLiyUd!VueJ_R9aWA8&L8?;H?O9o>Hq!ACx(6M-HaA^>Qx@bP
zu$6EF$E<x213v*HB5XFGzEcF)<=pA&>-<xZZKC0|F<{KFx??NLVCb`KgGqQsLp=SX
znq6Lpf;A<&j5mB7xCNlf++`ixW_~wNN=V#?wqG`eSEi<2nc<&GVy6M$Q-lEl6W$3o
zbAp*}zs0A+?@>12+hUXB6o<TR{J#mjQu<pdrl40o1r}|IeJh7V5Yc7m_S?YsVtreY
zZ#xCIu!xNm2uFR=m4hUy0yRsvrZ6bbG2c9Dw=U!GJC7c!bx!DwPCXskJd{>kkVtbB
zPy8)q1~Nv?TVJN>g(4gDf>Mj=$)s~F*|er4S%>4X1u9BUE;)gUYCWlQJS$9tWiyzL
zoEGlQ{rSw?(bQPY89ND8tc0z1o`)9dP*PIXj0rD`;C^phj1Uieh$Bvw^Kdre>Sr<s
z`{}dn-3%I`lUQ`-9OKZ9QtP#==<9d!{2l=*qpLso&$tPRJ<%kq*(2M{jGvt3H3m=i
z@}`n>ds@;ju`xe_ouzgS7@JyTAj<sjwPGspxz2flyTqqd#!tog4t+uzxYR8GvdM{M
zCyul>Q$0+5Ct6M!68wWmU$jp-86${kwDoOXh^oRlH$QF1ps*^v`>|?<9p5K#Lj_<#
zaFQiDOe3jq)0P$Fqb|zF-29ou=SdBW0vdaz1SsGIrEcB0nJc_QzonEpq;>z9dYY;(
z7czBvt4&u;tjCosCuz=a&%j%#f6m~A<D)w<3Q$+GG4eTL=H-j}%kpkvN%VF}%wA>3
z#YK5P2i!gq@QAZD;!^G8mWA0UJv;MK)}!{-z>l)mUryYtnJ5mrh$qwAagKB~0o$io
zAcK!tdmKkxf(Rw2V)(Gwv{g)`DCQ}XhPugOYvIUOSnFhS;kC!?Qm1U|l$=^+PchC`
z{$mheWZv(JFugSaF}_g%{1}wfEd_0@Z~-2F4BoVRHUtRf&tG^O^b+7yhds(^{-(|A
zYozWDh<sJ_q=q3hip43m8DAW{X?xn)#x*%bz(ukFL0(({=(d0I$nnIij5*OuEi9<i
zRzS%ZBb0CD2xw6EVo-GJW^{U64dXS_a^R$V|0G<Z@eHEU{Hbq=4Rlb$7&wA_Z&vRp
zDk-6H<Ph)U`;jHf8~!P-<^hvMjq=3xeHWu(exmU-n^~PJ43Q$&2`}a|enIqwm0b#l
z1sE!-C_-UYxF%yF&loMSxU2c116RPAwXbrQTdlR3N&LoGFbx+d)Q_jgZ!67V;_Q~Y
z{{7zfJciFc!Yw{oioiWb^qgdKk6F}s&uwrYKH8n--tp|%_iyKpdF*8TNKYplVuL&)
zn35o&XDuNrv)gpltYgH2m{SIz0*X)~!i<xBXz*)SNOm?@7x$+#JFjsna4Dw-rScY9
zPs$kmTF{6WFR`!;4@tmNr@&CG<=D^?QHitVVA8Gi&+}KycGF0*Nh&vn=E_jjm$rGw
z^)_hb#rD2*u5Eg0BJV1Z5^dTiCnTbebMT-vFK28n+-5SV=dzBm+H5eZUi8;<atc=^
za&{Je$;_hDmJgfbl{B1yL%_E*r>SKPq;YDFCc?e_A4|#A5EG^>y@!$@_0>lkT~=A-
z;YOO)y%k4|Sx&`7VA>SEQj8E|Z<Q-1F@zfeuTO>ujhqIBorS{`vs{}BPxD7y1oORL
z?0)hJteu@uS?av-KDOYRh@N}&*X&i-Ccn5xfp>q<(ozupO*7bmMdmf>9yYe0%<+{F
zqk{=Zi&b5sd_0T1;YTs8(_Zst2X0xU`<+}7X@Z92J2MvjU^s8XIV<~2m2xq0l5J9v
zR6}T07NA5`gVu8;j8}`r9afj#JYHq?5@hs~6@S+4Q{K=pGf8y0nM3Jfdj+(q6qqSd
zPITl3{a(AuG@KHWOjf9!P0qcF8|y$&h){Ud@UdA&eBR<D!ZBKQj>{0vY^>~X>mQf(
zvjvlYUP%R0=UaYc6YB>W-hhd;kbymIML7lmicgpbb|Xr(vWbmOb4b_b+@F8K^2~8m
zH2UqhHhSV>_RcqgI_{@ly#ysI6+fju2yvB`KJ+h`jN{<C-P<c!3YhJ(=*%go4cHBI
zzT6M$T)=Kvlo61hW1M@C{3KlLMlT&%kVjVF2heUK=iJ3nw^rN0UVJeH^_gF5VSW8^
zujrytZNHZ(&+O^S$ohUHvjgN|%goM}TjrFCDxyG*^TgyPa|h)#ap!9xWSG0?X5S@w
z-*F{%-D98QuZjdrmg|2qYg~97%at^<2oAi>Df%?>bI;w#giR~r@AX}ntZ=WF0Kpjn
zpMALob!4j1L$)H~d_+vbRq=fxs4Tf@|Gg*Vj#eP7m^}#aUQEN=5EPQ=I=Z5&?p+wl
zdNrKf+HCiy*s@iu`@DO`2d?O~oKzf|49c|Xe|hj0**(|38f`uQu3&rKEAmod;V^VI
z`z|}Z4Rrs+Hv4ENU)1y0*IBf7CbtOXad2(^LaR}NS}9MK$`KR{t@-vDzJ+Fmr|qy9
z3yfy)BLznu6(=wK1xoU>t}6jC$9)lerA}(qlck{21l}<y1?x+e7c*(*bi!h%iWc%S
z(F_JyhlcOJU5w4ZF&~;B`4E)K!%98I2h}bR+Uiu)1Nf?x+j7dxi>UB)3tm_Ks~ipX
z?9U3Ex#4^F$kggIMDm6S$PY9VRd@61x48B5+%b*%GjH3eyn;Kr{~}3-n9XIyLUkU)
z807U-t*4tgFAWvx+b^{X3zcx~Bj_OCH`bl!y>@lZUy5xHUJ}k1Sayv!)2J*4^Z@<B
ziXse|iG7Pf#T1M0olo4CT3xCwmI^t87N?iy=Af3u!`&9t6Iby<L^ZAxO4z-;2LGrA
z4~<dA#9+U<%%Z*bg5zm<`t#Ct&GOol&2B`!128qQ`-6)=roR+}%<YF%0}y00cnq4h
z6<^8wA}nlO@Hh0NJ)pZzB>F;-q3CSp#1Lt^AK3=&MbpicnDz@0p|H#_>Y5X*!`p-_
zcPFHqh;N{Y$bQjSOiR-5Mq}O*)e;m_XwM7%r8}7UPUv#swSz4k@T)q)FQUR23~md_
zMMiNfJVt*pon`xrpor5xwSZRWy2Q;z-llZ?oe>Z8YFm4La&h6CO!|RTrA<~};a$<e
z2ifJ^9V%FD^GTz$X1g7)-VU|;Q>)fX)^_n!pP)s_H~Ss+WfCz7uW4azqeuwrM9B~n
zEf4H&Z>;5E4=6;uQ0ChW8gC8LG&+*ke)9wj2mfZU%SxWg9qfODZIR;=O)$M%BOpI=
zAN90)%n5c623JQKKToBfWs?>N&Y3@L+TPLv?J{az<;64wSb{JD<Gi~u)lKBZecP@Z
z(X#+ws>;vnYdM&|pP#WYtr`Q0gdeEKP~iXlZFFdkvJEQO?Syb$!+k8y=HldhE56Tb
zM0E2z);d-`x^JZUqLxy)#eb{GZ|Bug2ES3R{ORMo4^lx^EJ1tT1+raZ0bbpC5-g8m
z_0+~EOzNimty{vY0)|=ZnnRm&IdJV~Av^5{cOR+82lUS8Y=2(gKei(o;%BHsAZCB_
z*03!Y#Rll<Vo5NLodloWmLiCp+ZUDsUb%Oj4~c~hiG)r&MjYnoNz?|H=~fVYPm<#K
zt}X8~`m;<X-PxY4K{xl}y|KiM)r7`sdt9ekmZH|vT9<Z6DlyrVaSH+kaN>d%q!hkp
zgy^`KB4n0e9R&L8O+rmn))XOjUB+Z@mOkvxc8Dodo|-x(1}LFj-R@-~Fb^Y6y*l<k
zC<HEkf3%eq=Mu*mn6&UAz`Q;mM%i${xlXn}t1p?s@+q5q*`y<)HY}}1dwtqpq2T(%
z{+VQLvwNz)HizT_MfEQPMr=Z<ImQLPOb%6_+!IQG2pw7YrZPiLKt6@8E+iV|6v~13
zC6t@m--Qf71f~fa#IO=o54*{*7RQsZpeJC}Ibgub3{*}D6VD6_^reXoVkp)d^G*63
zpbkPmE*!`>@*o%0Wz!>>B=t+kB@PlB#29E9f!>)B>z`+T{YCrFj#@Y`N32U!VKYrT
z5VvP_pY6|QyS7w!+a?gr^%jO~YGmnbUtzJzysHcBiSzs-wj{H@#Zk}<D~<^3smBHp
z8sD40I)XApmvx}F<Y2|K(%~Fz#?;bi3zL8^Njfwbxmwjqy_6xgzt0k&7;}&7W={+Y
zZ__H=&bWTkpd6R#%q&Qs1F-CT1>Mk1%~@$^a>W)~>0(ZF1r*1fF`rL3U{=B3VkY&i
zd6Y7P%duRJZ-sKY%Kd~AnL7^34XWq4uU22Zf4;B`T8WgRFZ<elqBnb8_Y<O+8U77u
z+<$48advRI614A>%1_!jclU#0?|5Z@b8}$X^Ut{TL6ujt;+uymiaEG0Xo}M_)?#!0
z5V+DjI5F%A0;0&Z&t^s1j5ROSV=onm55dj1vFs|Tzve&W&3PQgqzIre0$`rh5R3Xe
zsKg(YabvO`ZQjECOf+spAf+q-^L&_{Vj=ZZ$i-m%-|T(}i!KNCTM^k~iTBweH2$-8
zyYq*^ak)AX>}aYNX<<BBeop{~z<;}45;V&n2e`IB*k8VOueaWL^vYJ?#nyXm^vJ-W
zJ0c7SX7aMSOatbmz21_`NrQDq#_w)-CxwCoTB#osOuR0(z3=l0iW%g|X?UJFc+=f-
z13MET#&)ZH)sTwwH5pHFvXIvGs_jo=i?BOl{2=#m`^cixhnH9Pc{tfaLsTHv&8wvp
zvE~H<2V9$DAOv-Y(S*(J*o;-aun<-YdONB*nS^tf`P`<JYtPw>qd40@o%(<Imh6Zy
zzn7=|)wL8GseDZ>s>Vw(iQFed6*-QJ&$Ols-b*MOG7Z(H6l{RgHZ9WHZPZws7#ug)
zY=IS;gJG%JZKh~Ti$AJunZlx?f-zFPzrS~KH85b_f}A)B!QunOQoBxF32G){T?Awg
zbv&0kRGx^GVjNJM7g$<D&RiN03R;+Ikb}`m&mo9Y19jh%$${Yeagz-hJ(5~a9f@_V
z-Ltb^`6;eb)B-az2XisWJY0R2D4YpdkcitFL&ZIQbY_~?!OG0kXgp0tlZ|FQf&DBP
z@;s6HIa|_Ph5%$~S8!6j85B6ac`dQY{`3pt3EdgLRU+5d-46y`FKR>~(`YNcnMNvO
zMHpJpjy_uqdqr#u-}R7kj&gxZxBMuf^|Sh^Z$6U*;7=g<exp?Tuqi@<YdfPwoZKt(
z3O!ScSK(d!RhO{j^i+vBd`c;WNscw!*KhwMBuJ+sA=yn^-@ZuzGi_X<XIA|kj3jUR
zT#c0^IpVAR1QevAqdRfL5D=ckD{oq}>Vs-1Nm$;HHoqyRdfE&4CO}1RxZ*`iTAdmp
zz&m>XnK{?vJ=z>CqyeVDvfy{8-c#s->?rJ9RPrXg0@O-m?q|1JXoUkXI1)fZJBF$P
z$!MUzPbCxJdVR<Ybqt;b&(=p4X>8<_62(4tJ=E!T8PE-keTP!S6Bmbd3k;?VoK9tD
zddcbHqS^^)Ku?OfhU@+o%AzdB%mbXnmzJKbLrLVHskkr^6qZ>KF}%?h4q&8^2x%IA
zsmN0sEtnHC^t(jg)mAn=GH$odAQl=Hy5Du!L?T$!MC)yb$tPjDzcWKQIO&Y}8LsAk
zk|WxV%Rn;IzMoVKZaV~2J~|kE*|?%3&NzwX!-yVsVeHvOKZ>pr)2SaveEs>{_1?zU
zcHTc6qT=W8J3l57a6HEn0h+Okq&Q^@+hI6E^)_D;d(}gDk3nagwI8k6w`KRItky_c
z>aQPIX??9h5WRGDP-#+>ahZ-|%=>$j@X0U$7{T=9V`y^|idU=#_3c3eOY;kP=yhkW
z9`dsR0!f>ozpKH7)C!xyc`!I?x6Y6ky9utU{dmbD#?D;!bxG8HE$FF%)9tvod~JEW
z(w~v4e<_~6RxqPhHSpG3kdS_e=+ta+DfaQbg0+aF%lT?bMFu(q)eZP`z%;|CjlU(>
z3VfW4qSy<IXY^^1YrK#rS~Jwo=%Va5n`y45gnxixGzua(8A4+m#J<ZANX|>9fr%NN
z5!vq<vc8X}2a_;T5axvwiR-|Td<vCLgr<qknYG_C5_0B4Z<OsIplvG>tOg(nIy`@I
zN*xWICgK+byYZ5dN~Klr1+C==9|LOZ$G*^}IC+~_9=giR1{OJ8(9yI&&yfwssjrIC
z9kh?(%{1I4-+bnZAs2<oUzFH7Z~1a`w*R%eUL`{jsFsHye0L3{hQ}|MR3-=p3A787
z%h6cBA$N?UP>+`t%f%(E&CxVrNNNf^o{Ivta8YuT9?l%L?f6k6wRW{sCo?1bbM#u&
z5E5hmhUQU{I%JC5m5gg%Zc}wBaL21y2H9buUH$3K`%cKnIN;Wg&Nry<YK%?CDAO-h
zj3vQC>Td}8S&+J(09iBdn2h`;=g*4~V7E{1*iJoWvZ4lu<8mp3bbJVLCl4rc%$Nlx
z1+^#q=rFzBPx<tqpv-{y&`nTfXz(~&+>Gk@pIJ&@F_(3(VvI@Mm`aYixKs+-l>y0j
z|FBN2(_GJ*dNR|=o92XAFH1LQ;o<C~U!``YEebYQQA2gjV%$Xa@lM}psPB{Te>&xt
z|EOSF$F#OHBWn^`vqlc9gzEjYLR7?T+O%;eg)m8y>sJtLEVh%>cxQD%Dvd?UyKL^k
zhlm~Kyxryoq$;~421e+dzg`c^o@8vu4-qVC*G2)CxpA3F{*t2u8Q$-{)weF+Yy1|U
z?W$E)ytSydFrbc(<Q!7J(d(e5l&w0;ox+|Do)7YDedxq~Vl(8W6Gv<oo|NlR%s0au
z27!jcW~gI8HB={#?>?gx-*$t|&nIP8giwBP@t;_7wbM>1(TSd|V)b^$8UuA`3^zz-
zt&etr+T4rLk=7!4<Ew6Neui_9Jbm=aQ0NB6i5Tkug9Vm2Ky{qfh-m5*(1=8HJz_eH
z(q!W0M2OF=XxC@Nqw(mTR+lDA&+wazI=?ag?!{o*_3=>BHJ8;7#_=;ZT4r2n9`)A7
z#-v%|5K1hrg!bS&Te_51+e|Kyf3dvlAAYU^izi#mDB1;)mihXWC}{6za^{Sc>sS@<
z1WDO~-|CiAIE*Pm_*&utONS;aONULzjQkG`2#1zF2(3&;LY1B(1--iyt?iJ7h&XY@
zM1wl*d^v)tZl>>bx+-r+N#14Iu=7tyy0MAx<GpEL?N~X9hoZNVvW+NS>Gr9<?Z038
zS0{sRL#%O97icP_KetwD4Qvp9xfz&kV8|ulTKj65rSIR<zAww@CnPhr9wscL5B1i*
zP>Rmb4fO{&s7;G@R!~ea@|$d36d%=!)3P(y*ga%-@^M3)4rsifM+#chC13%G8{hWK
zC&FGr)V9K)iovZ9io*xk7eAr}x0m-DcE0*&Y8_CWE`4=o8#VaH<qaXTN^R7F4<0R6
z$JSJ-u4w7Mpvf)5?DA@+GMll3-Gm=Bi1~~N;KOn_qPO+10Mz>JV__}{M#~(4j)+-_
z@v^0MC0?B{y>>_4hgCXnPxEZ@Ro(Yc^N5W?Vg^ZG?rPH2wNNsBm{PrN6vX=P1>DT%
za3n#9y>~&-gZ_zdZ(&BR3B+URJt>gMcQ~z)?@%<NKUTx9SX0XGB;Z$B2;tQA98Q6V
zj!M1HU@>fxcw?r@OqD_fmZ0>YGh^V?jX=GL*Q=UrGA3u>eGJq*JO$MUS%27+{+av$
znE9ZER#Ha;t;&U`Qj(Qn00*0HsE$UxF&uTxw=<9V*)Yr!4%W(y9%Rp~_M{-5Ozaz1
zq6(m`AgohZi+$wd%)=3D%2w@x1?D^rWZje7X@@V#;vc_&&%^3GX$#AW-tdA$==u#L
zQL6ZAd#uvjPV(H8-`6&k8g`x`Id00|*yP}>MEb9^E|M<`3)SL-jq9EZjc{pBD42=L
zh#{M)?x*Dk)^sk6Cj*1kg0pIfnT&<AFmWtllT4)I_YBrOO9=U>xo8}TCkQ|5Z9*Nc
zf%+~iDAkj0Y7m~Vm;h@({1|wpso3J#$=E<HM=h!<fN#N_EitGyV)Ay;FGb_vxed!7
zBYNH*>3i^HxW`T#NoL_I!DL1PP?RCQ#~x+C7qJ1;UdMKe6nb~E#5m?%rMPN31;NgJ
zla2UK=?Xy~Ce1Cks+YY%9|wZ@KgQzArQp<KkWLMaJ#J5<nvFY#eTFUQ65>EbsVHtI
zV@Z8{^t8iqTI-ikI%@OH?`rP9q8XE2h6pjHWH@xLJWUdDc3&@&&&2F+K;z?wzo#e2
zny*zS)=f+pdM_IMvH?aUL_0|0mqF@#d7I4Hjs`Jt2@<Mg>2&YP-H^JY8mAY;lga3b
zYxptz?tJkXwh*$>?^j}ziz+xRK8QH#1eI-fwrTS{JeH{Nl<E?e$#4=vUd90U@yAuj
zLTVtv<uO{=8Yl5jaC_sL`Ei1s;f~ReI)-YqIgwt1M8{akL2HX$)r|b7?IeEj!s=A|
z)EZ%53gX1r=69>2An&h+!n4@DmVU!r3xB<Ldg|ttpcO6@xV9`kd;OzqzRqJ$N*OB6
z((#XC(LZ={lT&LwAi_8tn*#}0Jv5<&d@Ts+`<p?1<jy`j&K9jb+PsdUlV{!8|FBnd
z?|F$s2Oci6=0QxeW$p@OYTz#oqkbGkEumMJQ;;t!HzUT(f^bM3#k4c<Nib)MY7M@v
zP^UtMi}!PKXoz<z^{H>LXty`7nbC~~4D0bStxY9f4qiC$4xbe!8EasJz57hWps+of
zFE^5jj9ZH!1$}cWcJY-rk@+lHb*Al_FJf+VoyRQIb^o-h%Wq&)-5)d{jzaCII^ROA
zlyLWFY@?k9VOz$P@dRIc9g2OQF`OwZz37-Qlpkug6W%>V0PG2oIpLW_PkMh0r9Is<
z91q?+hoRWkFyp7CBrKB4WPh|8WgqXxP9!!27VAu?yIyrw$xqY$eu&{<CV7U4B%mO3
zEFZkim1NK-13w^nWXd$`kl~1h|HxXa?RY=-m54>=@wvd~x@<;PNBsD{Lmzt$TvAV;
z4;+`Yanyl1GQE=fLuuW;_$fcAFxL(qb{w&ePeB;W`xy}B)a4)`+1wz3#fxPUzfs8%
zwx1Y$uWFc4o<;7hgmK^Ex;qZ`R%r?wo&w{NR@S_7I0@0*r1dCEhK<UkKo1?oUc`4N
ztLqw>Hfs$OULv!2AalfO#K9_ZqB?mcaAwZ)T1JDtSk^9NNbvXBfbIiLLN5LFD9ShY
zE$jTHcM5kG)kyz7G!o!yd$5m9>fHCb^QTDF_18ALxN0Y;zc%z01l)Nsq94>kf5b@*
zo@~+hTuwH_xQmxOJCfP8g|+V75qto&5PX?&B4KNdY6$1Ka^Mm&G9s~eV|W)B%#t|7
zG%$+vCpZTN&g^g7au4vO@~7+YmEUbsp<HUOzTpKeTm4&>*q7-<YXZ~TioWE+|5L+f
zs`ZdV)SBr)v1jWbeR3vC&SD>zsdEQOT&kOj%31cvXIo!o#FP(vjB*M^bZ?D|C`$s^
z_5Yjm`jr49MS)LTZeE^`h-GYR>EeqWouXC-lK-MYCAvdW8TRrHV;O}pKi)f+9$M)w
z-iaK{lC0;VSk^<(=(jG2QlQFAH}3f4O1(A%my`{UbLH$W1hsW&XX5T`E&m&hX>j(J
zq4J)Zsr6*Pj)`4^nEa<87r5Q=Tv=RT9d+w`6l!a?ke5qfN<Xg2e^=aEKKO;r>eJ6u
m|G3lfh5l~%7qZD~+D&D@r<dOz+uzxk@N^-Dnsw?9(f<cMKG_KX

literal 0
HcmV?d00001

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/app.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/app.constructable.js
new file mode 100644
index 000000000..8ac77f26a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/app.constructable.js
@@ -0,0 +1,15 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+    min-height: 68px;
+}
+
+.app {
+    background: #fff;
+    margin: 24px 16px 40px 16px;
+    position: relative;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/bottombar.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/bottombar.constructable.js
new file mode 100644
index 000000000..46904de8a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/bottombar.constructable.js
@@ -0,0 +1,158 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.bottombar {
+    padding: 10px 0;
+    height: 41px;
+    text-align: center;
+    font-size: 15px;
+    border-top: 1px solid #e6e6e6;
+    position: relative;
+}
+
+.bottombar::before {
+    content: "";
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 50px;
+    overflow: hidden;
+    pointer-events: none;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
+}
+
+.todo-status {
+    text-align: left;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    position: absolute;
+    left: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.todo-count {
+    font-weight: 300;
+}
+
+.filter-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: inline-block;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.filter-item {
+    display: inline-block;
+}
+
+.filter-link {
+    color: inherit;
+    margin: 3px;
+    padding: 0 7px;
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: 3px;
+    cursor: pointer;
+    display: block;
+    height: 26px;
+    line-height: 26px;
+}
+
+.filter-link:hover {
+    border-color: #db7676;
+}
+
+.filter-link.selected {
+    border-color: #ce4646;
+}
+
+.clear-completed-button,
+.clear-completed-button:active {
+    text-decoration: none;
+    cursor: pointer;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.clear-completed-button:hover {
+    text-decoration: underline;
+}
+
+/* rtl support */
+html[dir="rtl"] .todo-status,
+:host([dir="rtl"]) .todo-status {
+    right: 12px;
+    left: unset;
+}
+
+html[dir="rtl"] .clear-completed-button,
+:host([dir="rtl"]) .clear-completed-button {
+    left: 12px;
+    right: unset;
+}
+
+@media (max-width: 430px) {
+    .bottombar {
+        height: 120px;
+    }
+
+    .todo-status {
+        display: block;
+        text-align: center;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .filter-list {
+        display: block;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .clear-completed-button,
+    .clear-completed-button:active {
+        display: block;
+        margin: 0 auto;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+        html[dir="rtl"] .todo-status,
+    :host([dir="rtl"]) .todo-status {
+        right: unset;
+        left: unset;
+    }
+
+    html[dir="rtl"] .clear-completed-button,
+    :host([dir="rtl"]) .clear-completed-button {
+        left: unset;
+        right: unset;
+    }
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/footer.css b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/footer.css
new file mode 100644
index 000000000..0ff918f43
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/footer.css
@@ -0,0 +1,26 @@
+:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.footer {
+    margin: 65px auto 0;
+    color: #4d4d4d;
+    font-size: 11px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    text-align: center;
+}
+
+.footer-text {
+    line-height: 1;
+}
+
+.footer-link {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 400;
+}
+
+.footer-link:hover {
+    text-decoration: underline;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.constructable.js
new file mode 100644
index 000000000..7ff85b07f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.constructable.js
@@ -0,0 +1,86 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    background: #f5f5f5;
+    color: #111;
+    min-width: 300px;
+    max-width: 582px;
+    margin: 0 auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
+
+:focus {
+    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
+    outline: 0 !important;
+}
+
+button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input {
+    position: relative;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    padding: 0;
+    border: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input:placeholder-shown {
+    text-overflow: ellipsis;
+}
+
+
+.visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+}
+
+.truncate-singleline {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block !important;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.css b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.css
new file mode 100644
index 000000000..22ee5e16c
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/global.css
@@ -0,0 +1,88 @@
+/** defaults */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    background: #f5f5f5;
+    color: #111;
+    min-width: 300px;
+    max-width: 582px;
+    margin: 0 auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
+
+:focus {
+    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
+    outline: 0 !important;
+}
+
+/** resets */
+button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input {
+    position: relative;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    padding: 0;
+    border: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input:placeholder-shown {
+    text-overflow: ellipsis;
+}
+
+/* utility classes */
+
+/* used for things that should be hidden in the ui,
+but useful for people who use screen readers */
+.visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+}
+
+.truncate-singleline {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block !important;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/header.css b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/header.css
new file mode 100644
index 000000000..56d2a4064
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/header.css
@@ -0,0 +1,21 @@
+:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.header {
+    margin-top: 27px;
+}
+
+.title {
+    width: 100%;
+    font-size: 80px;
+    line-height: 80px;
+    margin: 0;
+    font-weight: 200;
+    text-align: center;
+    color: #b83f45;
+    -webkit-text-rendering: optimizeLegibility;
+    -moz-text-rendering: optimizeLegibility;
+    text-rendering: optimizeLegibility;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/main.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/main.constructable.js
new file mode 100644
index 000000000..66ea0b30c
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/main.constructable.js
@@ -0,0 +1,11 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.main {
+    position: relative;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-item.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-item.constructable.js
new file mode 100644
index 000000000..59dba7f77
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-item.constructable.js
@@ -0,0 +1,147 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+:host(:last-child) > .todo-item {
+    border-bottom: none;
+}
+
+.todo-item {
+    position: relative;
+    font-size: 24px;
+    border-bottom: 1px solid #ededed;
+    height: 60px;
+}
+
+.todo-item.editing {
+    border-bottom: none;
+    padding: 0;
+}
+
+.edit-todo-container {
+    display: none;
+}
+
+.todo-item.editing .edit-todo-container {
+    display: block;
+}
+
+.edit-todo-input {
+    padding: 0 16px 0 60px;
+    width: 100%;
+    height: 60px;
+    font-size: 24px;
+    line-height: 1.4em;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20%20style%3D%22opacity%3A%200.2%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.display-todo {
+    position: relative;
+}
+
+.todo-item.editing .display-todo {
+    display: none;
+}
+
+.toggle-todo-input {
+    text-align: center;
+    width: 40px;
+
+        height: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 3px;
+    margin: auto 0;
+    border: none;     appearance: none;
+    cursor: pointer;
+}
+
+.todo-item-text {
+    overflow-wrap: break-word;
+    padding: 0 60px;
+    display: block;
+    line-height: 60px;
+    transition: color 0.4s;
+    font-weight: 400;
+    color: #484848;
+
+        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.toggle-todo-input:checked + .todo-item-text {
+    color: #949494;
+    text-decoration: line-through;
+    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E");
+}
+
+.remove-todo-button {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    bottom: 0;
+    width: 40px;
+    height: 40px;
+    margin: auto 0;
+    font-size: 30px;
+    color: #949494;
+    transition: color 0.2s ease-out;
+    cursor: pointer;
+}
+
+.remove-todo-button:hover,
+.remove-todo-button:focus {
+    color: #c18585;
+}
+
+.remove-todo-button::after {
+    content: "×";
+    display: block;
+    height: 100%;
+    line-height: 1.1;
+}
+
+.todo-item:hover .remove-todo-button {
+    display: block;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    .toggle-todo-input {
+        background: none;
+        height: 40px;
+    }
+}
+
+@media (max-width: 430px) {
+    .remove-todo-button {
+        display: block;
+    }
+}
+
+html[dir="rtl"] .toggle-todo-input,
+:host([dir="rtl"]) .toggle-todo-input {
+    right: 3px;
+    left: unset;
+}
+
+html[dir="rtl"] .todo-item-text,
+:host([dir="rtl"]) .todo-item-text {
+    background-position: center right 6px;
+}
+
+html[dir="rtl"] .remove-todo-button,
+:host([dir="rtl"]) .remove-todo-button {
+    left: 10px;
+    right: unset;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-list.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-list.constructable.js
new file mode 100644
index 000000000..3d11133dd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/todo-list.constructable.js
@@ -0,0 +1,15 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.todo-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: block;
+    border-top: 1px solid #e6e6e6;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/topbar.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/topbar.constructable.js
new file mode 100644
index 000000000..5ecb8a231
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/styles/topbar.constructable.js
@@ -0,0 +1,90 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.topbar {
+    position: relative;
+}
+
+.new-todo-input {
+    padding: 0 32px 0 60px;
+    width: 100%;
+    height: 68px;
+    font-size: 24px;
+    line-height: 1.4em;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+}
+
+.new-todo-input::placeholder {
+    font-style: italic;
+    font-weight: 400;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.toggle-all-container {
+    width: 45px;
+    height: 68px;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.toggle-all-input {
+    width: 45px;
+    height: 45px;
+    font-size: 0;
+    position: absolute;
+    top: 11.5px;
+    left: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+}
+
+.toggle-all-label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 45px;
+    height: 68px;
+    font-size: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+}
+
+.toggle-all-label::before {
+    content: "❯";
+    display: inline-block;
+    font-size: 22px;
+    color: #949494;
+    padding: 10px 27px 10px 27px;
+    transform: rotate(90deg);
+}
+
+.toggle-all-input:checked + .toggle-all-label::before {
+    color: #484848;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    .toggle-all-input {
+        background: none;
+    }
+}
+
+html[dir="rtl"] .new-todo-input,
+:host([dir="rtl"]) .new-todo-input {
+    padding: 0 60px 0 32px;
+}
+
+html[dir="rtl"] .toggle-all-container,
+:host([dir="rtl"]) .toggle-all-container {
+    right: 0;
+    left: unset;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-item-extra-css.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-item-extra-css.js
new file mode 100644
index 000000000..e31721bd4
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-item-extra-css.js
@@ -0,0 +1,47 @@
+// pri-4 variables are used but not defined, so background-color and
+// border-color will fall back to the default variables.
+const additionalStyleSheet = `
+    :host([data-priority="0"]) > li {
+        --priority-background-color: var(--complex-todo-red-pri-0);
+        --priority-background-color-completed: var(--complex-todo-green-pri-0);
+    }
+    :host([data-priority="1"]) > li {
+        --priority-background-color: var(--complex-todo-red-pri-1);
+        --priority-background-color-completed: var(--complex-todo-green-pri-1);
+    }
+    :host([data-priority="2"]) > li {
+        --priority-background-color: var(--complex-todo-red-pri-2);
+        --priority-background-color-completed: var(--complex-todo-green-pri-2);
+    }
+    :host([data-priority="3"]) > li {
+        --priority-background-color: var(--complex-todo-red-pri-3);
+        --priority-background-color-completed: var(--complex-todo-green-pri-3);
+    }
+    :host([data-priority="4"]) > li {
+        --priority-background-color: var(--complex-todo-red-pri-4);
+        --priority-background-color-completed: var(--complex-todo-green-pri-4);
+    }
+    .todo-item {
+        background-color: var(--priority-background-color, var(--complex-background-color-default));
+        border-bottom-color: var(--complex-todo-red-border, var(--complex-border-bottom-color-default));
+    }
+    :host([completed="true"]) > .todo-item {
+        background-color: var(--priority-background-color-completed, var(--complex-background-color-default));
+        border-bottom-color: var(--complex-todo-green-border, var(--complex-border-bottom-color-default));
+    }
+    .todo-item > div label {
+        color: var(--complex-todo-red-label, --complex-label-color-default);
+    }
+    :host([completed="true"]) > .todo-item label  {
+        color: var(--complex-todo-green-label, --complex-label-color-default);
+    }
+    .todo-item  > div > :focus,
+    .todo-item  > div > .toggle:focus + label {
+        box-shadow: var(--complex-box-shadow-red) !important;
+    }
+    :host([completed="true"]) > .todo-item > div > :focus,
+    :host([completed="true"]) > .todo-item > div > .toggle:focus + label {
+        box-shadow: var(--complex-box-shadow-green) !important;
+    }`;
+
+window.extraTodoItemCssToAdopt = additionalStyleSheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-list-extra-css.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-list-extra-css.js
new file mode 100644
index 000000000..99c4eee4a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/todo-list-extra-css.js
@@ -0,0 +1,19 @@
+// pri-4 variables are purposely not defined to test the fallback to the default variables.
+const additionalTodoListStyleSheet = `:host(.show-priority) {
+    --complex-todo-red-pri-0: rgb(253, 204, 204);
+    --complex-todo-red-pri-1: rgb(248, 221, 221);
+    --complex-todo-red-pri-2: rgb(251, 234, 234);
+    --complex-todo-red-pri-3: rgb(250, 240, 240);
+    --complex-todo-red-border: rgb(255, 215, 215);
+    --complex-todo-red-label: rgb(37, 0, 0);
+    --complex-todo-green-pri-0: rgb(204, 253, 204);
+    --complex-todo-green-pri-1: rgb(221, 248, 221);
+    --complex-todo-green-pri-2: rgb(234, 251, 234);
+    --complex-todo-green-pri-3: rgb(241, 250, 240);
+    --complex-todo-green-border: rgb(215, 255, 215);
+    --complex-todo-green-label: rgb(135, 167, 144);
+    --complex-box-shadow-red: rgb(193, 133, 133) 0 0 2px 2px inset;
+    --complex-box-shadow-green: rgb(125, 207, 137) 0 0 2px 2px inset;
+}`;
+
+window.extraTodoListCssToAdopt = additionalTodoListStyleSheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/utils/nanoid.js
new file mode 100644
index 000000000..5df154f1f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/dist/utils/nanoid.js
@@ -0,0 +1,41 @@
+/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
+
+The MIT License (MIT)
+
+Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
+
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
+let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+
+export function nanoid(size = 21) {
+    let id = "";
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size;
+    while (i--) {
+        // `| 0` is more compact and faster than `Math.floor()`.
+        id += urlAlphabet[(Math.random() * 64) | 0];
+    }
+    return id;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package-lock.json b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package-lock.json
new file mode 100644
index 000000000..4be1bc889
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package-lock.json
@@ -0,0 +1,1049 @@
+{
+    "name": "todomvc-javascript-web-components-old-complex",
+    "version": "1.0.0",
+    "lockfileVersion": 2,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "todomvc-javascript-web-components-old-complex",
+            "version": "1.0.0",
+            "license": "ISC",
+            "devDependencies": {
+                "big-dom-generator": "file:../../big-dom-generator",
+                "http-server": "^14.1.1",
+                "todomvc-css": "file:../../todomvc-css",
+                "todomvc-javascript-web-components-old": "file:../javascript-web-components-old"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "../../big-dom-generator": {
+            "version": "1.0.0",
+            "dev": true,
+            "devDependencies": {
+                "@babel/core": "^7.21.0",
+                "@babel/preset-env": "^7.20.2",
+                "@babel/preset-react": "^7.18.6",
+                "@spectrum-css/actionbutton": "^4.0.4",
+                "@spectrum-css/actiongroup": "^3.0.44",
+                "@spectrum-css/actionmenu": "^4.0.23",
+                "@spectrum-css/asset": "^3.0.39",
+                "@spectrum-css/button": "^10.0.3",
+                "@spectrum-css/buttongroup": "^6.0.46",
+                "@spectrum-css/calendar": "^3.1.13",
+                "@spectrum-css/card": "^5.0.27",
+                "@spectrum-css/checkbox": "^6.0.26",
+                "@spectrum-css/clearbutton": "^1.2.29",
+                "@spectrum-css/closebutton": "^3.0.38",
+                "@spectrum-css/datepicker": "^1.0.14",
+                "@spectrum-css/dialog": "^6.0.48",
+                "@spectrum-css/divider": "^2.0.34",
+                "@spectrum-css/fieldgroup": "^4.0.40",
+                "@spectrum-css/fieldlabel": "^6.0.29",
+                "@spectrum-css/helptext": "^4.0.26",
+                "@spectrum-css/icon": "^3.0.42",
+                "@spectrum-css/menu": "^4.0.26",
+                "@spectrum-css/modal": "^3.0.40",
+                "@spectrum-css/page": "^5.0.25",
+                "@spectrum-css/picker": "^4.0.1",
+                "@spectrum-css/pickerbutton": "^3.0.14",
+                "@spectrum-css/popover": "^6.0.38",
+                "@spectrum-css/progressbar": "^3.0.31",
+                "@spectrum-css/quickaction": "^3.0.51",
+                "@spectrum-css/radio": "^7.0.26",
+                "@spectrum-css/search": "^5.0.19",
+                "@spectrum-css/steplist": "3.0.64",
+                "@spectrum-css/stepper": "^4.0.23",
+                "@spectrum-css/switch": "^3.0.31",
+                "@spectrum-css/table": "^4.0.46",
+                "@spectrum-css/tag": "^5.0.26",
+                "@spectrum-css/taggroup": "^3.3.39",
+                "@spectrum-css/textfield": "^5.1.7",
+                "@spectrum-css/tokens": "^10.0.0",
+                "@spectrum-css/treeview": "^6.0.38",
+                "@spectrum-css/typography": "^5.0.9",
+                "@spectrum-css/underlay": "^2.0.47",
+                "@spectrum-css/vars": "^9.0.5",
+                "@svgr/webpack": "^7.0.0",
+                "babel-loader": "^9.1.2",
+                "bufferutil": "^4.0.7",
+                "classnames": "^2.3.2",
+                "copy-webpack-plugin": "^11.0.0",
+                "css-loader": "^6.7.3",
+                "css-minimizer-webpack-plugin": "^4.2.2",
+                "cssnano": "^6.0.1",
+                "file-loader": "^6.2.0",
+                "http-server": "^14.1.1",
+                "jsdom": "^22.1.0",
+                "loadicons": "^1.0.0",
+                "mini-css-extract-plugin": "^2.7.2",
+                "node-loader": "^2.0.0",
+                "postcss": "^8.4.23",
+                "postcss-cli": "^10.1.0",
+                "postcss-dropunusedvars": "^1.2.1",
+                "postcss-import": "15.1.0",
+                "postcss-loader": "^7.3.0",
+                "postcss-varfallback": "^1.1.0",
+                "purgecss": "^5.0.0",
+                "random-seedable": "^1.0.8",
+                "react": "^18.2.0",
+                "react-dom": "^18.2.0",
+                "react-router-dom": "^6.14.1",
+                "style-loader": "^3.3.3",
+                "todomvc-app-css": "^2.4.2",
+                "todomvc-common": "^1.0.5",
+                "utf-8-validate": "^6.0.3",
+                "webpack": "^5.75.0",
+                "webpack-cli": "^5.0.1",
+                "webpack-dev-server": "^4.15.0",
+                "webpack-merge": "^5.9.0"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "../../todomvc-css": {
+            "version": "1.0.0",
+            "dev": true,
+            "license": "ISC",
+            "devDependencies": {
+                "@rollup/plugin-babel": "^6.0.3",
+                "@rollup/plugin-commonjs": "^25.0.0",
+                "@rollup/plugin-html": "^1.0.2",
+                "@rollup/plugin-node-resolve": "^15.0.2",
+                "@rollup/plugin-terser": "^0.4.3",
+                "@rollup/pluginutils": "^5.0.2",
+                "fs-extra": "^11.1.1",
+                "globby": "^13.2.0",
+                "http-server": "^14.1.1",
+                "rollup": "^3.23.0",
+                "rollup-plugin-cleaner": "^1.0.0",
+                "rollup-plugin-copy-merge": "^1.0.2",
+                "rollup-plugin-import-css": "^3.2.1",
+                "strip-comments": "^2.0.1",
+                "stylelint": "^15.6.2",
+                "stylelint-config-standard": "^33.0.0"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "../javascript-web-components": {
+            "name": "todomvc-javascript-web-components",
+            "version": "1.0.0",
+            "extraneous": true,
+            "license": "ISC",
+            "dependencies": {
+                "http-server": "^14.1.1",
+                "todomvc-css": "file:../../todomvc-css"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "../javascript-web-components-old": {
+            "name": "todomvc-javascript-web-components-old",
+            "version": "1.0.0",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "http-server": "^14.1.1",
+                "todomvc-css": "file:../../todomvc-css"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "dev": true,
+            "dependencies": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "node_modules/basic-auth": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+            "dev": true,
+            "dependencies": {
+                "safe-buffer": "5.1.2"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/big-dom-generator": {
+            "resolved": "../../big-dom-generator",
+            "link": true
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true
+        },
+        "node_modules/corser": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eventemitter3": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+            "dev": true
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "dev": true
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+            "dev": true,
+            "bin": {
+                "he": "bin/he"
+            }
+        },
+        "node_modules/html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "dev": true,
+            "dependencies": {
+                "whatwg-encoding": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "dev": true,
+            "dependencies": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/http-server": {
+            "version": "14.1.1",
+            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+            "dev": true,
+            "dependencies": {
+                "basic-auth": "^2.0.1",
+                "chalk": "^4.1.2",
+                "corser": "^2.0.1",
+                "he": "^1.2.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy": "^1.18.1",
+                "mime": "^1.6.0",
+                "minimist": "^1.2.6",
+                "opener": "^1.5.1",
+                "portfinder": "^1.0.28",
+                "secure-compare": "3.0.1",
+                "union": "~0.5.0",
+                "url-join": "^4.0.1"
+            },
+            "bin": {
+                "http-server": "bin/http-server"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dev": true,
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
+        },
+        "node_modules/mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+            "dev": true,
+            "bin": {
+                "mime": "cli.js"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "dev": true,
+            "dependencies": {
+                "minimist": "^1.2.6"
+            },
+            "bin": {
+                "mkdirp": "bin/cmd.js"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+            "dev": true
+        },
+        "node_modules/object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "dev": true,
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/opener": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+            "dev": true,
+            "bin": {
+                "opener": "bin/opener-bin.js"
+            }
+        },
+        "node_modules/portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "dev": true,
+            "dependencies": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            },
+            "engines": {
+                "node": ">= 0.12.0"
+            }
+        },
+        "node_modules/qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "dev": true,
+            "dependencies": {
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+            "dev": true
+        },
+        "node_modules/safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+            "dev": true
+        },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "dev": true
+        },
+        "node_modules/secure-compare": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
+            "dev": true
+        },
+        "node_modules/side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/todomvc-css": {
+            "resolved": "../../todomvc-css",
+            "link": true
+        },
+        "node_modules/todomvc-javascript-web-components-old": {
+            "resolved": "../javascript-web-components-old",
+            "link": true
+        },
+        "node_modules/union": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+            "dev": true,
+            "dependencies": {
+                "qs": "^6.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/url-join": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+            "dev": true
+        },
+        "node_modules/whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "dev": true,
+            "dependencies": {
+                "iconv-lite": "0.6.3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        }
+    },
+    "dependencies": {
+        "ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "requires": {
+                "color-convert": "^2.0.1"
+            }
+        },
+        "async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "dev": true,
+            "requires": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "basic-auth": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+            "dev": true,
+            "requires": {
+                "safe-buffer": "5.1.2"
+            }
+        },
+        "big-dom-generator": {
+            "version": "file:../../big-dom-generator",
+            "requires": {
+                "@babel/core": "^7.21.0",
+                "@babel/preset-env": "^7.20.2",
+                "@babel/preset-react": "^7.18.6",
+                "@spectrum-css/actionbutton": "^4.0.4",
+                "@spectrum-css/actiongroup": "^3.0.44",
+                "@spectrum-css/actionmenu": "^4.0.23",
+                "@spectrum-css/asset": "^3.0.39",
+                "@spectrum-css/button": "^10.0.3",
+                "@spectrum-css/buttongroup": "^6.0.46",
+                "@spectrum-css/calendar": "^3.1.13",
+                "@spectrum-css/card": "^5.0.27",
+                "@spectrum-css/checkbox": "^6.0.26",
+                "@spectrum-css/clearbutton": "^1.2.29",
+                "@spectrum-css/closebutton": "^3.0.38",
+                "@spectrum-css/datepicker": "^1.0.14",
+                "@spectrum-css/dialog": "^6.0.48",
+                "@spectrum-css/divider": "^2.0.34",
+                "@spectrum-css/fieldgroup": "^4.0.40",
+                "@spectrum-css/fieldlabel": "^6.0.29",
+                "@spectrum-css/helptext": "^4.0.26",
+                "@spectrum-css/icon": "^3.0.42",
+                "@spectrum-css/menu": "^4.0.26",
+                "@spectrum-css/modal": "^3.0.40",
+                "@spectrum-css/page": "^5.0.25",
+                "@spectrum-css/picker": "^4.0.1",
+                "@spectrum-css/pickerbutton": "^3.0.14",
+                "@spectrum-css/popover": "^6.0.38",
+                "@spectrum-css/progressbar": "^3.0.31",
+                "@spectrum-css/quickaction": "^3.0.51",
+                "@spectrum-css/radio": "^7.0.26",
+                "@spectrum-css/search": "^5.0.19",
+                "@spectrum-css/steplist": "3.0.64",
+                "@spectrum-css/stepper": "^4.0.23",
+                "@spectrum-css/switch": "^3.0.31",
+                "@spectrum-css/table": "^4.0.46",
+                "@spectrum-css/tag": "^5.0.26",
+                "@spectrum-css/taggroup": "^3.3.39",
+                "@spectrum-css/textfield": "^5.1.7",
+                "@spectrum-css/tokens": "^10.0.0",
+                "@spectrum-css/treeview": "^6.0.38",
+                "@spectrum-css/typography": "^5.0.9",
+                "@spectrum-css/underlay": "^2.0.47",
+                "@spectrum-css/vars": "^9.0.5",
+                "@svgr/webpack": "^7.0.0",
+                "babel-loader": "^9.1.2",
+                "bufferutil": "^4.0.7",
+                "classnames": "^2.3.2",
+                "copy-webpack-plugin": "^11.0.0",
+                "css-loader": "^6.7.3",
+                "css-minimizer-webpack-plugin": "^4.2.2",
+                "cssnano": "^6.0.1",
+                "file-loader": "^6.2.0",
+                "http-server": "^14.1.1",
+                "jsdom": "^22.1.0",
+                "loadicons": "^1.0.0",
+                "mini-css-extract-plugin": "^2.7.2",
+                "node-loader": "^2.0.0",
+                "postcss": "^8.4.23",
+                "postcss-cli": "^10.1.0",
+                "postcss-dropunusedvars": "^1.2.1",
+                "postcss-import": "15.1.0",
+                "postcss-loader": "^7.3.0",
+                "postcss-varfallback": "^1.1.0",
+                "purgecss": "^5.0.0",
+                "random-seedable": "^1.0.8",
+                "react": "^18.2.0",
+                "react-dom": "^18.2.0",
+                "react-router-dom": "^6.14.1",
+                "style-loader": "^3.3.3",
+                "todomvc-app-css": "^2.4.2",
+                "todomvc-common": "^1.0.5",
+                "utf-8-validate": "^6.0.3",
+                "webpack": "^5.75.0",
+                "webpack-cli": "^5.0.1",
+                "webpack-dev-server": "^4.15.0",
+                "webpack-merge": "^5.9.0"
+            }
+        },
+        "call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dev": true,
+            "requires": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            }
+        },
+        "chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "requires": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            }
+        },
+        "color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
+            "requires": {
+                "color-name": "~1.1.4"
+            }
+        },
+        "color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true
+        },
+        "corser": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+            "dev": true
+        },
+        "debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "requires": {
+                "ms": "^2.1.1"
+            }
+        },
+        "eventemitter3": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+            "dev": true
+        },
+        "follow-redirects": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+            "dev": true
+        },
+        "function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "dev": true
+        },
+        "get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dev": true,
+            "requires": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            }
+        },
+        "has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dev": true,
+            "requires": {
+                "function-bind": "^1.1.1"
+            }
+        },
+        "has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true
+        },
+        "has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "dev": true
+        },
+        "has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "dev": true
+        },
+        "he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+            "dev": true
+        },
+        "html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "dev": true,
+            "requires": {
+                "whatwg-encoding": "^2.0.0"
+            }
+        },
+        "http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "dev": true,
+            "requires": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            }
+        },
+        "http-server": {
+            "version": "14.1.1",
+            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+            "dev": true,
+            "requires": {
+                "basic-auth": "^2.0.1",
+                "chalk": "^4.1.2",
+                "corser": "^2.0.1",
+                "he": "^1.2.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy": "^1.18.1",
+                "mime": "^1.6.0",
+                "minimist": "^1.2.6",
+                "opener": "^1.5.1",
+                "portfinder": "^1.0.28",
+                "secure-compare": "3.0.1",
+                "union": "~0.5.0",
+                "url-join": "^4.0.1"
+            }
+        },
+        "iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dev": true,
+            "requires": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            }
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "dev": true
+        },
+        "mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+            "dev": true
+        },
+        "minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true
+        },
+        "mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "dev": true,
+            "requires": {
+                "minimist": "^1.2.6"
+            }
+        },
+        "ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+            "dev": true
+        },
+        "object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "dev": true
+        },
+        "opener": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+            "dev": true
+        },
+        "portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "dev": true,
+            "requires": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            }
+        },
+        "qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "dev": true,
+            "requires": {
+                "side-channel": "^1.0.4"
+            }
+        },
+        "requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+            "dev": true
+        },
+        "safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+            "dev": true
+        },
+        "safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "dev": true
+        },
+        "secure-compare": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
+            "dev": true
+        },
+        "side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dev": true,
+            "requires": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            }
+        },
+        "supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "requires": {
+                "has-flag": "^4.0.0"
+            }
+        },
+        "todomvc-css": {
+            "version": "file:../../todomvc-css",
+            "requires": {
+                "@rollup/plugin-babel": "^6.0.3",
+                "@rollup/plugin-commonjs": "^25.0.0",
+                "@rollup/plugin-html": "^1.0.2",
+                "@rollup/plugin-node-resolve": "^15.0.2",
+                "@rollup/plugin-terser": "^0.4.3",
+                "@rollup/pluginutils": "^5.0.2",
+                "fs-extra": "^11.1.1",
+                "globby": "^13.2.0",
+                "http-server": "^14.1.1",
+                "rollup": "^3.23.0",
+                "rollup-plugin-cleaner": "^1.0.0",
+                "rollup-plugin-copy-merge": "^1.0.2",
+                "rollup-plugin-import-css": "^3.2.1",
+                "strip-comments": "^2.0.1",
+                "stylelint": "^15.6.2",
+                "stylelint-config-standard": "^33.0.0"
+            }
+        },
+        "todomvc-javascript-web-components-old": {
+            "version": "file:../javascript-web-components-old",
+            "requires": {
+                "http-server": "^14.1.1",
+                "todomvc-css": "file:../../todomvc-css"
+            }
+        },
+        "union": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+            "dev": true,
+            "requires": {
+                "qs": "^6.4.0"
+            }
+        },
+        "url-join": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
+            "dev": true
+        },
+        "whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "dev": true,
+            "requires": {
+                "iconv-lite": "0.6.3"
+            }
+        }
+    }
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package.json b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package.json
new file mode 100644
index 000000000..1a0d69564
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "todomvc-javascript-web-components-old-complex",
+    "version": "1.0.0",
+    "description": "TodoMVC complex app written with JavaScript using web components.",
+    "engines": {
+        "node": ">=18.13.0",
+        "npm": ">=8.19.3"
+    },
+    "private": true,
+    "scripts": {
+        "build": "node scripts/build.js",
+        "serve": "http-server ./dist -p 7006 -c-1 --cors -o"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+        "big-dom-generator": "file:../../big-dom-generator",
+        "http-server": "^14.1.1",
+        "todomvc-css": "file:../../todomvc-css",
+        "todomvc-javascript-web-components-old": "file:../javascript-web-components-old"
+    }
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/scripts/build.js b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/scripts/build.js
new file mode 100644
index 000000000..403f016eb
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old-complex/scripts/build.js
@@ -0,0 +1,25 @@
+/**
+ * Builds the TodoMVC JavaScript Web Components Complex DOM.
+ */
+const path = require("path");
+const { buildComplex } = require("big-dom-generator/utils/buildComplex");
+
+const options = {
+    callerDirectory: path.resolve(__dirname),
+    sourceDirectory: path.join("..", "node_modules", "todomvc-javascript-web-components-old", "dist"),
+    title: "TodoMVC: JavaScript Web Components Old Complex DOM",
+    filesToMove: [
+        "node_modules/big-dom-generator/dist/big-dom.css",
+        "node_modules/big-dom-generator/dist/logo.png",
+        "node_modules/big-dom-generator/utils/web-components-css/app.css",
+        "node_modules/big-dom-generator/utils/web-components-css/default-variables.css",
+        "node_modules/big-dom-generator/utils/web-components-css/vanilla/todo-item-extra-css.js",
+        "node_modules/big-dom-generator/utils/web-components-css/todo-list-extra-css.js",
+    ],
+    extraCssToLink: ["app.css", "default-variables.css"],
+    scriptsToLink: ["todo-item-extra-css.js", "todo-list-extra-css.js"],
+    standaloneDirectory: path.resolve(__dirname, "..", "..", "javascript-web-components-old"),
+    complexDirectory: path.resolve(__dirname, ".."),
+};
+
+buildComplex(options);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/.gitignore b/resources/todomvc/vanilla-examples/javascript-web-components-old/.gitignore
new file mode 100644
index 000000000..03e05e4c0
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+/node_modules
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/README.md b/resources/todomvc/vanilla-examples/javascript-web-components-old/README.md
new file mode 100644
index 000000000..11351f614
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/README.md
@@ -0,0 +1,37 @@
+# Speedometer 3.0: TodoMVC: Web Components
+
+## Description
+
+A todoMVC application implemented with native web components.
+It utilizes custom elements and html templates to build reusable components.
+
+In contrast to other workloads, this application uses an updated set of css rules and an optimized dom structure to ensure the application follows best practices in regards to accessibility.
+
+## Built steps
+
+A simple build script copies all necessary files to a `dist` folder.
+It does not rely on compilers or transpilers and serves raw html, css and js files to the user.
+
+```
+npm run build
+```
+
+## Requirements
+
+The only requirement is an installation of Node, to be able to install dependencies and run scripts to serve a local server.
+
+```
+* Node (min version: 18.13.0)
+* NPM (min version: 8.19.3)
+```
+
+## Local preview
+
+```
+terminal:
+1. npm install
+2. npm run dev
+
+browser:
+1. http://localhost:7005/
+```
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.component.js
new file mode 100644
index 000000000..877d0c29d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.component.js
@@ -0,0 +1,147 @@
+import template from "./todo-app.template.js";
+import { useRouter } from "../../hooks/useRouter.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import appStyles from "../../styles/app.constructable.js";
+import mainStyles from "../../styles/main.constructable.js";
+class TodoApp extends HTMLElement {
+    #isReady = false;
+    #data = [];
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.topbar = node.querySelector("todo-topbar");
+        this.list = node.querySelector("todo-list");
+        this.bottombar = node.querySelector("todo-bottombar");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
+        this.shadow.append(node);
+
+        this.addItem = this.addItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItems = this.toggleItems.bind(this);
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.routeChange = this.routeChange.bind(this);
+
+        this.router = useRouter();
+    }
+
+    get isReady() {
+        return this.#isReady;
+    }
+
+    getInstance() {
+        return this;
+    }
+
+    addItem(event) {
+        const { detail: item } = event;
+
+        this.#data.push(item);
+        this.list.addItem(item);
+
+        this.update("add-item", item.id);
+    }
+
+    toggleItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.completed = event.detail.completed;
+        });
+
+        this.update("toggle-item", event.detail.id);
+    }
+
+    removeItem(event) {
+        this.#data.forEach((entry, index) => {
+            if (entry.id === event.detail.id)
+                this.#data.splice(index, 1);
+        });
+
+        this.update("remove-item", event.detail.id);
+    }
+
+    updateItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.title = event.detail.title;
+        });
+
+        this.update("update-item", event.detail.id);
+    }
+
+    toggleItems(event) {
+        this.list.toggleItems(event.detail.completed);
+    }
+
+    clearCompletedItems() {
+        this.list.removeCompletedItems();
+    }
+
+    update(type = "", id = "") {
+        const totalItems = this.#data.length;
+        const activeItems = this.#data.filter((entry) => !entry.completed).length;
+        const completedItems = totalItems - activeItems;
+
+        this.list.setAttribute("total-items", totalItems);
+        this.list.updateElements(type, id);
+
+        this.topbar.setAttribute("total-items", totalItems);
+        this.topbar.setAttribute("active-items", activeItems);
+        this.topbar.setAttribute("completed-items", completedItems);
+
+        this.bottombar.setAttribute("total-items", totalItems);
+        this.bottombar.setAttribute("active-items", activeItems);
+    }
+
+    addListeners() {
+        this.topbar.addEventListener("toggle-all", this.toggleItems);
+        this.topbar.addEventListener("add-item", this.addItem);
+
+        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.addEventListener("remove-item", this.removeItem);
+        this.list.listNode.addEventListener("update-item", this.updateItem);
+
+        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.topbar.removeEventListener("toggle-all", this.toggleItems);
+        this.topbar.removeEventListener("add-item", this.addItem);
+
+        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.removeEventListener("remove-item", this.removeItem);
+        this.list.listNode.removeEventListener("update-item", this.updateItem);
+
+        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    routeChange(route) {
+        const routeName = route.split("/")[1] || "all";
+        this.list.updateRoute(routeName);
+        this.bottombar.updateRoute(routeName);
+        this.topbar.updateRoute(routeName);
+    }
+
+    connectedCallback() {
+        this.update("connected");
+        this.addListeners();
+        this.router.initRouter(this.routeChange);
+        this.#isReady = true;
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.#isReady = false;
+    }
+}
+
+customElements.define("todo-app", TodoApp);
+
+export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.template.js
new file mode 100644
index 000000000..1a55a8194
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-app/todo-app.template.js
@@ -0,0 +1,14 @@
+const template = document.createElement("template");
+
+template.id = "todo-app-template";
+template.innerHTML = `
+    <section class="app">
+        <todo-topbar></todo-topbar>
+        <main class="main">
+            <todo-list></todo-list>
+        </main>
+        <todo-bottombar></todo-bottombar>
+    </section>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.component.js
new file mode 100644
index 000000000..cc0203c48
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.component.js
@@ -0,0 +1,80 @@
+import template from "./todo-bottombar.template.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import bottombarStyles from "../../styles/bottombar.constructable.js";
+
+class TodoBottombar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items"];
+    }
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.element = node.querySelector(".bottombar");
+        this.clearCompletedButton = node.querySelector(".clear-completed-button");
+        this.todoStatus = node.querySelector(".todo-status");
+        this.filterLinks = node.querySelectorAll(".filter-link");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.append(node);
+
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+    }
+
+    updateDisplay() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.element.style.display = "block";
+        else
+            this.element.style.display = "none";
+
+        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
+    }
+
+    updateRoute(route) {
+        this.filterLinks.forEach((link) => {
+            if (link.dataset.route === route)
+                link.classList.add("selected");
+            else
+                link.classList.remove("selected");
+        });
+    }
+
+    clearCompletedItems() {
+        this.dispatchEvent(new CustomEvent("clear-completed-items"));
+    }
+
+    addListeners() {
+        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.updateDisplay();
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+    }
+}
+
+customElements.define("todo-bottombar", TodoBottombar);
+
+export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.template.js
new file mode 100644
index 000000000..4f34ca92d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-bottombar/todo-bottombar.template.js
@@ -0,0 +1,22 @@
+const template = document.createElement("template");
+
+template.id = "todo-bottombar-template";
+template.innerHTML = `
+    <footer class="bottombar" style="display:none">
+        <div class="todo-status"><span class="todo-count">0</span> item left</div>
+        <ul class="filter-list">
+            <li class="filter-item">
+                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
+            </li>
+        </ul>
+        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
+    </footer>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.component.js
new file mode 100644
index 000000000..a082628a8
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.component.js
@@ -0,0 +1,190 @@
+import template from "./todo-item.template.js";
+import { useDoubleClick } from "../../hooks/useDoubleClick.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import itemStyles from "../../styles/todo-item.constructable.js";
+
+class TodoItem extends HTMLElement {
+    static get observedAttributes() {
+        return ["itemid", "itemtitle", "itemcompleted"];
+    }
+
+    constructor() {
+        super();
+
+        // Renamed this.id to this.itemid and this.title to this.itemtitle.
+        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
+        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
+        this.itemid = "";
+        this.itemtitle = "Todo Item";
+        this.itemcompleted = "false";
+
+        const node = document.importNode(template.content, true);
+        this.item = node.querySelector(".todo-item");
+        this.toggleLabel = node.querySelector(".toggle-todo-label");
+        this.toggleInput = node.querySelector(".toggle-todo-input");
+        this.todoText = node.querySelector(".todo-item-text");
+        this.todoButton = node.querySelector(".remove-todo-button");
+        this.editLabel = node.querySelector(".edit-todo-label");
+        this.editInput = node.querySelector(".edit-todo-input");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.startEdit = this.startEdit.bind(this);
+        this.stopEdit = this.stopEdit.bind(this);
+        this.cancelEdit = this.cancelEdit.bind(this);
+
+        if (window.extraTodoItemCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    update(...args) {
+        args.forEach((argument) => {
+            switch (argument) {
+                case "itemid":
+                    if (this.itemid !== undefined)
+                        this.item.id = `todo-item-${this.itemid}`;
+                    break;
+                case "itemtitle":
+                    if (this.itemtitle !== undefined) {
+                        this.todoText.textContent = this.itemtitle;
+                        this.editInput.value = this.itemtitle;
+                    }
+                    break;
+                case "itemcompleted":
+                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    break;
+            }
+        });
+    }
+
+    startEdit() {
+        this.item.classList.add("editing");
+        this.editInput.value = this.itemtitle;
+        this.editInput.focus();
+    }
+
+    stopEdit() {
+        this.item.classList.remove("editing");
+    }
+
+    cancelEdit() {
+        this.editInput.blur();
+    }
+
+    toggleItem() {
+        // The todo-list checks the "completed" attribute to filter based on route
+        // (therefore the completed state needs to already be updated before the check)
+        this.setAttribute("itemcompleted", this.toggleInput.checked);
+
+        this.dispatchEvent(
+            new CustomEvent("toggle-item", {
+                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                bubbles: true,
+            })
+        );
+    }
+
+    removeItem() {
+        // The todo-list keeps a reference to all elements and updates the list on removal.
+        // (therefore the removal has to happen after the list is updated)
+        this.dispatchEvent(
+            new CustomEvent("remove-item", {
+                detail: { id: this.itemid },
+                bubbles: true,
+            })
+        );
+        this.remove();
+    }
+
+    updateItem(event) {
+        if (event.target.value !== this.itemtitle) {
+            if (!event.target.value.length) {
+                this.removeItem();
+            } else {
+                this.setAttribute("itemtitle", event.target.value);
+                this.dispatchEvent(
+                    new CustomEvent("update-item", {
+                        detail: { id: this.itemid, title: event.target.value },
+                        bubbles: true,
+                    })
+                );
+            }
+        }
+
+        this.cancelEdit();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleItem);
+        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
+        this.editInput.addEventListener("blur", this.stopEdit);
+        this.todoButton.addEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleItem);
+        this.todoText.removeEventListener("click", this.startEdit);
+        this.editInput.removeEventListener("blur", this.stopEdit);
+        this.todoButton.removeEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.update(property);
+    }
+
+    connectedCallback() {
+        this.update("itemid", "itemtitle", "itemcompleted");
+
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.editInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.updateItem,
+                    ["Escape"]: this.cancelEdit,
+                },
+            }),
+            useKeyListener({
+                target: this.todoText,
+                event: "keyup",
+                callbacks: {
+                    [" "]: this.startEdit, // this feels weird
+                },
+            })
+        );
+
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-item", TodoItem);
+
+export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.template.js
new file mode 100644
index 000000000..9a67675fd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-item/todo-item.template.js
@@ -0,0 +1,19 @@
+const template = document.createElement("template");
+
+template.id = "todo-item-template";
+template.innerHTML = `
+    <li class="todo-item">
+        <div class="display-todo">
+            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
+            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
+            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
+            <button class="remove-todo-button" title="Remove Todo"></button>
+        </div>
+        <div class="edit-todo-container">
+            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
+            <input id="edit-todo" class="edit-todo-input" />
+        </div>
+    </li>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.component.js
new file mode 100644
index 000000000..8e90e291f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.component.js
@@ -0,0 +1,129 @@
+import template from "./todo-list.template.js";
+import TodoItem from "../todo-item/todo-item.component.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import listStyles from "../../styles/todo-list.constructable.js";
+
+class TodoList extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items"];
+    }
+
+    #elements = [];
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.listNode = node.querySelector(".todo-list");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.append(node);
+        this.classList.add("show-priority");
+
+        if (window.extraTodoListCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    addItem(entry) {
+        const { id, title, completed } = entry;
+        const element = new TodoItem();
+
+        element.setAttribute("itemid", id);
+        element.setAttribute("itemtitle", title);
+        element.setAttribute("itemcompleted", completed);
+
+        const elementIndex = this.#elements.length;
+        this.#elements.push(element);
+        this.listNode.append(element);
+        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+    }
+
+    addItems(items) {
+        items.forEach((entry) => this.addItem(entry));
+    }
+
+    removeCompletedItems() {
+        this.#elements = this.#elements.filter((element) => {
+            if (element.itemcompleted === "true")
+                element.removeItem();
+
+            return element.itemcompleted === "false";
+        });
+    }
+
+    toggleItems(completed) {
+        this.#elements.forEach((element) => {
+            if (completed && element.itemcompleted === "false")
+                element.toggleInput.click();
+            else if (!completed && element.itemcompleted === "true")
+                element.toggleInput.click();
+        });
+    }
+
+    updateStyles() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.listNode.style.display = "block";
+        else
+            this.listNode.style.display = "none";
+    }
+
+    updateView(element) {
+        switch (this.#route) {
+            case "completed":
+                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                break;
+            case "active":
+                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                break;
+            default:
+                element.style.display = "block";
+        }
+    }
+
+    updateElements(type = "", id = "") {
+        switch (type) {
+            case "route-change":
+                this.#elements.forEach((element) => this.updateView(element));
+                break;
+            case "toggle-item":
+            case "add-item":
+                this.#elements.forEach((element) => {
+                    if (element.itemid === id)
+                        this.updateView(element);
+                });
+                break;
+            case "remove-item":
+                this.#elements = this.#elements.filter((element) => element.itemid !== id);
+                break;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateElements("route-change");
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+        if (this.isConnected)
+            this.updateStyles();
+    }
+
+    connectedCallback() {
+        this.updateStyles();
+    }
+}
+
+customElements.define("todo-list", TodoList);
+
+export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.template.js
new file mode 100644
index 000000000..dac383b95
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-list/todo-list.template.js
@@ -0,0 +1,8 @@
+const template = document.createElement("template");
+
+template.id = "todo-list-template";
+template.innerHTML = `
+    <ul class="todo-list" style="display:none"></ul>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.component.js
new file mode 100644
index 000000000..f024d7ca1
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.component.js
@@ -0,0 +1,131 @@
+import template from "./todo-topbar.template.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+import { nanoid } from "../../utils/nanoid.js";
+
+import globalStyles from "../../styles/global.constructable.js";
+import topbarStyles from "../../styles/topbar.constructable.js";
+
+class TodoTopbar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items", "completed-items"];
+    }
+
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.todoInput = node.querySelector("#new-todo");
+        this.toggleInput = node.querySelector("#toggle-all");
+        this.toggleContainer = node.querySelector(".toggle-all-container");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.toggleAll = this.toggleAll.bind(this);
+        this.addItem = this.addItem.bind(this);
+    }
+
+    toggleAll(event) {
+        this.dispatchEvent(
+            new CustomEvent("toggle-all", {
+                detail: { completed: event.target.checked },
+            })
+        );
+    }
+
+    addItem(event) {
+        if (!event.target.value.length)
+            return;
+
+        this.dispatchEvent(
+            new CustomEvent("add-item", {
+                detail: {
+                    id: nanoid(),
+                    title: event.target.value,
+                    completed: false,
+                },
+            })
+        );
+
+        event.target.value = "";
+    }
+
+    updateDisplay() {
+        if (!parseInt(this["total-items"])) {
+            this.toggleContainer.style.display = "none";
+            return;
+        }
+
+        this.toggleContainer.style.display = "block";
+
+        switch (this.#route) {
+            case "active":
+                this.toggleInput.checked = false;
+                this.toggleInput.disabled = !parseInt(this["active-items"]);
+                break;
+            case "completed":
+                this.toggleInput.checked = parseInt(this["completed-items"]);
+                this.toggleInput.disabled = !parseInt(this["completed-items"]);
+                break;
+            default:
+                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.disabled = false;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateDisplay();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.todoInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.addItem,
+                },
+            })
+        );
+
+        this.updateDisplay();
+        this.addListeners();
+        this.todoInput.focus();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-topbar", TodoTopbar);
+
+export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.template.js
new file mode 100644
index 000000000..ce323b683
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/components/todo-topbar/todo-topbar.template.js
@@ -0,0 +1,17 @@
+const template = document.createElement("template");
+
+template.id = "todo-topbar-template";
+template.innerHTML = `
+    <header class="topbar">
+        <div class="new-todo-display">
+            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
+            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
+        </div>
+        <div class="toggle-all-container" style="display:none">
+            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
+            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
+        </div>
+    </header>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useDoubleClick.js
new file mode 100644
index 000000000..a1fe952fe
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useDoubleClick.js
@@ -0,0 +1,19 @@
+/**
+ * A simple function to normalize a double-click and a double-tab action.
+ * There is currently no comparable tab action to dblclick.
+ *
+ * @param {Function} fn
+ * @param {number} delay
+ * @returns
+ */
+export function useDoubleClick(fn, delay) {
+    let last = 0;
+    return function (...args) {
+        const now = new Date().getTime();
+        const difference = now - last;
+        if (difference < delay && difference > 0)
+            fn.apply(this, args);
+
+        last = now;
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useKeyListener.js
new file mode 100644
index 000000000..453747d54
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useKeyListener.js
@@ -0,0 +1,23 @@
+export function useKeyListener(props) {
+    const { target, event, callbacks } = props;
+
+    function handleEvent(event) {
+        Object.keys(callbacks).forEach((key) => {
+            if (event.key === key)
+                callbacks[key](event);
+        });
+    }
+
+    function connect() {
+        target.addEventListener(event, handleEvent);
+    }
+
+    function disconnect() {
+        target.removeEventListener(event, handleEvent);
+    }
+
+    return {
+        connect,
+        disconnect,
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useRouter.js
new file mode 100644
index 000000000..ab1ab618a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/hooks/useRouter.js
@@ -0,0 +1,43 @@
+/**
+ * Listens for hash change of the url and calls onChange if available.
+ *
+ * @param {Function} callback
+ * @returns Methods to interact with useRouter.
+ */
+export const useRouter = (callback) => {
+    let onChange = callback;
+    let current = "";
+
+    /**
+     * Change event handler.
+     */
+    const handleChange = () => {
+        current = document.location.hash;
+        /* istanbul ignore else */
+        if (onChange)
+            onChange(document.location.hash);
+    };
+
+    /**
+     * Initializes router and adds listeners.
+     *
+     * @param {Function} callback
+     */
+    const initRouter = (callback) => {
+        onChange = callback;
+        window.addEventListener("hashchange", handleChange);
+        window.addEventListener("load", handleChange);
+    };
+
+    /**
+     * Removes listeners
+     */
+    const disableRouter = () => {
+        window.removeEventListener("hashchange", handleChange);
+        window.removeEventListener("load", handleChange);
+    };
+
+    const getRoute = () => current.split("/").slice(-1)[0];
+
+    return { initRouter, getRoute, disableRouter };
+};
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/index.html b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/index.html
new file mode 100644
index 000000000..a8fec9787
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="A TodoMVC workload app for Speedometer!" />
+        <title>TodoMVC: JavaScript Web Components</title>
+        <link rel="stylesheet" href="styles/global.css" />
+        <link rel="stylesheet" href="styles/header.css" />
+        <link rel="stylesheet" href="styles/footer.css" />
+        <!-- load these first, so that they are registered by the time the app components needs them -->
+        <script type="module" src="components/todo-topbar/todo-topbar.component.js"></script>
+        <script type="module" src="components/todo-list/todo-list.component.js"></script>
+        <script type="module" src="components/todo-bottombar/todo-bottombar.component.js"></script>
+        <script type="module" src="components/todo-app/todo-app.component.js"></script>
+    </head>
+
+    <body>
+        <header class="header">
+            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
+        </header>
+        <todo-app></todo-app>
+        <footer class="footer">
+            <p class="footer-text">Click on input field to write your todo.</p>
+            <p class="footer-text">At least one character is needed to be a valid entry.</p>
+            <p class="footer-text">Press 'enter' to add the todo.</p>
+            <p class="footer-text">Double-click to edit a todo</p>
+        </footer>
+    </body>
+</html>
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/app.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/app.constructable.js
new file mode 100644
index 000000000..8ac77f26a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/app.constructable.js
@@ -0,0 +1,15 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+    min-height: 68px;
+}
+
+.app {
+    background: #fff;
+    margin: 24px 16px 40px 16px;
+    position: relative;
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/bottombar.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/bottombar.constructable.js
new file mode 100644
index 000000000..46904de8a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/bottombar.constructable.js
@@ -0,0 +1,158 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.bottombar {
+    padding: 10px 0;
+    height: 41px;
+    text-align: center;
+    font-size: 15px;
+    border-top: 1px solid #e6e6e6;
+    position: relative;
+}
+
+.bottombar::before {
+    content: "";
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 50px;
+    overflow: hidden;
+    pointer-events: none;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
+}
+
+.todo-status {
+    text-align: left;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    position: absolute;
+    left: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.todo-count {
+    font-weight: 300;
+}
+
+.filter-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: inline-block;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.filter-item {
+    display: inline-block;
+}
+
+.filter-link {
+    color: inherit;
+    margin: 3px;
+    padding: 0 7px;
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: 3px;
+    cursor: pointer;
+    display: block;
+    height: 26px;
+    line-height: 26px;
+}
+
+.filter-link:hover {
+    border-color: #db7676;
+}
+
+.filter-link.selected {
+    border-color: #ce4646;
+}
+
+.clear-completed-button,
+.clear-completed-button:active {
+    text-decoration: none;
+    cursor: pointer;
+    padding: 3px;
+    height: 32px;
+    line-height: 26px;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.clear-completed-button:hover {
+    text-decoration: underline;
+}
+
+/* rtl support */
+html[dir="rtl"] .todo-status,
+:host([dir="rtl"]) .todo-status {
+    right: 12px;
+    left: unset;
+}
+
+html[dir="rtl"] .clear-completed-button,
+:host([dir="rtl"]) .clear-completed-button {
+    left: 12px;
+    right: unset;
+}
+
+@media (max-width: 430px) {
+    .bottombar {
+        height: 120px;
+    }
+
+    .todo-status {
+        display: block;
+        text-align: center;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .filter-list {
+        display: block;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+    .clear-completed-button,
+    .clear-completed-button:active {
+        display: block;
+        margin: 0 auto;
+        position: relative;
+        left: unset;
+        right: unset;
+        top: unset;
+        transform: unset;
+    }
+
+        html[dir="rtl"] .todo-status,
+    :host([dir="rtl"]) .todo-status {
+        right: unset;
+        left: unset;
+    }
+
+    html[dir="rtl"] .clear-completed-button,
+    :host([dir="rtl"]) .clear-completed-button {
+        left: unset;
+        right: unset;
+    }
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/footer.css b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/footer.css
new file mode 100644
index 000000000..0ff918f43
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/footer.css
@@ -0,0 +1,26 @@
+:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.footer {
+    margin: 65px auto 0;
+    color: #4d4d4d;
+    font-size: 11px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    text-align: center;
+}
+
+.footer-text {
+    line-height: 1;
+}
+
+.footer-link {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 400;
+}
+
+.footer-link:hover {
+    text-decoration: underline;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.constructable.js
new file mode 100644
index 000000000..7ff85b07f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.constructable.js
@@ -0,0 +1,86 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    background: #f5f5f5;
+    color: #111;
+    min-width: 300px;
+    max-width: 582px;
+    margin: 0 auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
+
+:focus {
+    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
+    outline: 0 !important;
+}
+
+button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input {
+    position: relative;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    padding: 0;
+    border: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input:placeholder-shown {
+    text-overflow: ellipsis;
+}
+
+
+.visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+}
+
+.truncate-singleline {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block !important;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.css b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.css
new file mode 100644
index 000000000..22ee5e16c
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/global.css
@@ -0,0 +1,88 @@
+/** defaults */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
+    line-height: 1.4em;
+    background: #f5f5f5;
+    color: #111;
+    min-width: 300px;
+    max-width: 582px;
+    margin: 0 auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-weight: 300;
+}
+
+:focus {
+    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
+    outline: 0 !important;
+}
+
+/** resets */
+button {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    background: none;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    appearance: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input {
+    position: relative;
+    margin: 0;
+    font-size: inherit;
+    font-family: inherit;
+    font-weight: inherit;
+    color: inherit;
+    padding: 0;
+    border: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input:placeholder-shown {
+    text-overflow: ellipsis;
+}
+
+/* utility classes */
+
+/* used for things that should be hidden in the ui,
+but useful for people who use screen readers */
+.visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    width: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+}
+
+.truncate-singleline {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block !important;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/header.css b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/header.css
new file mode 100644
index 000000000..56d2a4064
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/header.css
@@ -0,0 +1,21 @@
+:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.header {
+    margin-top: 27px;
+}
+
+.title {
+    width: 100%;
+    font-size: 80px;
+    line-height: 80px;
+    margin: 0;
+    font-weight: 200;
+    text-align: center;
+    color: #b83f45;
+    -webkit-text-rendering: optimizeLegibility;
+    -moz-text-rendering: optimizeLegibility;
+    text-rendering: optimizeLegibility;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/main.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/main.constructable.js
new file mode 100644
index 000000000..66ea0b30c
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/main.constructable.js
@@ -0,0 +1,11 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.main {
+    position: relative;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-item.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-item.constructable.js
new file mode 100644
index 000000000..59dba7f77
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-item.constructable.js
@@ -0,0 +1,147 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+:host(:last-child) > .todo-item {
+    border-bottom: none;
+}
+
+.todo-item {
+    position: relative;
+    font-size: 24px;
+    border-bottom: 1px solid #ededed;
+    height: 60px;
+}
+
+.todo-item.editing {
+    border-bottom: none;
+    padding: 0;
+}
+
+.edit-todo-container {
+    display: none;
+}
+
+.todo-item.editing .edit-todo-container {
+    display: block;
+}
+
+.edit-todo-input {
+    padding: 0 16px 0 60px;
+    width: 100%;
+    height: 60px;
+    font-size: 24px;
+    line-height: 1.4em;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20%20style%3D%22opacity%3A%200.2%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.display-todo {
+    position: relative;
+}
+
+.todo-item.editing .display-todo {
+    display: none;
+}
+
+.toggle-todo-input {
+    text-align: center;
+    width: 40px;
+
+        height: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 3px;
+    margin: auto 0;
+    border: none;     appearance: none;
+    cursor: pointer;
+}
+
+.todo-item-text {
+    overflow-wrap: break-word;
+    padding: 0 60px;
+    display: block;
+    line-height: 60px;
+    transition: color 0.4s;
+    font-weight: 400;
+    color: #484848;
+
+        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.toggle-todo-input:checked + .todo-item-text {
+    color: #949494;
+    text-decoration: line-through;
+    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E");
+}
+
+.remove-todo-button {
+    display: none;
+    position: absolute;
+    top: 0;
+    right: 10px;
+    bottom: 0;
+    width: 40px;
+    height: 40px;
+    margin: auto 0;
+    font-size: 30px;
+    color: #949494;
+    transition: color 0.2s ease-out;
+    cursor: pointer;
+}
+
+.remove-todo-button:hover,
+.remove-todo-button:focus {
+    color: #c18585;
+}
+
+.remove-todo-button::after {
+    content: "×";
+    display: block;
+    height: 100%;
+    line-height: 1.1;
+}
+
+.todo-item:hover .remove-todo-button {
+    display: block;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    .toggle-todo-input {
+        background: none;
+        height: 40px;
+    }
+}
+
+@media (max-width: 430px) {
+    .remove-todo-button {
+        display: block;
+    }
+}
+
+html[dir="rtl"] .toggle-todo-input,
+:host([dir="rtl"]) .toggle-todo-input {
+    right: 3px;
+    left: unset;
+}
+
+html[dir="rtl"] .todo-item-text,
+:host([dir="rtl"]) .todo-item-text {
+    background-position: center right 6px;
+}
+
+html[dir="rtl"] .remove-todo-button,
+:host([dir="rtl"]) .remove-todo-button {
+    left: 10px;
+    right: unset;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-list.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-list.constructable.js
new file mode 100644
index 000000000..3d11133dd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/todo-list.constructable.js
@@ -0,0 +1,15 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.todo-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: block;
+    border-top: 1px solid #e6e6e6;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/topbar.constructable.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/topbar.constructable.js
new file mode 100644
index 000000000..5ecb8a231
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/styles/topbar.constructable.js
@@ -0,0 +1,90 @@
+const sheet = new CSSStyleSheet();
+sheet.replaceSync(`:host {
+    display: block;
+    box-shadow: none !important;
+}
+
+.topbar {
+    position: relative;
+}
+
+.new-todo-input {
+    padding: 0 32px 0 60px;
+    width: 100%;
+    height: 68px;
+    font-size: 24px;
+    line-height: 1.4em;
+    background: rgba(0, 0, 0, 0.003);
+    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
+}
+
+.new-todo-input::placeholder {
+    font-style: italic;
+    font-weight: 400;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+.toggle-all-container {
+    width: 45px;
+    height: 68px;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.toggle-all-input {
+    width: 45px;
+    height: 45px;
+    font-size: 0;
+    position: absolute;
+    top: 11.5px;
+    left: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+}
+
+.toggle-all-label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 45px;
+    height: 68px;
+    font-size: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+}
+
+.toggle-all-label::before {
+    content: "❯";
+    display: inline-block;
+    font-size: 22px;
+    color: #949494;
+    padding: 10px 27px 10px 27px;
+    transform: rotate(90deg);
+}
+
+.toggle-all-input:checked + .toggle-all-label::before {
+    color: #484848;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+    .toggle-all-input {
+        background: none;
+    }
+}
+
+html[dir="rtl"] .new-todo-input,
+:host([dir="rtl"]) .new-todo-input {
+    padding: 0 60px 0 32px;
+}
+
+html[dir="rtl"] .toggle-all-container,
+:host([dir="rtl"]) .toggle-all-container {
+    right: 0;
+    left: unset;
+}
+`);
+export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/utils/nanoid.js
new file mode 100644
index 000000000..5df154f1f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/dist/utils/nanoid.js
@@ -0,0 +1,41 @@
+/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
+
+The MIT License (MIT)
+
+Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
+
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
+let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+
+export function nanoid(size = 21) {
+    let id = "";
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size;
+    while (i--) {
+        // `| 0` is more compact and faster than `Math.floor()`.
+        id += urlAlphabet[(Math.random() * 64) | 0];
+    }
+    return id;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/index.html b/resources/todomvc/vanilla-examples/javascript-web-components-old/index.html
new file mode 100644
index 000000000..6820a9346
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content="A TodoMVC workload app for Speedometer!" />
+        <title>TodoMVC: JavaScript Web Components</title>
+        <link rel="stylesheet" href="node_modules/todomvc-css/dist/global.css" />
+        <link rel="stylesheet" href="node_modules/todomvc-css/dist/header.css" />
+        <link rel="stylesheet" href="node_modules/todomvc-css/dist/footer.css" />
+        <!-- load these first, so that they are registered by the time the app components needs them -->
+        <script type="module" src="src/components/todo-topbar/todo-topbar.component.js"></script>
+        <script type="module" src="src/components/todo-list/todo-list.component.js"></script>
+        <script type="module" src="src/components/todo-bottombar/todo-bottombar.component.js"></script>
+        <script type="module" src="src/components/todo-app/todo-app.component.js"></script>
+    </head>
+
+    <body>
+        <header class="header">
+            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
+        </header>
+        <todo-app></todo-app>
+        <footer class="footer">
+            <p class="footer-text">Click on input field to write your todo.</p>
+            <p class="footer-text">At least one character is needed to be a valid entry.</p>
+            <p class="footer-text">Press 'enter' to add the todo.</p>
+            <p class="footer-text">Double-click to edit a todo</p>
+        </footer>
+    </body>
+</html>
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/package-lock.json b/resources/todomvc/vanilla-examples/javascript-web-components-old/package-lock.json
new file mode 100644
index 000000000..25f5349be
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/package-lock.json
@@ -0,0 +1,756 @@
+{
+    "name": "todomvc-javascript-web-components-old",
+    "version": "1.0.0",
+    "lockfileVersion": 2,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "todomvc-javascript-web-components-old",
+            "version": "1.0.0",
+            "license": "ISC",
+            "dependencies": {
+                "http-server": "^14.1.1",
+                "todomvc-css": "file:../../todomvc-css"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "../../todomvc-css": {
+            "version": "1.0.0",
+            "license": "ISC",
+            "devDependencies": {
+                "@rollup/plugin-babel": "^6.0.3",
+                "@rollup/plugin-commonjs": "^25.0.0",
+                "@rollup/plugin-html": "^1.0.2",
+                "@rollup/plugin-node-resolve": "^15.0.2",
+                "@rollup/plugin-terser": "^0.4.3",
+                "@rollup/pluginutils": "^5.0.2",
+                "fs-extra": "^11.1.1",
+                "globby": "^13.2.0",
+                "http-server": "^14.1.1",
+                "rollup": "^3.23.0",
+                "rollup-plugin-cleaner": "^1.0.0",
+                "rollup-plugin-copy-merge": "^1.0.2",
+                "rollup-plugin-import-css": "^3.2.1",
+                "strip-comments": "^2.0.1",
+                "stylelint": "^15.6.2",
+                "stylelint-config-standard": "^33.0.0"
+            },
+            "engines": {
+                "node": ">=18.13.0",
+                "npm": ">=8.19.3"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "dependencies": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "node_modules/basic-auth": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+            "dependencies": {
+                "safe-buffer": "5.1.2"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "node_modules/corser": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eventemitter3": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "dependencies": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "dependencies": {
+                "function-bind": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+            "bin": {
+                "he": "bin/he"
+            }
+        },
+        "node_modules/html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "dependencies": {
+                "whatwg-encoding": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "dependencies": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/http-server": {
+            "version": "14.1.1",
+            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+            "dependencies": {
+                "basic-auth": "^2.0.1",
+                "chalk": "^4.1.2",
+                "corser": "^2.0.1",
+                "he": "^1.2.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy": "^1.18.1",
+                "mime": "^1.6.0",
+                "minimist": "^1.2.6",
+                "opener": "^1.5.1",
+                "portfinder": "^1.0.28",
+                "secure-compare": "3.0.1",
+                "union": "~0.5.0",
+                "url-join": "^4.0.1"
+            },
+            "bin": {
+                "http-server": "bin/http-server"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "node_modules/mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+            "bin": {
+                "mime": "cli.js"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "dependencies": {
+                "minimist": "^1.2.6"
+            },
+            "bin": {
+                "mkdirp": "bin/cmd.js"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        },
+        "node_modules/object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/opener": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
+            "bin": {
+                "opener": "bin/opener-bin.js"
+            }
+        },
+        "node_modules/portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "dependencies": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            },
+            "engines": {
+                "node": ">= 0.12.0"
+            }
+        },
+        "node_modules/qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "dependencies": {
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+        },
+        "node_modules/safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+        },
+        "node_modules/secure-compare": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw=="
+        },
+        "node_modules/side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/todomvc-css": {
+            "resolved": "../../todomvc-css",
+            "link": true
+        },
+        "node_modules/union": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+            "dependencies": {
+                "qs": "^6.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/url-join": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA=="
+        },
+        "node_modules/whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "dependencies": {
+                "iconv-lite": "0.6.3"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        }
+    },
+    "dependencies": {
+        "ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "requires": {
+                "color-convert": "^2.0.1"
+            }
+        },
+        "async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "requires": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "basic-auth": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+            "requires": {
+                "safe-buffer": "5.1.2"
+            }
+        },
+        "call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "requires": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            }
+        },
+        "chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "requires": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            }
+        },
+        "color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "requires": {
+                "color-name": "~1.1.4"
+            }
+        },
+        "color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "corser": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
+            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ=="
+        },
+        "debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "requires": {
+                "ms": "^2.1.1"
+            }
+        },
+        "eventemitter3": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+        },
+        "follow-redirects": {
+            "version": "1.15.5",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
+            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw=="
+        },
+        "function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+        },
+        "get-intrinsic": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+            "requires": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3"
+            }
+        },
+        "has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "requires": {
+                "function-bind": "^1.1.1"
+            }
+        },
+        "has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg=="
+        },
+        "has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
+        },
+        "he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
+        },
+        "html-encoding-sniffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+            "requires": {
+                "whatwg-encoding": "^2.0.0"
+            }
+        },
+        "http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "requires": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            }
+        },
+        "http-server": {
+            "version": "14.1.1",
+            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
+            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
+            "requires": {
+                "basic-auth": "^2.0.1",
+                "chalk": "^4.1.2",
+                "corser": "^2.0.1",
+                "he": "^1.2.0",
+                "html-encoding-sniffer": "^3.0.0",
+                "http-proxy": "^1.18.1",
+                "mime": "^1.6.0",
+                "minimist": "^1.2.6",
+                "opener": "^1.5.1",
+                "portfinder": "^1.0.28",
+                "secure-compare": "3.0.1",
+                "union": "~0.5.0",
+                "url-join": "^4.0.1"
+            }
+        },
+        "iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "requires": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            }
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "mime": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+        },
+        "minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
+        },
+        "mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "requires": {
+                "minimist": "^1.2.6"
+            }
+        },
+        "ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+        },
+        "object-inspect": {
+            "version": "1.12.3",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g=="
+        },
+        "opener": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
+            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A=="
+        },
+        "portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "requires": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            }
+        },
+        "qs": {
+            "version": "6.11.2",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+            "requires": {
+                "side-channel": "^1.0.4"
+            }
+        },
+        "requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+        },
+        "safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        },
+        "safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+        },
+        "secure-compare": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
+            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw=="
+        },
+        "side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "requires": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            }
+        },
+        "supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "requires": {
+                "has-flag": "^4.0.0"
+            }
+        },
+        "todomvc-css": {
+            "version": "file:../../todomvc-css",
+            "requires": {
+                "@rollup/plugin-babel": "^6.0.3",
+                "@rollup/plugin-commonjs": "^25.0.0",
+                "@rollup/plugin-html": "^1.0.2",
+                "@rollup/plugin-node-resolve": "^15.0.2",
+                "@rollup/plugin-terser": "^0.4.3",
+                "@rollup/pluginutils": "^5.0.2",
+                "fs-extra": "^11.1.1",
+                "globby": "^13.2.0",
+                "http-server": "^14.1.1",
+                "rollup": "^3.23.0",
+                "rollup-plugin-cleaner": "^1.0.0",
+                "rollup-plugin-copy-merge": "^1.0.2",
+                "rollup-plugin-import-css": "^3.2.1",
+                "strip-comments": "^2.0.1",
+                "stylelint": "^15.6.2",
+                "stylelint-config-standard": "^33.0.0"
+            }
+        },
+        "union": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
+            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
+            "requires": {
+                "qs": "^6.4.0"
+            }
+        },
+        "url-join": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
+            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA=="
+        },
+        "whatwg-encoding": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+            "requires": {
+                "iconv-lite": "0.6.3"
+            }
+        }
+    }
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/package.json b/resources/todomvc/vanilla-examples/javascript-web-components-old/package.json
new file mode 100644
index 000000000..b54d66d19
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/package.json
@@ -0,0 +1,22 @@
+{
+    "name": "todomvc-javascript-web-components-old",
+    "version": "1.0.0",
+    "description": "TodoMVC app written with JavaScript using web components.",
+    "engines": {
+        "node": ">=18.13.0",
+        "npm": ">=8.19.3"
+    },
+    "private": true,
+    "scripts": {
+        "dev": "http-server ./ -p 7005 -c-1 --cors -o",
+        "build": "node scripts/build.js",
+        "serve": "http-server ./dist -p 7006 -c-1 --cors -o"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "http-server": "^14.1.1",
+        "todomvc-css": "file:../../todomvc-css"
+    }
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/scripts/build.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/scripts/build.js
new file mode 100644
index 000000000..d5fa77557
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/scripts/build.js
@@ -0,0 +1,94 @@
+const fs = require("fs").promises;
+const getDirName = require("path").dirname;
+
+const rootDirectory = "./";
+const sourceDirectory = "./src";
+const targetDirectory = "./dist";
+
+const htmlFile = "index.html";
+
+const filesToMove = {
+    index: [
+        { src: "node_modules/todomvc-css/dist/global.css", dest: "styles/global.css" },
+        { src: "node_modules/todomvc-css/dist/header.css", dest: "styles/header.css" },
+        { src: "node_modules/todomvc-css/dist/footer.css", dest: "styles/footer.css" },
+    ],
+    app: [
+        { src: "node_modules/todomvc-css/dist/global.constructable.js", dest: "styles/global.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/app.constructable.js", dest: "styles/app.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/topbar.constructable.js", dest: "styles/topbar.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/main.constructable.js", dest: "styles/main.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/bottombar.constructable.js", dest: "styles/bottombar.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/todo-list.constructable.js", dest: "styles/todo-list.constructable.js" },
+        { src: "node_modules/todomvc-css/dist/todo-item.constructable.js", dest: "styles/todo-item.constructable.js" },
+    ],
+};
+
+const importsToRename = {
+    src: "../../../node_modules/todomvc-css/dist/",
+    dest: "../../styles/",
+    files: [
+        "components/todo-app/todo-app.component.js",
+        "components/todo-bottombar/todo-bottombar.component.js",
+        "components/todo-item/todo-item.component.js",
+        "components/todo-list/todo-list.component.js",
+        "components/todo-topbar/todo-topbar.component.js",
+    ],
+};
+
+const copy = async (src, dest) => {
+    await fs.mkdir(getDirName(dest), { recursive: true });
+    await fs.copyFile(src, dest);
+};
+
+const copyFilesToMove = async (files) => {
+    for (let i = 0; i < files.length; i++)
+        await copy(files[i].src, `${targetDirectory}/${files[i].dest}`);
+};
+
+const updateImports = async ({ file, src, dest }) => {
+    let contents = await fs.readFile(`${targetDirectory}/${file}`, "utf8");
+    contents = contents.replaceAll(src, dest);
+    await fs.writeFile(`${targetDirectory}/${file}`, contents);
+};
+
+const build = async () => {
+    // remove dist directory if it exists
+    await fs.rm(targetDirectory, { recursive: true, force: true });
+
+    // re-create the directory.
+    await fs.mkdir(targetDirectory);
+
+    // copy src folder
+    await fs.cp(sourceDirectory, targetDirectory, { recursive: true }, (err) => {
+        if (err)
+            console.error(err);
+    });
+
+    // copy files to Move
+    for (const key in filesToMove)
+        copyFilesToMove(filesToMove[key]);
+
+    // read html file
+    let contents = await fs.readFile(`${rootDirectory}/${htmlFile}`, "utf8");
+
+    // remove base paths from files to move
+    const filesToMoveForIndex = filesToMove.index;
+    for (let i = 0; i < filesToMoveForIndex.length; i++)
+        contents = contents.replace(filesToMoveForIndex[i].src, filesToMoveForIndex[i].dest);
+
+    // remove basePath from source directory
+    const basePath = `${sourceDirectory.split("/")[1]}/`;
+    const re = new RegExp(basePath, "g");
+    contents = contents.replace(re, "");
+
+    // write html files
+    await fs.writeFile(`${targetDirectory}/${htmlFile}`, contents);
+
+    // rename imports in modules
+    importsToRename.files.forEach((file) => updateImports({ file, src: importsToRename.src, dest: importsToRename.dest }));
+
+    console.log("done!!");
+};
+
+build();
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.component.js
new file mode 100644
index 000000000..691980f3e
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.component.js
@@ -0,0 +1,147 @@
+import template from "./todo-app.template.js";
+import { useRouter } from "../../hooks/useRouter.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import appStyles from "../../../node_modules/todomvc-css/dist/app.constructable.js";
+import mainStyles from "../../../node_modules/todomvc-css/dist/main.constructable.js";
+class TodoApp extends HTMLElement {
+    #isReady = false;
+    #data = [];
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.topbar = node.querySelector("todo-topbar");
+        this.list = node.querySelector("todo-list");
+        this.bottombar = node.querySelector("todo-bottombar");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
+        this.shadow.append(node);
+
+        this.addItem = this.addItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItems = this.toggleItems.bind(this);
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+        this.routeChange = this.routeChange.bind(this);
+
+        this.router = useRouter();
+    }
+
+    get isReady() {
+        return this.#isReady;
+    }
+
+    getInstance() {
+        return this;
+    }
+
+    addItem(event) {
+        const { detail: item } = event;
+
+        this.#data.push(item);
+        this.list.addItem(item);
+
+        this.update("add-item", item.id);
+    }
+
+    toggleItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.completed = event.detail.completed;
+        });
+
+        this.update("toggle-item", event.detail.id);
+    }
+
+    removeItem(event) {
+        this.#data.forEach((entry, index) => {
+            if (entry.id === event.detail.id)
+                this.#data.splice(index, 1);
+        });
+
+        this.update("remove-item", event.detail.id);
+    }
+
+    updateItem(event) {
+        this.#data.forEach((entry) => {
+            if (entry.id === event.detail.id)
+                entry.title = event.detail.title;
+        });
+
+        this.update("update-item", event.detail.id);
+    }
+
+    toggleItems(event) {
+        this.list.toggleItems(event.detail.completed);
+    }
+
+    clearCompletedItems() {
+        this.list.removeCompletedItems();
+    }
+
+    update(type = "", id = "") {
+        const totalItems = this.#data.length;
+        const activeItems = this.#data.filter((entry) => !entry.completed).length;
+        const completedItems = totalItems - activeItems;
+
+        this.list.setAttribute("total-items", totalItems);
+        this.list.updateElements(type, id);
+
+        this.topbar.setAttribute("total-items", totalItems);
+        this.topbar.setAttribute("active-items", activeItems);
+        this.topbar.setAttribute("completed-items", completedItems);
+
+        this.bottombar.setAttribute("total-items", totalItems);
+        this.bottombar.setAttribute("active-items", activeItems);
+    }
+
+    addListeners() {
+        this.topbar.addEventListener("toggle-all", this.toggleItems);
+        this.topbar.addEventListener("add-item", this.addItem);
+
+        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.addEventListener("remove-item", this.removeItem);
+        this.list.listNode.addEventListener("update-item", this.updateItem);
+
+        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.topbar.removeEventListener("toggle-all", this.toggleItems);
+        this.topbar.removeEventListener("add-item", this.addItem);
+
+        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
+        this.list.listNode.removeEventListener("remove-item", this.removeItem);
+        this.list.listNode.removeEventListener("update-item", this.updateItem);
+
+        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
+    }
+
+    routeChange(route) {
+        const routeName = route.split("/")[1] || "all";
+        this.list.updateRoute(routeName);
+        this.bottombar.updateRoute(routeName);
+        this.topbar.updateRoute(routeName);
+    }
+
+    connectedCallback() {
+        this.update("connected");
+        this.addListeners();
+        this.router.initRouter(this.routeChange);
+        this.#isReady = true;
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.#isReady = false;
+    }
+}
+
+customElements.define("todo-app", TodoApp);
+
+export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.template.js
new file mode 100644
index 000000000..1a55a8194
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-app/todo-app.template.js
@@ -0,0 +1,14 @@
+const template = document.createElement("template");
+
+template.id = "todo-app-template";
+template.innerHTML = `
+    <section class="app">
+        <todo-topbar></todo-topbar>
+        <main class="main">
+            <todo-list></todo-list>
+        </main>
+        <todo-bottombar></todo-bottombar>
+    </section>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.component.js
new file mode 100644
index 000000000..f5b8896c5
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.component.js
@@ -0,0 +1,80 @@
+import template from "./todo-bottombar.template.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import bottombarStyles from "../../../node_modules/todomvc-css/dist/bottombar.constructable.js";
+
+class TodoBottombar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items"];
+    }
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.element = node.querySelector(".bottombar");
+        this.clearCompletedButton = node.querySelector(".clear-completed-button");
+        this.todoStatus = node.querySelector(".todo-status");
+        this.filterLinks = node.querySelectorAll(".filter-link");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.append(node);
+
+        this.clearCompletedItems = this.clearCompletedItems.bind(this);
+    }
+
+    updateDisplay() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.element.style.display = "block";
+        else
+            this.element.style.display = "none";
+
+        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
+    }
+
+    updateRoute(route) {
+        this.filterLinks.forEach((link) => {
+            if (link.dataset.route === route)
+                link.classList.add("selected");
+            else
+                link.classList.remove("selected");
+        });
+    }
+
+    clearCompletedItems() {
+        this.dispatchEvent(new CustomEvent("clear-completed-items"));
+    }
+
+    addListeners() {
+        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
+    }
+
+    removeListeners() {
+        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.updateDisplay();
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+    }
+}
+
+customElements.define("todo-bottombar", TodoBottombar);
+
+export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.template.js
new file mode 100644
index 000000000..4f34ca92d
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-bottombar/todo-bottombar.template.js
@@ -0,0 +1,22 @@
+const template = document.createElement("template");
+
+template.id = "todo-bottombar-template";
+template.innerHTML = `
+    <footer class="bottombar" style="display:none">
+        <div class="todo-status"><span class="todo-count">0</span> item left</div>
+        <ul class="filter-list">
+            <li class="filter-item">
+                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
+            </li>
+            <li class="filter-item">
+                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
+            </li>
+        </ul>
+        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
+    </footer>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.component.js
new file mode 100644
index 000000000..7a310bf82
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.component.js
@@ -0,0 +1,190 @@
+import template from "./todo-item.template.js";
+import { useDoubleClick } from "../../hooks/useDoubleClick.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import itemStyles from "../../../node_modules/todomvc-css/dist/todo-item.constructable.js";
+
+class TodoItem extends HTMLElement {
+    static get observedAttributes() {
+        return ["itemid", "itemtitle", "itemcompleted"];
+    }
+
+    constructor() {
+        super();
+
+        // Renamed this.id to this.itemid and this.title to this.itemtitle.
+        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
+        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
+        this.itemid = "";
+        this.itemtitle = "Todo Item";
+        this.itemcompleted = "false";
+
+        const node = document.importNode(template.content, true);
+        this.item = node.querySelector(".todo-item");
+        this.toggleLabel = node.querySelector(".toggle-todo-label");
+        this.toggleInput = node.querySelector(".toggle-todo-input");
+        this.todoText = node.querySelector(".todo-item-text");
+        this.todoButton = node.querySelector(".remove-todo-button");
+        this.editLabel = node.querySelector(".edit-todo-label");
+        this.editInput = node.querySelector(".edit-todo-input");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.updateItem = this.updateItem.bind(this);
+        this.toggleItem = this.toggleItem.bind(this);
+        this.removeItem = this.removeItem.bind(this);
+        this.startEdit = this.startEdit.bind(this);
+        this.stopEdit = this.stopEdit.bind(this);
+        this.cancelEdit = this.cancelEdit.bind(this);
+
+        if (window.extraTodoItemCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    update(...args) {
+        args.forEach((argument) => {
+            switch (argument) {
+                case "itemid":
+                    if (this.itemid !== undefined)
+                        this.item.id = `todo-item-${this.itemid}`;
+                    break;
+                case "itemtitle":
+                    if (this.itemtitle !== undefined) {
+                        this.todoText.textContent = this.itemtitle;
+                        this.editInput.value = this.itemtitle;
+                    }
+                    break;
+                case "itemcompleted":
+                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    break;
+            }
+        });
+    }
+
+    startEdit() {
+        this.item.classList.add("editing");
+        this.editInput.value = this.itemtitle;
+        this.editInput.focus();
+    }
+
+    stopEdit() {
+        this.item.classList.remove("editing");
+    }
+
+    cancelEdit() {
+        this.editInput.blur();
+    }
+
+    toggleItem() {
+        // The todo-list checks the "completed" attribute to filter based on route
+        // (therefore the completed state needs to already be updated before the check)
+        this.setAttribute("itemcompleted", this.toggleInput.checked);
+
+        this.dispatchEvent(
+            new CustomEvent("toggle-item", {
+                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                bubbles: true,
+            })
+        );
+    }
+
+    removeItem() {
+        // The todo-list keeps a reference to all elements and updates the list on removal.
+        // (therefore the removal has to happen after the list is updated)
+        this.dispatchEvent(
+            new CustomEvent("remove-item", {
+                detail: { id: this.itemid },
+                bubbles: true,
+            })
+        );
+        this.remove();
+    }
+
+    updateItem(event) {
+        if (event.target.value !== this.itemtitle) {
+            if (!event.target.value.length) {
+                this.removeItem();
+            } else {
+                this.setAttribute("itemtitle", event.target.value);
+                this.dispatchEvent(
+                    new CustomEvent("update-item", {
+                        detail: { id: this.itemid, title: event.target.value },
+                        bubbles: true,
+                    })
+                );
+            }
+        }
+
+        this.cancelEdit();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleItem);
+        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
+        this.editInput.addEventListener("blur", this.stopEdit);
+        this.todoButton.addEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleItem);
+        this.todoText.removeEventListener("click", this.startEdit);
+        this.editInput.removeEventListener("blur", this.stopEdit);
+        this.todoButton.removeEventListener("click", this.removeItem);
+
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.update(property);
+    }
+
+    connectedCallback() {
+        this.update("itemid", "itemtitle", "itemcompleted");
+
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.editInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.updateItem,
+                    ["Escape"]: this.cancelEdit,
+                },
+            }),
+            useKeyListener({
+                target: this.todoText,
+                event: "keyup",
+                callbacks: {
+                    [" "]: this.startEdit, // this feels weird
+                },
+            })
+        );
+
+        this.addListeners();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-item", TodoItem);
+
+export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.template.js
new file mode 100644
index 000000000..9a67675fd
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-item/todo-item.template.js
@@ -0,0 +1,19 @@
+const template = document.createElement("template");
+
+template.id = "todo-item-template";
+template.innerHTML = `
+    <li class="todo-item">
+        <div class="display-todo">
+            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
+            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
+            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
+            <button class="remove-todo-button" title="Remove Todo"></button>
+        </div>
+        <div class="edit-todo-container">
+            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
+            <input id="edit-todo" class="edit-todo-input" />
+        </div>
+    </li>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.component.js
new file mode 100644
index 000000000..766f4124b
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.component.js
@@ -0,0 +1,129 @@
+import template from "./todo-list.template.js";
+import TodoItem from "../todo-item/todo-item.component.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
+
+class TodoList extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items"];
+    }
+
+    #elements = [];
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.listNode = node.querySelector(".todo-list");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.append(node);
+        this.classList.add("show-priority");
+
+        if (window.extraTodoListCssToAdopt) {
+            let extraAdoptedStyleSheet = new CSSStyleSheet();
+            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
+            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
+        }
+    }
+
+    addItem(entry) {
+        const { id, title, completed } = entry;
+        const element = new TodoItem();
+
+        element.setAttribute("itemid", id);
+        element.setAttribute("itemtitle", title);
+        element.setAttribute("itemcompleted", completed);
+
+        const elementIndex = this.#elements.length;
+        this.#elements.push(element);
+        this.listNode.append(element);
+        element.setAttribute("data-priority", 4 - (elementIndex % 5));
+    }
+
+    addItems(items) {
+        items.forEach((entry) => this.addItem(entry));
+    }
+
+    removeCompletedItems() {
+        this.#elements = this.#elements.filter((element) => {
+            if (element.itemcompleted === "true")
+                element.removeItem();
+
+            return element.itemcompleted === "false";
+        });
+    }
+
+    toggleItems(completed) {
+        this.#elements.forEach((element) => {
+            if (completed && element.itemcompleted === "false")
+                element.toggleInput.click();
+            else if (!completed && element.itemcompleted === "true")
+                element.toggleInput.click();
+        });
+    }
+
+    updateStyles() {
+        if (parseInt(this["total-items"]) !== 0)
+            this.listNode.style.display = "block";
+        else
+            this.listNode.style.display = "none";
+    }
+
+    updateView(element) {
+        switch (this.#route) {
+            case "completed":
+                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                break;
+            case "active":
+                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                break;
+            default:
+                element.style.display = "block";
+        }
+    }
+
+    updateElements(type = "", id = "") {
+        switch (type) {
+            case "route-change":
+                this.#elements.forEach((element) => this.updateView(element));
+                break;
+            case "toggle-item":
+            case "add-item":
+                this.#elements.forEach((element) => {
+                    if (element.itemid === id)
+                        this.updateView(element);
+                });
+                break;
+            case "remove-item":
+                this.#elements = this.#elements.filter((element) => element.itemid !== id);
+                break;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateElements("route-change");
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+        if (this.isConnected)
+            this.updateStyles();
+    }
+
+    connectedCallback() {
+        this.updateStyles();
+    }
+}
+
+customElements.define("todo-list", TodoList);
+
+export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.template.js
new file mode 100644
index 000000000..dac383b95
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-list/todo-list.template.js
@@ -0,0 +1,8 @@
+const template = document.createElement("template");
+
+template.id = "todo-list-template";
+template.innerHTML = `
+    <ul class="todo-list" style="display:none"></ul>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.component.js
new file mode 100644
index 000000000..973fb0614
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.component.js
@@ -0,0 +1,131 @@
+import template from "./todo-topbar.template.js";
+import { useKeyListener } from "../../hooks/useKeyListener.js";
+import { nanoid } from "../../utils/nanoid.js";
+
+import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
+import topbarStyles from "../../../node_modules/todomvc-css/dist/topbar.constructable.js";
+
+class TodoTopbar extends HTMLElement {
+    static get observedAttributes() {
+        return ["total-items", "active-items", "completed-items"];
+    }
+
+    #route = undefined;
+
+    constructor() {
+        super();
+
+        const node = document.importNode(template.content, true);
+        this.todoInput = node.querySelector("#new-todo");
+        this.toggleInput = node.querySelector("#toggle-all");
+        this.toggleContainer = node.querySelector(".toggle-all-container");
+
+        this.shadow = this.attachShadow({ mode: "open" });
+        this.htmlDirection = document.dir || "ltr";
+        this.setAttribute("dir", this.htmlDirection);
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.append(node);
+
+        this.keysListeners = [];
+
+        this.toggleAll = this.toggleAll.bind(this);
+        this.addItem = this.addItem.bind(this);
+    }
+
+    toggleAll(event) {
+        this.dispatchEvent(
+            new CustomEvent("toggle-all", {
+                detail: { completed: event.target.checked },
+            })
+        );
+    }
+
+    addItem(event) {
+        if (!event.target.value.length)
+            return;
+
+        this.dispatchEvent(
+            new CustomEvent("add-item", {
+                detail: {
+                    id: nanoid(),
+                    title: event.target.value,
+                    completed: false,
+                },
+            })
+        );
+
+        event.target.value = "";
+    }
+
+    updateDisplay() {
+        if (!parseInt(this["total-items"])) {
+            this.toggleContainer.style.display = "none";
+            return;
+        }
+
+        this.toggleContainer.style.display = "block";
+
+        switch (this.#route) {
+            case "active":
+                this.toggleInput.checked = false;
+                this.toggleInput.disabled = !parseInt(this["active-items"]);
+                break;
+            case "completed":
+                this.toggleInput.checked = parseInt(this["completed-items"]);
+                this.toggleInput.disabled = !parseInt(this["completed-items"]);
+                break;
+            default:
+                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.disabled = false;
+        }
+    }
+
+    updateRoute(route) {
+        this.#route = route;
+        this.updateDisplay();
+    }
+
+    addListeners() {
+        this.toggleInput.addEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.connect());
+    }
+
+    removeListeners() {
+        this.toggleInput.removeEventListener("change", this.toggleAll);
+        this.keysListeners.forEach((listener) => listener.disconnect());
+    }
+
+    attributeChangedCallback(property, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        this[property] = newValue;
+
+        if (this.isConnected)
+            this.updateDisplay();
+    }
+
+    connectedCallback() {
+        this.keysListeners.push(
+            useKeyListener({
+                target: this.todoInput,
+                event: "keyup",
+                callbacks: {
+                    ["Enter"]: this.addItem,
+                },
+            })
+        );
+
+        this.updateDisplay();
+        this.addListeners();
+        this.todoInput.focus();
+    }
+
+    disconnectedCallback() {
+        this.removeListeners();
+        this.keysListeners = [];
+    }
+}
+
+customElements.define("todo-topbar", TodoTopbar);
+
+export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.template.js
new file mode 100644
index 000000000..ce323b683
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/components/todo-topbar/todo-topbar.template.js
@@ -0,0 +1,17 @@
+const template = document.createElement("template");
+
+template.id = "todo-topbar-template";
+template.innerHTML = `
+    <header class="topbar">
+        <div class="new-todo-display">
+            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
+            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
+        </div>
+        <div class="toggle-all-container" style="display:none">
+            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
+            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
+        </div>
+    </header>
+`;
+
+export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useDoubleClick.js
new file mode 100644
index 000000000..a1fe952fe
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useDoubleClick.js
@@ -0,0 +1,19 @@
+/**
+ * A simple function to normalize a double-click and a double-tab action.
+ * There is currently no comparable tab action to dblclick.
+ *
+ * @param {Function} fn
+ * @param {number} delay
+ * @returns
+ */
+export function useDoubleClick(fn, delay) {
+    let last = 0;
+    return function (...args) {
+        const now = new Date().getTime();
+        const difference = now - last;
+        if (difference < delay && difference > 0)
+            fn.apply(this, args);
+
+        last = now;
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useKeyListener.js
new file mode 100644
index 000000000..453747d54
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useKeyListener.js
@@ -0,0 +1,23 @@
+export function useKeyListener(props) {
+    const { target, event, callbacks } = props;
+
+    function handleEvent(event) {
+        Object.keys(callbacks).forEach((key) => {
+            if (event.key === key)
+                callbacks[key](event);
+        });
+    }
+
+    function connect() {
+        target.addEventListener(event, handleEvent);
+    }
+
+    function disconnect() {
+        target.removeEventListener(event, handleEvent);
+    }
+
+    return {
+        connect,
+        disconnect,
+    };
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useRouter.js
new file mode 100644
index 000000000..ab1ab618a
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/hooks/useRouter.js
@@ -0,0 +1,43 @@
+/**
+ * Listens for hash change of the url and calls onChange if available.
+ *
+ * @param {Function} callback
+ * @returns Methods to interact with useRouter.
+ */
+export const useRouter = (callback) => {
+    let onChange = callback;
+    let current = "";
+
+    /**
+     * Change event handler.
+     */
+    const handleChange = () => {
+        current = document.location.hash;
+        /* istanbul ignore else */
+        if (onChange)
+            onChange(document.location.hash);
+    };
+
+    /**
+     * Initializes router and adds listeners.
+     *
+     * @param {Function} callback
+     */
+    const initRouter = (callback) => {
+        onChange = callback;
+        window.addEventListener("hashchange", handleChange);
+        window.addEventListener("load", handleChange);
+    };
+
+    /**
+     * Removes listeners
+     */
+    const disableRouter = () => {
+        window.removeEventListener("hashchange", handleChange);
+        window.removeEventListener("load", handleChange);
+    };
+
+    const getRoute = () => current.split("/").slice(-1)[0];
+
+    return { initRouter, getRoute, disableRouter };
+};
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-old/src/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/utils/nanoid.js
new file mode 100644
index 000000000..5df154f1f
--- /dev/null
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-old/src/utils/nanoid.js
@@ -0,0 +1,41 @@
+/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
+
+The MIT License (MIT)
+
+Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
+
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
+let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+
+export function nanoid(size = 21) {
+    let id = "";
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size;
+    while (i--) {
+        // `| 0` is more compact and faster than `Math.floor()`.
+        id += urlAlphabet[(Math.random() * 64) | 0];
+    }
+    return id;
+}
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js
index 877d0c29d..54a666010 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js
@@ -6,7 +6,8 @@ import appStyles from "../../styles/app.constructable.js";
 import mainStyles from "../../styles/main.constructable.js";
 class TodoApp extends HTMLElement {
     #isReady = false;
-    #data = [];
+    #numberOfItems = 0;
+    #numberOfCompletedItems = 0;
     constructor() {
         super();
 
@@ -42,37 +43,28 @@ class TodoApp extends HTMLElement {
 
     addItem(event) {
         const { detail: item } = event;
-
-        this.#data.push(item);
-        this.list.addItem(item);
-
+        this.list.addItem(item, this.#numberOfItems++);
         this.update("add-item", item.id);
     }
 
     toggleItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.completed = event.detail.completed;
-        });
-
+        if (event.detail.completed === "true") {
+            this.#numberOfCompletedItems++;
+        } else {
+            this.#numberOfCompletedItems--;
+        }
         this.update("toggle-item", event.detail.id);
     }
 
     removeItem(event) {
-        this.#data.forEach((entry, index) => {
-            if (entry.id === event.detail.id)
-                this.#data.splice(index, 1);
-        });
-
+        if (event.datail.completed === "true") {
+            this.#numberOfCompletedItems--;
+        }
+        this.#numberOfItems--;
         this.update("remove-item", event.detail.id);
     }
 
     updateItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.title = event.detail.title;
-        });
-
         this.update("update-item", event.detail.id);
     }
 
@@ -84,13 +76,12 @@ class TodoApp extends HTMLElement {
         this.list.removeCompletedItems();
     }
 
-    update(type = "", id = "") {
-        const totalItems = this.#data.length;
-        const activeItems = this.#data.filter((entry) => !entry.completed).length;
-        const completedItems = totalItems - activeItems;
+    update() {
+        const totalItems = this.#numberOfItems;
+        const completedItems = this.#numberOfCompletedItems;
+        const activeItems = totalItems - completedItems;
 
         this.list.setAttribute("total-items", totalItems);
-        this.list.updateElements(type, id);
 
         this.topbar.setAttribute("total-items", totalItems);
         this.topbar.setAttribute("active-items", activeItems);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js
index a082628a8..2b73ef7e2 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js
@@ -92,7 +92,7 @@ class TodoItem extends HTMLElement {
 
         this.dispatchEvent(
             new CustomEvent("toggle-item", {
-                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                detail: { completed: this.toggleInput.checked },
                 bubbles: true,
             })
         );
@@ -103,7 +103,7 @@ class TodoItem extends HTMLElement {
         // (therefore the removal has to happen after the list is updated)
         this.dispatchEvent(
             new CustomEvent("remove-item", {
-                detail: { id: this.itemid },
+                detail: { completed: this.togglegetAtInput.checked},
                 bubbles: true,
             })
         );
@@ -116,12 +116,6 @@ class TodoItem extends HTMLElement {
                 this.removeItem();
             } else {
                 this.setAttribute("itemtitle", event.target.value);
-                this.dispatchEvent(
-                    new CustomEvent("update-item", {
-                        detail: { id: this.itemid, title: event.target.value },
-                        bubbles: true,
-                    })
-                );
             }
         }
 
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js
index 8e90e291f..bc6d1339d 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js
@@ -4,12 +4,29 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../styles/global.constructable.js";
 import listStyles from "../../styles/todo-list.constructable.js";
 
+
+const customListStyles = new CSSStyleSheet();
+customListStyles.replaceSync(`
+    .todo-list > todo-item {
+        display: block;
+    }
+
+    .todo-list[route="completed"] > [itemcompleted="false"] {
+        display: none;
+    }
+
+    .todo-list[route="active"] > [itemcompleted="true"] {
+        display: none;
+    }
+`);
+
+console.log(customListStyles);
+
 class TodoList extends HTMLElement {
     static get observedAttributes() {
         return ["total-items"];
     }
 
-    #elements = [];
     #route = undefined;
 
     constructor() {
@@ -21,7 +38,7 @@ class TodoList extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles, customListStyles];
         this.shadow.append(node);
         this.classList.add("show-priority");
 
@@ -32,18 +49,16 @@ class TodoList extends HTMLElement {
         }
     }
 
-    addItem(entry) {
+    addItem(entry, itemIndex) {
         const { id, title, completed } = entry;
         const element = new TodoItem();
 
         element.setAttribute("itemid", id);
         element.setAttribute("itemtitle", title);
         element.setAttribute("itemcompleted", completed);
+        element.setAttribute("data-priority", 4 - (itemIndex % 5));
 
-        const elementIndex = this.#elements.length;
-        this.#elements.push(element);
         this.listNode.append(element);
-        element.setAttribute("data-priority", 4 - (elementIndex % 5));
     }
 
     addItems(items) {
@@ -51,16 +66,14 @@ class TodoList extends HTMLElement {
     }
 
     removeCompletedItems() {
-        this.#elements = this.#elements.filter((element) => {
+        Array.from(this.listNode.children).forEach((element) => {
             if (element.itemcompleted === "true")
                 element.removeItem();
-
-            return element.itemcompleted === "false";
         });
     }
 
     toggleItems(completed) {
-        this.#elements.forEach((element) => {
+        Array.from(this.listNode.children).forEach((element) => {
             if (completed && element.itemcompleted === "false")
                 element.toggleInput.click();
             else if (!completed && element.itemcompleted === "true")
@@ -75,42 +88,20 @@ class TodoList extends HTMLElement {
             this.listNode.style.display = "none";
     }
 
-    updateView(element) {
-        switch (this.#route) {
+    updateRoute(route) {
+        this.#route = route;
+        switch (route) {
             case "completed":
-                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                this.listNode.setAttribute("route", "completed");
                 break;
             case "active":
-                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                this.listNode.setAttribute("rout", "active");
                 break;
             default:
-                element.style.display = "block";
+                this.listNode.setAttribute("route", "all");
         }
     }
 
-    updateElements(type = "", id = "") {
-        switch (type) {
-            case "route-change":
-                this.#elements.forEach((element) => this.updateView(element));
-                break;
-            case "toggle-item":
-            case "add-item":
-                this.#elements.forEach((element) => {
-                    if (element.itemid === id)
-                        this.updateView(element);
-                });
-                break;
-            case "remove-item":
-                this.#elements = this.#elements.filter((element) => element.itemid !== id);
-                break;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateElements("route-change");
-    }
-
     attributeChangedCallback(property, oldValue, newValue) {
         if (oldValue === newValue)
             return;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
index 691980f3e..7ce108fe9 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
@@ -6,7 +6,8 @@ import appStyles from "../../../node_modules/todomvc-css/dist/app.constructable.
 import mainStyles from "../../../node_modules/todomvc-css/dist/main.constructable.js";
 class TodoApp extends HTMLElement {
     #isReady = false;
-    #data = [];
+    #numberOfItems = 0;
+    #numberOfCompletedItems = 0;
     constructor() {
         super();
 
@@ -42,37 +43,28 @@ class TodoApp extends HTMLElement {
 
     addItem(event) {
         const { detail: item } = event;
-
-        this.#data.push(item);
-        this.list.addItem(item);
-
+        this.list.addItem(item, this.#numberOfItems++);
         this.update("add-item", item.id);
     }
 
     toggleItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.completed = event.detail.completed;
-        });
-
+        if (event.detail.completed === "true") {
+            this.#numberOfCompletedItems++;
+        } else {
+            this.#numberOfCompletedItems--;
+        }
         this.update("toggle-item", event.detail.id);
     }
 
     removeItem(event) {
-        this.#data.forEach((entry, index) => {
-            if (entry.id === event.detail.id)
-                this.#data.splice(index, 1);
-        });
-
+        if (event.datail.completed === "true") {
+            this.#numberOfCompletedItems--;
+        }
+        this.#numberOfItems--;
         this.update("remove-item", event.detail.id);
     }
 
     updateItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.title = event.detail.title;
-        });
-
         this.update("update-item", event.detail.id);
     }
 
@@ -84,13 +76,12 @@ class TodoApp extends HTMLElement {
         this.list.removeCompletedItems();
     }
 
-    update(type = "", id = "") {
-        const totalItems = this.#data.length;
-        const activeItems = this.#data.filter((entry) => !entry.completed).length;
-        const completedItems = totalItems - activeItems;
+    update() {
+        const totalItems = this.#numberOfItems;
+        const completedItems = this.#numberOfCompletedItems;
+        const activeItems = totalItems - completedItems;
 
         this.list.setAttribute("total-items", totalItems);
-        this.list.updateElements(type, id);
 
         this.topbar.setAttribute("total-items", totalItems);
         this.topbar.setAttribute("active-items", activeItems);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
index 7a310bf82..d8bb5e61c 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
@@ -92,7 +92,7 @@ class TodoItem extends HTMLElement {
 
         this.dispatchEvent(
             new CustomEvent("toggle-item", {
-                detail: { id: this.itemid, completed: this.toggleInput.checked },
+                detail: { completed: this.toggleInput.checked },
                 bubbles: true,
             })
         );
@@ -103,7 +103,7 @@ class TodoItem extends HTMLElement {
         // (therefore the removal has to happen after the list is updated)
         this.dispatchEvent(
             new CustomEvent("remove-item", {
-                detail: { id: this.itemid },
+                detail: { completed: this.togglegetAtInput.checked},
                 bubbles: true,
             })
         );
@@ -116,12 +116,6 @@ class TodoItem extends HTMLElement {
                 this.removeItem();
             } else {
                 this.setAttribute("itemtitle", event.target.value);
-                this.dispatchEvent(
-                    new CustomEvent("update-item", {
-                        detail: { id: this.itemid, title: event.target.value },
-                        bubbles: true,
-                    })
-                );
             }
         }
 
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
index 766f4124b..970c42070 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
@@ -4,12 +4,29 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
 import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
 
+
+const customListStyles = new CSSStyleSheet();
+customListStyles.replaceSync(`
+    .todo-list > todo-item {
+        display: block;
+    }
+
+    .todo-list[route="completed"] > [itemcompleted="false"] {
+        display: none;
+    }
+
+    .todo-list[route="active"] > [itemcompleted="true"] {
+        display: none;
+    }
+`);
+
+console.log(customListStyles);
+
 class TodoList extends HTMLElement {
     static get observedAttributes() {
         return ["total-items"];
     }
 
-    #elements = [];
     #route = undefined;
 
     constructor() {
@@ -21,7 +38,7 @@ class TodoList extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, listStyles, customListStyles];
         this.shadow.append(node);
         this.classList.add("show-priority");
 
@@ -32,18 +49,16 @@ class TodoList extends HTMLElement {
         }
     }
 
-    addItem(entry) {
+    addItem(entry, itemIndex) {
         const { id, title, completed } = entry;
         const element = new TodoItem();
 
         element.setAttribute("itemid", id);
         element.setAttribute("itemtitle", title);
         element.setAttribute("itemcompleted", completed);
+        element.setAttribute("data-priority", 4 - (itemIndex % 5));
 
-        const elementIndex = this.#elements.length;
-        this.#elements.push(element);
         this.listNode.append(element);
-        element.setAttribute("data-priority", 4 - (elementIndex % 5));
     }
 
     addItems(items) {
@@ -51,16 +66,14 @@ class TodoList extends HTMLElement {
     }
 
     removeCompletedItems() {
-        this.#elements = this.#elements.filter((element) => {
+        Array.from(this.listNode.children).forEach((element) => {
             if (element.itemcompleted === "true")
                 element.removeItem();
-
-            return element.itemcompleted === "false";
         });
     }
 
     toggleItems(completed) {
-        this.#elements.forEach((element) => {
+        Array.from(this.listNode.children).forEach((element) => {
             if (completed && element.itemcompleted === "false")
                 element.toggleInput.click();
             else if (!completed && element.itemcompleted === "true")
@@ -75,42 +88,20 @@ class TodoList extends HTMLElement {
             this.listNode.style.display = "none";
     }
 
-    updateView(element) {
-        switch (this.#route) {
+    updateRoute(route) {
+        this.#route = route;
+        switch (route) {
             case "completed":
-                element.style.display = element.itemcompleted === "true" ? "block" : "none";
+                this.listNode.setAttribute("route", "completed");
                 break;
             case "active":
-                element.style.display = element.itemcompleted === "true" ? "none" : "block";
+                this.listNode.setAttribute("rout", "active");
                 break;
             default:
-                element.style.display = "block";
+                this.listNode.setAttribute("route", "all");
         }
     }
 
-    updateElements(type = "", id = "") {
-        switch (type) {
-            case "route-change":
-                this.#elements.forEach((element) => this.updateView(element));
-                break;
-            case "toggle-item":
-            case "add-item":
-                this.#elements.forEach((element) => {
-                    if (element.itemid === id)
-                        this.updateView(element);
-                });
-                break;
-            case "remove-item":
-                this.#elements = this.#elements.filter((element) => element.itemid !== id);
-                break;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateElements("route-change");
-    }
-
     attributeChangedCallback(property, oldValue, newValue) {
         if (oldValue === newValue)
             return;

From 6959039a48c4fe512cd9818bb799054a1cd9911e Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Thu, 19 Jun 2025 23:15:18 +0000
Subject: [PATCH 06/12] Removed indexeddb code

---
 .../javascript-wc-indexeddb/.gitignore        |   2 -
 .../javascript-wc-indexeddb/README.md         |  37 -
 .../components/todo-app/todo-app.component.js | 147 ----
 .../components/todo-app/todo-app.template.js  |  14 -
 .../todo-bottombar.component.js               |  80 --
 .../todo-bottombar/todo-bottombar.template.js |  22 -
 .../todo-item/todo-item.component.js          | 190 -----
 .../todo-item/todo-item.template.js           |  19 -
 .../todo-list/todo-list.component.js          | 616 --------------
 .../todo-list/todo-list.template.js           |   8 -
 .../todo-topbar/todo-topbar.component.js      | 131 ---
 .../todo-topbar/todo-topbar.template.js       |  17 -
 .../dist/hooks/useDoubleClick.js              |  19 -
 .../dist/hooks/useKeyListener.js              |  23 -
 .../dist/hooks/useRouter.js                   |  43 -
 .../javascript-wc-indexeddb/dist/index.html   |  30 -
 .../dist/styles/app.constructable.js          |  15 -
 .../dist/styles/bottombar.constructable.js    | 158 ----
 .../dist/styles/footer.css                    |  26 -
 .../dist/styles/global.constructable.js       |  86 --
 .../dist/styles/global.css                    |  88 --
 .../dist/styles/header.css                    |  21 -
 .../dist/styles/main.constructable.js         |  11 -
 .../dist/styles/todo-item.constructable.js    | 147 ----
 .../dist/styles/todo-list.constructable.js    |  15 -
 .../dist/styles/topbar.constructable.js       |  90 ---
 .../dist/utils/nanoid.js                      |  41 -
 .../javascript-wc-indexeddb/index.html        |  30 -
 .../javascript-wc-indexeddb/package-lock.json | 756 ------------------
 .../javascript-wc-indexeddb/package.json      |  22 -
 .../javascript-wc-indexeddb/scripts/build.js  |  94 ---
 .../components/todo-app/todo-app.component.js | 155 ----
 .../components/todo-app/todo-app.template.js  |  14 -
 .../todo-bottombar.component.js               | 227 ------
 .../todo-bottombar/todo-bottombar.template.js |  23 -
 .../todo-item/todo-item.component.js          | 190 -----
 .../todo-item/todo-item.template.js           |  19 -
 .../todo-list/todo-list.component.js          | 597 --------------
 .../todo-list/todo-list.template.js           |   8 -
 .../todo-topbar/todo-topbar.component.js      | 131 ---
 .../todo-topbar/todo-topbar.template.js       |  17 -
 .../src/hooks/useDoubleClick.js               |  19 -
 .../src/hooks/useKeyListener.js               |  23 -
 .../src/hooks/useRouter.js                    |  43 -
 .../src/utils/nanoid.js                       |  41 -
 45 files changed, 4505 deletions(-)
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js
 delete mode 100644 resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js

diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore
deleted file mode 100644
index 03e05e4c0..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-.DS_Store
-/node_modules
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md
deleted file mode 100644
index 11351f614..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/README.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Speedometer 3.0: TodoMVC: Web Components
-
-## Description
-
-A todoMVC application implemented with native web components.
-It utilizes custom elements and html templates to build reusable components.
-
-In contrast to other workloads, this application uses an updated set of css rules and an optimized dom structure to ensure the application follows best practices in regards to accessibility.
-
-## Built steps
-
-A simple build script copies all necessary files to a `dist` folder.
-It does not rely on compilers or transpilers and serves raw html, css and js files to the user.
-
-```
-npm run build
-```
-
-## Requirements
-
-The only requirement is an installation of Node, to be able to install dependencies and run scripts to serve a local server.
-
-```
-* Node (min version: 18.13.0)
-* NPM (min version: 8.19.3)
-```
-
-## Local preview
-
-```
-terminal:
-1. npm install
-2. npm run dev
-
-browser:
-1. http://localhost:7005/
-```
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js
deleted file mode 100644
index 877d0c29d..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.component.js
+++ /dev/null
@@ -1,147 +0,0 @@
-import template from "./todo-app.template.js";
-import { useRouter } from "../../hooks/useRouter.js";
-
-import globalStyles from "../../styles/global.constructable.js";
-import appStyles from "../../styles/app.constructable.js";
-import mainStyles from "../../styles/main.constructable.js";
-class TodoApp extends HTMLElement {
-    #isReady = false;
-    #data = [];
-    constructor() {
-        super();
-
-        const node = document.importNode(template.content, true);
-        this.topbar = node.querySelector("todo-topbar");
-        this.list = node.querySelector("todo-list");
-        this.bottombar = node.querySelector("todo-bottombar");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
-        this.shadow.append(node);
-
-        this.addItem = this.addItem.bind(this);
-        this.toggleItem = this.toggleItem.bind(this);
-        this.removeItem = this.removeItem.bind(this);
-        this.updateItem = this.updateItem.bind(this);
-        this.toggleItems = this.toggleItems.bind(this);
-        this.clearCompletedItems = this.clearCompletedItems.bind(this);
-        this.routeChange = this.routeChange.bind(this);
-
-        this.router = useRouter();
-    }
-
-    get isReady() {
-        return this.#isReady;
-    }
-
-    getInstance() {
-        return this;
-    }
-
-    addItem(event) {
-        const { detail: item } = event;
-
-        this.#data.push(item);
-        this.list.addItem(item);
-
-        this.update("add-item", item.id);
-    }
-
-    toggleItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.completed = event.detail.completed;
-        });
-
-        this.update("toggle-item", event.detail.id);
-    }
-
-    removeItem(event) {
-        this.#data.forEach((entry, index) => {
-            if (entry.id === event.detail.id)
-                this.#data.splice(index, 1);
-        });
-
-        this.update("remove-item", event.detail.id);
-    }
-
-    updateItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.title = event.detail.title;
-        });
-
-        this.update("update-item", event.detail.id);
-    }
-
-    toggleItems(event) {
-        this.list.toggleItems(event.detail.completed);
-    }
-
-    clearCompletedItems() {
-        this.list.removeCompletedItems();
-    }
-
-    update(type = "", id = "") {
-        const totalItems = this.#data.length;
-        const activeItems = this.#data.filter((entry) => !entry.completed).length;
-        const completedItems = totalItems - activeItems;
-
-        this.list.setAttribute("total-items", totalItems);
-        this.list.updateElements(type, id);
-
-        this.topbar.setAttribute("total-items", totalItems);
-        this.topbar.setAttribute("active-items", activeItems);
-        this.topbar.setAttribute("completed-items", completedItems);
-
-        this.bottombar.setAttribute("total-items", totalItems);
-        this.bottombar.setAttribute("active-items", activeItems);
-    }
-
-    addListeners() {
-        this.topbar.addEventListener("toggle-all", this.toggleItems);
-        this.topbar.addEventListener("add-item", this.addItem);
-
-        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
-        this.list.listNode.addEventListener("remove-item", this.removeItem);
-        this.list.listNode.addEventListener("update-item", this.updateItem);
-
-        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
-    }
-
-    removeListeners() {
-        this.topbar.removeEventListener("toggle-all", this.toggleItems);
-        this.topbar.removeEventListener("add-item", this.addItem);
-
-        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
-        this.list.listNode.removeEventListener("remove-item", this.removeItem);
-        this.list.listNode.removeEventListener("update-item", this.updateItem);
-
-        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
-    }
-
-    routeChange(route) {
-        const routeName = route.split("/")[1] || "all";
-        this.list.updateRoute(routeName);
-        this.bottombar.updateRoute(routeName);
-        this.topbar.updateRoute(routeName);
-    }
-
-    connectedCallback() {
-        this.update("connected");
-        this.addListeners();
-        this.router.initRouter(this.routeChange);
-        this.#isReady = true;
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-        this.#isReady = false;
-    }
-}
-
-customElements.define("todo-app", TodoApp);
-
-export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js
deleted file mode 100644
index 1a55a8194..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-app/todo-app.template.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-app-template";
-template.innerHTML = `
-    <section class="app">
-        <todo-topbar></todo-topbar>
-        <main class="main">
-            <todo-list></todo-list>
-        </main>
-        <todo-bottombar></todo-bottombar>
-    </section>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js
deleted file mode 100644
index cc0203c48..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.component.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import template from "./todo-bottombar.template.js";
-
-import globalStyles from "../../styles/global.constructable.js";
-import bottombarStyles from "../../styles/bottombar.constructable.js";
-
-class TodoBottombar extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items", "active-items"];
-    }
-
-    constructor() {
-        super();
-
-        const node = document.importNode(template.content, true);
-        this.element = node.querySelector(".bottombar");
-        this.clearCompletedButton = node.querySelector(".clear-completed-button");
-        this.todoStatus = node.querySelector(".todo-status");
-        this.filterLinks = node.querySelectorAll(".filter-link");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
-        this.shadow.append(node);
-
-        this.clearCompletedItems = this.clearCompletedItems.bind(this);
-    }
-
-    updateDisplay() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.element.style.display = "block";
-        else
-            this.element.style.display = "none";
-
-        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
-    }
-
-    updateRoute(route) {
-        this.filterLinks.forEach((link) => {
-            if (link.dataset.route === route)
-                link.classList.add("selected");
-            else
-                link.classList.remove("selected");
-        });
-    }
-
-    clearCompletedItems() {
-        this.dispatchEvent(new CustomEvent("clear-completed-items"));
-    }
-
-    addListeners() {
-        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
-    }
-
-    removeListeners() {
-        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-
-        if (this.isConnected)
-            this.updateDisplay();
-    }
-
-    connectedCallback() {
-        this.updateDisplay();
-        this.addListeners();
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-    }
-}
-
-customElements.define("todo-bottombar", TodoBottombar);
-
-export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js
deleted file mode 100644
index 4f34ca92d..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-bottombar/todo-bottombar.template.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-bottombar-template";
-template.innerHTML = `
-    <footer class="bottombar" style="display:none">
-        <div class="todo-status"><span class="todo-count">0</span> item left</div>
-        <ul class="filter-list">
-            <li class="filter-item">
-                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
-            </li>
-            <li class="filter-item">
-                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
-            </li>
-            <li class="filter-item">
-                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
-            </li>
-        </ul>
-        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
-    </footer>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js
deleted file mode 100644
index a082628a8..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.component.js
+++ /dev/null
@@ -1,190 +0,0 @@
-import template from "./todo-item.template.js";
-import { useDoubleClick } from "../../hooks/useDoubleClick.js";
-import { useKeyListener } from "../../hooks/useKeyListener.js";
-
-import globalStyles from "../../styles/global.constructable.js";
-import itemStyles from "../../styles/todo-item.constructable.js";
-
-class TodoItem extends HTMLElement {
-    static get observedAttributes() {
-        return ["itemid", "itemtitle", "itemcompleted"];
-    }
-
-    constructor() {
-        super();
-
-        // Renamed this.id to this.itemid and this.title to this.itemtitle.
-        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
-        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
-        this.itemid = "";
-        this.itemtitle = "Todo Item";
-        this.itemcompleted = "false";
-
-        const node = document.importNode(template.content, true);
-        this.item = node.querySelector(".todo-item");
-        this.toggleLabel = node.querySelector(".toggle-todo-label");
-        this.toggleInput = node.querySelector(".toggle-todo-input");
-        this.todoText = node.querySelector(".todo-item-text");
-        this.todoButton = node.querySelector(".remove-todo-button");
-        this.editLabel = node.querySelector(".edit-todo-label");
-        this.editInput = node.querySelector(".edit-todo-input");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
-        this.shadow.append(node);
-
-        this.keysListeners = [];
-
-        this.updateItem = this.updateItem.bind(this);
-        this.toggleItem = this.toggleItem.bind(this);
-        this.removeItem = this.removeItem.bind(this);
-        this.startEdit = this.startEdit.bind(this);
-        this.stopEdit = this.stopEdit.bind(this);
-        this.cancelEdit = this.cancelEdit.bind(this);
-
-        if (window.extraTodoItemCssToAdopt) {
-            let extraAdoptedStyleSheet = new CSSStyleSheet();
-            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
-            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
-        }
-    }
-
-    update(...args) {
-        args.forEach((argument) => {
-            switch (argument) {
-                case "itemid":
-                    if (this.itemid !== undefined)
-                        this.item.id = `todo-item-${this.itemid}`;
-                    break;
-                case "itemtitle":
-                    if (this.itemtitle !== undefined) {
-                        this.todoText.textContent = this.itemtitle;
-                        this.editInput.value = this.itemtitle;
-                    }
-                    break;
-                case "itemcompleted":
-                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
-                    break;
-            }
-        });
-    }
-
-    startEdit() {
-        this.item.classList.add("editing");
-        this.editInput.value = this.itemtitle;
-        this.editInput.focus();
-    }
-
-    stopEdit() {
-        this.item.classList.remove("editing");
-    }
-
-    cancelEdit() {
-        this.editInput.blur();
-    }
-
-    toggleItem() {
-        // The todo-list checks the "completed" attribute to filter based on route
-        // (therefore the completed state needs to already be updated before the check)
-        this.setAttribute("itemcompleted", this.toggleInput.checked);
-
-        this.dispatchEvent(
-            new CustomEvent("toggle-item", {
-                detail: { id: this.itemid, completed: this.toggleInput.checked },
-                bubbles: true,
-            })
-        );
-    }
-
-    removeItem() {
-        // The todo-list keeps a reference to all elements and updates the list on removal.
-        // (therefore the removal has to happen after the list is updated)
-        this.dispatchEvent(
-            new CustomEvent("remove-item", {
-                detail: { id: this.itemid },
-                bubbles: true,
-            })
-        );
-        this.remove();
-    }
-
-    updateItem(event) {
-        if (event.target.value !== this.itemtitle) {
-            if (!event.target.value.length) {
-                this.removeItem();
-            } else {
-                this.setAttribute("itemtitle", event.target.value);
-                this.dispatchEvent(
-                    new CustomEvent("update-item", {
-                        detail: { id: this.itemid, title: event.target.value },
-                        bubbles: true,
-                    })
-                );
-            }
-        }
-
-        this.cancelEdit();
-    }
-
-    addListeners() {
-        this.toggleInput.addEventListener("change", this.toggleItem);
-        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
-        this.editInput.addEventListener("blur", this.stopEdit);
-        this.todoButton.addEventListener("click", this.removeItem);
-
-        this.keysListeners.forEach((listener) => listener.connect());
-    }
-
-    removeListeners() {
-        this.toggleInput.removeEventListener("change", this.toggleItem);
-        this.todoText.removeEventListener("click", this.startEdit);
-        this.editInput.removeEventListener("blur", this.stopEdit);
-        this.todoButton.removeEventListener("click", this.removeItem);
-
-        this.keysListeners.forEach((listener) => listener.disconnect());
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-
-        if (this.isConnected)
-            this.update(property);
-    }
-
-    connectedCallback() {
-        this.update("itemid", "itemtitle", "itemcompleted");
-
-        this.keysListeners.push(
-            useKeyListener({
-                target: this.editInput,
-                event: "keyup",
-                callbacks: {
-                    ["Enter"]: this.updateItem,
-                    ["Escape"]: this.cancelEdit,
-                },
-            }),
-            useKeyListener({
-                target: this.todoText,
-                event: "keyup",
-                callbacks: {
-                    [" "]: this.startEdit, // this feels weird
-                },
-            })
-        );
-
-        this.addListeners();
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-        this.keysListeners = [];
-    }
-}
-
-customElements.define("todo-item", TodoItem);
-
-export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js
deleted file mode 100644
index 9a67675fd..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-item/todo-item.template.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-item-template";
-template.innerHTML = `
-    <li class="todo-item">
-        <div class="display-todo">
-            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
-            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
-            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
-            <button class="remove-todo-button" title="Remove Todo"></button>
-        </div>
-        <div class="edit-todo-container">
-            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
-            <input id="edit-todo" class="edit-todo-input" />
-        </div>
-    </li>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
deleted file mode 100644
index e9eff5915..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.component.js
+++ /dev/null
@@ -1,616 +0,0 @@
-import template from "./todo-list.template.js";
-import TodoItem from "../todo-item/todo-item.component.js";
-
-import globalStyles from "../../styles/global.constructable.js";
-import listStyles from "../../styles/todo-list.constructable.js";
-
-class FixedSizeQueue {
-    #buffer;
-    #capacity;
-    #size = 0;
-    #head = 0;
-    #tail = 0;
-
-    constructor(capacity = 10) {
-        if (capacity <= 0) {
-            throw new Error("Queue capacity must be positive");
-        }
-        this.#capacity = capacity;
-        this.#buffer = new Array(capacity);
-    }
-
-    /**
-     * Add an element to the rear of the queue
-     * @param {*} element - Element to add
-     * @returns {boolean} - True if element was added, false if queue is full
-     */
-    enqueue(element) {
-        if (this.isFull()) {
-            return false;
-        }
-        
-        this.#buffer[this.#tail] = element;
-        this.#tail = (this.#tail + 1) % this.#capacity;
-        this.#size++;
-        return true;
-    }
-
-    /**
-     * Add multiple elements to the rear of the queue
-     * @param {Array} elements - Array of elements to add
-     * @returns {number} - The number of elements that were added to the queue
-     */
-    enqueueAll(elements) {
-        // Calculate available space and number of elements we can add
-        const availableSpace = this.#capacity - this.#size;
-        const elementsToAdd = Math.min(elements.length, availableSpace);
-        
-        // Add as many elements as will fit
-        for (let i = 0; i < elementsToAdd; i++) {
-            this.#buffer[this.#tail] = elements[i];
-            this.#tail = (this.#tail + 1) % this.#capacity;
-            this.#size++;
-        }
-        
-        return elementsToAdd;
-    }
-
-    /**
-     * Remove and return an element from the front of the queue
-     * @returns {*} - The element at the front of the queue, or undefined if empty
-     */
-    dequeue() {
-        if (this.isEmpty()) {
-            return undefined;
-        }
-        
-        const element = this.#buffer[this.#head];
-        this.#buffer[this.#head] = undefined; // Clear reference for GC
-        this.#head = (this.#head + 1) % this.#capacity;
-        this.#size--;
-        return element;
-    }
-
-    /**
-     * Remove and return multiple elements from the front of the queue
-     * @param {number} count - Number of elements to dequeue
-     * @returns {Array} - Array of dequeued elements (may be fewer than requested if not enough available)
-     */
-    dequeueMany(count) {
-        if (count <= 0) {
-            return [];
-        }
-        
-        const elementsToDequeue = Math.min(count, this.#size);
-        const result = new Array(elementsToDequeue);
-        
-        for (let i = 0; i < elementsToDequeue; i++) {
-            result[i] = this.#buffer[this.#head];
-            this.#buffer[this.#head] = undefined; // Clear reference for GC
-            this.#head = (this.#head + 1) % this.#capacity;
-            this.#size--;
-        }
-        
-        return result;
-    }
-
-    /**
-     * Return the element at the front of the queue without removing it
-     * @returns {*} - The element at the front of the queue, or undefined if empty
-     */
-    peek() {
-        return this.isEmpty() ? undefined : this.#buffer[this.#head];
-    }
-
-    /**
-     * Check if the queue is empty
-     * @returns {boolean} - True if queue is empty
-     */
-    isEmpty() {
-        return this.#size === 0;
-    }
-
-    /**
-     * Check if the queue is full
-     * @returns {boolean} - True if queue is full
-     */
-    isFull() {
-        return this.#size === this.#capacity;
-    }
-
-    /**
-     * Get the current number of elements in the queue
-     * @returns {number} - Current size of the queue
-     */
-    size() {
-        return this.#size;
-    }
-
-    /**
-     * Get the maximum capacity of the queue
-     * @returns {number} - Maximum capacity of the queue
-     */
-    capacity() {
-        return this.#capacity;
-    }
-
-    /**
-     * Clear all elements from the queue
-     */
-    clear() {
-        this.#buffer.fill(undefined);
-        this.#size = 0;
-        this.#head = 0;
-        this.#tail = 0;
-    }
-
-    /**
-     * Convert queue to array (for debugging/testing purposes)
-     * @returns {Array} - Array representation of queue elements in order
-     */
-    toArray() {
-        const result = new Array(this.#size);
-        for (let i = 0; i < this.#size; i++) {
-            result[i] = this.#buffer[(this.#head + i) % this.#capacity];
-        }
-        return result;
-    }
-}
-
-
-class MemoryCacheManager {
-
-    #cacheMaxSize = 10;
-    pendingPromise = null;
-    hasPendingUpdate = false;
-
-    // after cache will be used to load the next item in the list, we need fifo access.
-    #afterCache = new FixedSizeQueue(10);
-
-    constructor() {
-        this.currentId = -1;
-        this.cacheMaxSize = 10;
-    }
-
-    shouldAddToAfterCache() {
-        return !this.#afterCache.isFull();
-    }
-
-
-    addToAfterCache(element) {
-        if (this.#afterCache.isFull()) {
-            throw new Error("After cache is full, cannot add more items.");
-        }
-        this.#afterCache.enqueue(element);
-    }
-    
-    /**
-     * Add multiple elements to the forward cache
-     * @param {Array} elements - Array of elements to add to the forward cache
-     * @returns {number} - The number of elements that were added to the cache
-     */
-    addMultipleToAfterCache(elements) {
-        return this.#afterCache.enqueueAll(elements);
-    }
-
-    nextFromAfterCache() {
-        const result = this.#afterCache.dequeue();
-        return result !== undefined ? result : null;
-    }
-
-    /**
-     * Check if the forward cache (after cache) is empty
-     * @returns {boolean} - True if the forward cache is empty
-     */
-    isForwardCacheEmpty() {
-        return this.#afterCache.isEmpty();
-    }
-
-    /**
-     * Retrieves a given number of elements from the forward cache (afterCache)
-     * 
-     * @param {number} count - The number of elements to retrieve
-     * @returns {Array} - The next 'count' elements from the afterCache
-     */
-    getElementsFromAfterCache(count) {
-        return this.#afterCache.dequeueMany(count);
-    }
-
-    chainToPendingPromise(promise) {
-        if(!this.pendingPromise) {
-            throw(new Error("No pending promise to chain to."));
-        }
-        this.pendingPromise = this.pendingPromise.then(() => promise);
-    }
-}
-
-/**
- * Database manager for Todo items using IndexedDB
- */
-class TodoDatabase {
-    #db;
-    #dbName;
-    #dbVersion;
-    #storeName = 'todos';
-    #dbReadyCallback;
-    #numberOfPendingAddRequests = 0;
-    #numberOfPendingRemoveRequests = 0;
-
-    /**
-     * Creates a new TodoDatabase instance
-     * @param {string} dbName - The name of the IndexedDB database
-     * @param {number} dbVersion - The version of the database
-     * @param {Function} readyCallback - Callback to invoke when the database is ready
-     */
-    constructor(dbName = 'todosDB', dbVersion = 1, readyCallback = null) {
-        this.#dbName = dbName;
-        this.#dbVersion = dbVersion;
-        this.#dbReadyCallback = readyCallback;
-        this.initialize();
-    }
-
-    /**
-     * Initializes the IndexedDB database for storing todo items
-     */
-    initialize() {
-        // Open the database connection
-        const request = indexedDB.open(this.#dbName, this.#dbVersion);
-        
-        // Handle database upgrade or creation
-        request.onupgradeneeded = (event) => {
-            this.#db = event.target.result;
-            
-            // Create an object store for our todos if it doesn't exist
-            if (!this.#db.objectStoreNames.contains(this.#storeName)) {
-                const todoStore = this.#db.createObjectStore(this.#storeName, { keyPath: 'orderedId'});
-                
-                // Create indexes for quick searches.
-                todoStore.createIndex('itemId', 'itemId', { unique: true });
-                todoStore.createIndex('completed', 'completed', { unique: false });
-                todoStore.createIndex('title', 'title', { unique: false });
-                todoStore.createIndex('priority', 'priority', { unique: false });
-            }
-        };
-        
-        // Handle successful database opening
-        request.onsuccess = (event) => {
-            this.#db = event.target.result;
-            console.log('IndexedDB initialized successfully');
-            
-            // Call ready callback if provided
-            if (this.#dbReadyCallback) {
-                this.#dbReadyCallback();
-            }
-        };
-        
-        // Handle errors
-        request.onerror = (event) => {
-            console.error('Error opening IndexedDB:', event.target.error);
-        };
-    }
-
-    /**
-     * Gets the database instance
-     * @returns {IDBDatabase} The IndexedDB database instance
-     */
-    get database() {
-        return this.#db;
-    }
-    
-    /**
-     * Adds a todo item to the database
-     * @param {Object} item - The todo item to add
-     * @returns {Promise<number>} A promise that resolves to the ID of the added item
-     */
-    addItem(item) {
-        return new Promise((resolve, reject) => {
-            if (!this.#db) {
-                reject(new Error("Database not initialized"));
-                return;
-            }
-            
-            try {
-                const transaction = this.#db.transaction(this.#storeName, 'readwrite');
-                const store = transaction.objectStore(this.#storeName);
-                
-                const request = store.add(item);
-
-                this.#numberOfPendingAddRequests++;
-                
-                request.onsuccess = (event) => {
-                    this.#numberOfPendingAddRequests--;
-                    console.log("Item added to database:", event.target.result);
-                    resolve(event.target.result); // Return the generated ID
-                };
-                
-                request.onerror = (event) => {
-                    reject(event.target.error);
-                };
-            } catch (error) {
-                reject(error);
-            }
-        });
-    }
-
-    /**
-     * Reads items from the database where orderedId is greater than lastUsedOrderedId
-     * and executes a callback with the results
-     * 
-     * @param {number} lastUsedOrderedId - The last orderedId that was used
-     * @param {number} count - Maximum number of items to retrieve
-     * @param {Function} callback - Callback function to execute with the retrieved items
-     */
-    readItemsAndExecuteCallback(lastUsedOrderedId, count, callback) {
-        if (!this.#db) {
-            throw(new Error("Database not initialized"));
-        }
-
-        const transaction = this.#db.transaction(this.#storeName, 'readonly');
-        const store = transaction.objectStore(this.#storeName);
-        
-        // Create a key range for orderedId > lastUsedOrderedId
-        const keyRange = IDBKeyRange.lowerBound(lastUsedOrderedId, true);
-        
-        // Open a cursor with the key range
-        const request = store.openCursor(keyRange);
-        
-        // Array to store the retrieved items
-        const items = [];
-        
-        request.onsuccess = (event) => {
-            const cursor = event.target.result;
-            
-            if (cursor && items.length < count) {
-                // Add this item to our results
-                items.push(cursor.value);
-                
-                // Move to the next item
-                cursor.continue();
-            } else {
-                // We've either reached the end of the store or collected enough items
-                callback(null, items);
-            }
-        };
-        
-        request.onerror = (event) => {
-            callback(event.target.error, null);
-        };
-        
-        // Handle transaction errors
-        transaction.onerror = (event) => {
-            callback(event.target.error, null);
-        };
-    }
-}
-
-class TodoList extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items"];
-    }
-
-    #elements = [];
-    #route = undefined;
-    #onScreenMaxNumberOfItems = 10;
-    #memoryCacheManager = new MemoryCacheManager();
-    #todoDatabase;
-    #currentPageNumber = 1;
-    #incrementalItemId = 0;
-
-    constructor() {
-        super();
-        const node = document.importNode(template.content, true);
-        this.listNode = node.querySelector(".todo-list");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, listStyles];
-        this.shadow.append(node);
-        this.classList.add("show-priority");
-
-        if (window.extraTodoListCssToAdopt) {
-            let extraAdoptedStyleSheet = new CSSStyleSheet();
-            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
-            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
-        }
-        
-        // Initialize TodoDatabase
-        this.#initializeDatabase();
-    }
-    
-    /**
-     * Initializes the IndexedDB database for storing todo items
-     * @private
-     */
-    #initializeDatabase() {
-        // Create a new TodoDatabase instance with a callback for when DB is ready
-        this.#todoDatabase = new TodoDatabase('todosDB', 1, () => {
-            // Dispatch an event when the database is ready
-            this.dispatchEvent(new CustomEvent('db-ready'));
-        });
-    }
-    
-    /**
-     * Gets the IndexedDB database instance
-     * @returns {IDBDatabase} The IndexedDB database instance
-     */
-    get #db() {
-        return this.#todoDatabase?.database;
-    }
-
-    /**
-     * Adds a todo item based on available space in different storage tiers
-     * @param {Object} entry - The todo item entry
-     */
-    addItem(entry) {
-        const { id, title, completed } = entry;
-        const priority = 4 - (this.#elements.length % 5);
-        
-        // Case 1: If there's space in the on-screen list, add it there
-        if (this.#elements.length < this.#onScreenMaxNumberOfItems) {
-            // Create element and add to on-screen list
-            const element = new TodoItem();
-            element.setAttribute("itemid", id);
-            element.setAttribute("itemtitle", title);
-            element.setAttribute("itemcompleted", completed);
-            element.setAttribute("data-priority", priority);
-            element.orderedId = this.#incrementalItemId++;
-            
-            this.#elements.push(element);
-            this.listNode.append(element);
-            this.updateView(element);
-        }
-        // Case 2: If there's space in the memory cache, create element and add to cache
-        else if (this.#memoryCacheManager.shouldAddToAfterCache()) {
-            const element = new TodoItem();
-            element.setAttribute("itemid", id);
-            element.setAttribute("itemtitle", title);
-            element.setAttribute("itemcompleted", completed);
-            element.setAttribute("data-priority", priority);
-            element.orderedId = this.#incrementalItemId++;
-            
-            // Add the element to the memory cache
-            this.#memoryCacheManager.addToAfterCache(element);
-        }
-        // Case 3: Add to IndexedDB as last resort
-        else {
-            this.#addItemToDatabase(entry, priority);
-        }
-    }
-    
-    /**
-     * Helper method to add an item to the IndexedDB database
-     * @private
-     */
-    #addItemToDatabase(entry, priority) {
-        const { id, title, completed } = entry;
-        const todoItem = {
-            orderedId: this.#incrementalItemId++,
-            itemId: id,
-            title,
-            completed,
-            priority,
-            createdAt: Date.now()
-        };
-        
-        this.#todoDatabase.addItem(todoItem)
-            .then(() => {
-                // Item successfully added to database
-            })
-            .catch(error => {
-                console.error("Failed to add item to database:", error);
-            });
-    }
-
-    addItems(items) {
-        items.forEach((entry) => this.addItem(entry));
-    }
-
-    removeCompletedItems() {
-        this.#elements = this.#elements.filter((element) => {
-            if (element.itemcompleted === "true")
-                element.removeItem();
-
-            return element.itemcompleted === "false";
-        });
-    }
-
-    toggleItems(completed) {
-        this.#elements.forEach((element) => {
-            if (completed && element.itemcompleted === "false")
-                element.toggleInput.click();
-            else if (!completed && element.itemcompleted === "true")
-                element.toggleInput.click();
-        });
-    }
-
-    updateStyles() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.listNode.style.display = "block";
-        else
-            this.listNode.style.display = "none";
-    }
-
-    updateView(element) {
-        switch (this.#route) {
-            case "completed":
-                element.style.display = element.itemcompleted === "true" ? "block" : "none";
-                break;
-            case "active":
-                element.style.display = element.itemcompleted === "true" ? "none" : "block";
-                break;
-            default:
-                element.style.display = "block";
-        }
-    }
-
-    updateElements(type = "", id = "") {
-        switch (type) {
-            case "route-change":
-                this.#elements.forEach((element) => this.updateView(element));
-                break;
-            case "toggle-item":
-            case "add-item":
-                this.#elements.forEach((element) => {
-                    if (element.itemid === id)
-                        this.updateView(element);
-                });
-                break;
-            case "remove-item":
-                this.#elements = this.#elements.filter((element) => element.itemid !== id);
-                break;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateElements("route-change");
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-        if (this.isConnected)
-            this.updateStyles();
-    }
-
-    async moveToNextPage() {
-        if (this.#memoryCacheManager.pendingPromise !== null) {
-            console.log("There is a pending udpate, cannot move to next page.");
-            this.#memoryCacheManager.chainToPendingPromise(
-                (async () => {
-                    await this.moveToNextPage.bind(this);
-                })());
-            return;   
-        }
-        const nextItems = this.#memoryCacheManager.getElementsFromAfterCache(
-            this.#onScreenMaxNumberOfItems);
-        this.listNode.replaceChildren(...nextItems);
-        if (nextItems.length < this.#onScreenMaxNumberOfItems) {
-            // There were not enough items in the cache, then there are not
-            // enough items in the db storage.
-            return;
-        }
-        let resolvePendingPromise;
-        this.#memoryCacheManager.hasPendingUpdate = new Promise((resolve) => {
-            resolvePendingPromise = resolve;
-        });
-        this.#db.readItemsAndExecuteCallback(
-            nextItems.at(-1).orderedId,
-            this.#onScreenMaxNumberOfItems,
-            (newItems) => {
-                this.#memoryCacheManager.addMultipleToAfterCache(newItems);
-                resolvePendingPromise();
-            });
-
-    }
-
-    connectedCallback() {
-        this.updateStyles();
-    }
-}
-
-customElements.define("todo-list", TodoList);
-
-export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js
deleted file mode 100644
index dac383b95..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-list/todo-list.template.js
+++ /dev/null
@@ -1,8 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-list-template";
-template.innerHTML = `
-    <ul class="todo-list" style="display:none"></ul>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js
deleted file mode 100644
index f024d7ca1..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.component.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import template from "./todo-topbar.template.js";
-import { useKeyListener } from "../../hooks/useKeyListener.js";
-import { nanoid } from "../../utils/nanoid.js";
-
-import globalStyles from "../../styles/global.constructable.js";
-import topbarStyles from "../../styles/topbar.constructable.js";
-
-class TodoTopbar extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items", "active-items", "completed-items"];
-    }
-
-    #route = undefined;
-
-    constructor() {
-        super();
-
-        const node = document.importNode(template.content, true);
-        this.todoInput = node.querySelector("#new-todo");
-        this.toggleInput = node.querySelector("#toggle-all");
-        this.toggleContainer = node.querySelector(".toggle-all-container");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
-        this.shadow.append(node);
-
-        this.keysListeners = [];
-
-        this.toggleAll = this.toggleAll.bind(this);
-        this.addItem = this.addItem.bind(this);
-    }
-
-    toggleAll(event) {
-        this.dispatchEvent(
-            new CustomEvent("toggle-all", {
-                detail: { completed: event.target.checked },
-            })
-        );
-    }
-
-    addItem(event) {
-        if (!event.target.value.length)
-            return;
-
-        this.dispatchEvent(
-            new CustomEvent("add-item", {
-                detail: {
-                    id: nanoid(),
-                    title: event.target.value,
-                    completed: false,
-                },
-            })
-        );
-
-        event.target.value = "";
-    }
-
-    updateDisplay() {
-        if (!parseInt(this["total-items"])) {
-            this.toggleContainer.style.display = "none";
-            return;
-        }
-
-        this.toggleContainer.style.display = "block";
-
-        switch (this.#route) {
-            case "active":
-                this.toggleInput.checked = false;
-                this.toggleInput.disabled = !parseInt(this["active-items"]);
-                break;
-            case "completed":
-                this.toggleInput.checked = parseInt(this["completed-items"]);
-                this.toggleInput.disabled = !parseInt(this["completed-items"]);
-                break;
-            default:
-                this.toggleInput.checked = this["total-items"] === this["completed-items"];
-                this.toggleInput.disabled = false;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateDisplay();
-    }
-
-    addListeners() {
-        this.toggleInput.addEventListener("change", this.toggleAll);
-        this.keysListeners.forEach((listener) => listener.connect());
-    }
-
-    removeListeners() {
-        this.toggleInput.removeEventListener("change", this.toggleAll);
-        this.keysListeners.forEach((listener) => listener.disconnect());
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-
-        if (this.isConnected)
-            this.updateDisplay();
-    }
-
-    connectedCallback() {
-        this.keysListeners.push(
-            useKeyListener({
-                target: this.todoInput,
-                event: "keyup",
-                callbacks: {
-                    ["Enter"]: this.addItem,
-                },
-            })
-        );
-
-        this.updateDisplay();
-        this.addListeners();
-        this.todoInput.focus();
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-        this.keysListeners = [];
-    }
-}
-
-customElements.define("todo-topbar", TodoTopbar);
-
-export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js
deleted file mode 100644
index ce323b683..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/components/todo-topbar/todo-topbar.template.js
+++ /dev/null
@@ -1,17 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-topbar-template";
-template.innerHTML = `
-    <header class="topbar">
-        <div class="new-todo-display">
-            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
-            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
-        </div>
-        <div class="toggle-all-container" style="display:none">
-            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
-            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
-        </div>
-    </header>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js
deleted file mode 100644
index a1fe952fe..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useDoubleClick.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * A simple function to normalize a double-click and a double-tab action.
- * There is currently no comparable tab action to dblclick.
- *
- * @param {Function} fn
- * @param {number} delay
- * @returns
- */
-export function useDoubleClick(fn, delay) {
-    let last = 0;
-    return function (...args) {
-        const now = new Date().getTime();
-        const difference = now - last;
-        if (difference < delay && difference > 0)
-            fn.apply(this, args);
-
-        last = now;
-    };
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js
deleted file mode 100644
index 453747d54..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useKeyListener.js
+++ /dev/null
@@ -1,23 +0,0 @@
-export function useKeyListener(props) {
-    const { target, event, callbacks } = props;
-
-    function handleEvent(event) {
-        Object.keys(callbacks).forEach((key) => {
-            if (event.key === key)
-                callbacks[key](event);
-        });
-    }
-
-    function connect() {
-        target.addEventListener(event, handleEvent);
-    }
-
-    function disconnect() {
-        target.removeEventListener(event, handleEvent);
-    }
-
-    return {
-        connect,
-        disconnect,
-    };
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js
deleted file mode 100644
index ab1ab618a..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/hooks/useRouter.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Listens for hash change of the url and calls onChange if available.
- *
- * @param {Function} callback
- * @returns Methods to interact with useRouter.
- */
-export const useRouter = (callback) => {
-    let onChange = callback;
-    let current = "";
-
-    /**
-     * Change event handler.
-     */
-    const handleChange = () => {
-        current = document.location.hash;
-        /* istanbul ignore else */
-        if (onChange)
-            onChange(document.location.hash);
-    };
-
-    /**
-     * Initializes router and adds listeners.
-     *
-     * @param {Function} callback
-     */
-    const initRouter = (callback) => {
-        onChange = callback;
-        window.addEventListener("hashchange", handleChange);
-        window.addEventListener("load", handleChange);
-    };
-
-    /**
-     * Removes listeners
-     */
-    const disableRouter = () => {
-        window.removeEventListener("hashchange", handleChange);
-        window.removeEventListener("load", handleChange);
-    };
-
-    const getRoute = () => current.split("/").slice(-1)[0];
-
-    return { initRouter, getRoute, disableRouter };
-};
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html
deleted file mode 100644
index a8fec9787..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="description" content="A TodoMVC workload app for Speedometer!" />
-        <title>TodoMVC: JavaScript Web Components</title>
-        <link rel="stylesheet" href="styles/global.css" />
-        <link rel="stylesheet" href="styles/header.css" />
-        <link rel="stylesheet" href="styles/footer.css" />
-        <!-- load these first, so that they are registered by the time the app components needs them -->
-        <script type="module" src="components/todo-topbar/todo-topbar.component.js"></script>
-        <script type="module" src="components/todo-list/todo-list.component.js"></script>
-        <script type="module" src="components/todo-bottombar/todo-bottombar.component.js"></script>
-        <script type="module" src="components/todo-app/todo-app.component.js"></script>
-    </head>
-
-    <body>
-        <header class="header">
-            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
-        </header>
-        <todo-app></todo-app>
-        <footer class="footer">
-            <p class="footer-text">Click on input field to write your todo.</p>
-            <p class="footer-text">At least one character is needed to be a valid entry.</p>
-            <p class="footer-text">Press 'enter' to add the todo.</p>
-            <p class="footer-text">Double-click to edit a todo</p>
-        </footer>
-    </body>
-</html>
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js
deleted file mode 100644
index 8ac77f26a..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/app.constructable.js
+++ /dev/null
@@ -1,15 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-    min-height: 68px;
-}
-
-.app {
-    background: #fff;
-    margin: 24px 16px 40px 16px;
-    position: relative;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js
deleted file mode 100644
index 46904de8a..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/bottombar.constructable.js
+++ /dev/null
@@ -1,158 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.bottombar {
-    padding: 10px 0;
-    height: 41px;
-    text-align: center;
-    font-size: 15px;
-    border-top: 1px solid #e6e6e6;
-    position: relative;
-}
-
-.bottombar::before {
-    content: "";
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    height: 50px;
-    overflow: hidden;
-    pointer-events: none;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
-}
-
-.todo-status {
-    text-align: left;
-    padding: 3px;
-    height: 32px;
-    line-height: 26px;
-    position: absolute;
-    left: 12px;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.todo-count {
-    font-weight: 300;
-}
-
-.filter-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: inline-block;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.filter-item {
-    display: inline-block;
-}
-
-.filter-link {
-    color: inherit;
-    margin: 3px;
-    padding: 0 7px;
-    text-decoration: none;
-    border: 1px solid transparent;
-    border-radius: 3px;
-    cursor: pointer;
-    display: block;
-    height: 26px;
-    line-height: 26px;
-}
-
-.filter-link:hover {
-    border-color: #db7676;
-}
-
-.filter-link.selected {
-    border-color: #ce4646;
-}
-
-.clear-completed-button,
-.clear-completed-button:active {
-    text-decoration: none;
-    cursor: pointer;
-    padding: 3px;
-    height: 32px;
-    line-height: 26px;
-    position: absolute;
-    right: 12px;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.clear-completed-button:hover {
-    text-decoration: underline;
-}
-
-/* rtl support */
-html[dir="rtl"] .todo-status,
-:host([dir="rtl"]) .todo-status {
-    right: 12px;
-    left: unset;
-}
-
-html[dir="rtl"] .clear-completed-button,
-:host([dir="rtl"]) .clear-completed-button {
-    left: 12px;
-    right: unset;
-}
-
-@media (max-width: 430px) {
-    .bottombar {
-        height: 120px;
-    }
-
-    .todo-status {
-        display: block;
-        text-align: center;
-        position: relative;
-        left: unset;
-        right: unset;
-        top: unset;
-        transform: unset;
-    }
-
-    .filter-list {
-        display: block;
-        position: relative;
-        left: unset;
-        right: unset;
-        top: unset;
-        transform: unset;
-    }
-
-    .clear-completed-button,
-    .clear-completed-button:active {
-        display: block;
-        margin: 0 auto;
-        position: relative;
-        left: unset;
-        right: unset;
-        top: unset;
-        transform: unset;
-    }
-
-        html[dir="rtl"] .todo-status,
-    :host([dir="rtl"]) .todo-status {
-        right: unset;
-        left: unset;
-    }
-
-    html[dir="rtl"] .clear-completed-button,
-    :host([dir="rtl"]) .clear-completed-button {
-        left: unset;
-        right: unset;
-    }
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css
deleted file mode 100644
index 0ff918f43..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/footer.css
+++ /dev/null
@@ -1,26 +0,0 @@
-:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.footer {
-    margin: 65px auto 0;
-    color: #4d4d4d;
-    font-size: 11px;
-    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-    text-align: center;
-}
-
-.footer-text {
-    line-height: 1;
-}
-
-.footer-link {
-    color: inherit;
-    text-decoration: none;
-    font-weight: 400;
-}
-
-.footer-link:hover {
-    text-decoration: underline;
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js
deleted file mode 100644
index 7ff85b07f..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.constructable.js
+++ /dev/null
@@ -1,86 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-html,
-body {
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
-    line-height: 1.4em;
-    background: #f5f5f5;
-    color: #111;
-    min-width: 300px;
-    max-width: 582px;
-    margin: 0 auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 300;
-}
-
-:focus {
-    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
-    outline: 0 !important;
-}
-
-button {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    background: none;
-    font-size: 100%;
-    vertical-align: baseline;
-    font-family: inherit;
-    font-weight: inherit;
-    color: inherit;
-    appearance: none;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-input {
-    position: relative;
-    margin: 0;
-    font-size: inherit;
-    font-family: inherit;
-    font-weight: inherit;
-    color: inherit;
-    padding: 0;
-    border: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-input:placeholder-shown {
-    text-overflow: ellipsis;
-}
-
-
-.visually-hidden {
-    border: 0;
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    width: 1px;
-    margin: -1px;
-    padding: 0;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-}
-
-.truncate-singleline {
-    width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: block !important;
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css
deleted file mode 100644
index 22ee5e16c..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/global.css
+++ /dev/null
@@ -1,88 +0,0 @@
-/** defaults */
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-html,
-body {
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
-    line-height: 1.4em;
-    background: #f5f5f5;
-    color: #111;
-    min-width: 300px;
-    max-width: 582px;
-    margin: 0 auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-weight: 300;
-}
-
-:focus {
-    box-shadow: inset 0 0 2px 2px #cf7d7d !important;
-    outline: 0 !important;
-}
-
-/** resets */
-button {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    background: none;
-    font-size: 100%;
-    vertical-align: baseline;
-    font-family: inherit;
-    font-weight: inherit;
-    color: inherit;
-    appearance: none;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-input {
-    position: relative;
-    margin: 0;
-    font-size: inherit;
-    font-family: inherit;
-    font-weight: inherit;
-    color: inherit;
-    padding: 0;
-    border: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-input:placeholder-shown {
-    text-overflow: ellipsis;
-}
-
-/* utility classes */
-
-/* used for things that should be hidden in the ui,
-but useful for people who use screen readers */
-.visually-hidden {
-    border: 0;
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    height: 1px;
-    width: 1px;
-    margin: -1px;
-    padding: 0;
-    overflow: hidden;
-    position: absolute;
-    white-space: nowrap;
-}
-
-.truncate-singleline {
-    width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: block !important;
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css
deleted file mode 100644
index 56d2a4064..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/header.css
+++ /dev/null
@@ -1,21 +0,0 @@
-:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.header {
-    margin-top: 27px;
-}
-
-.title {
-    width: 100%;
-    font-size: 80px;
-    line-height: 80px;
-    margin: 0;
-    font-weight: 200;
-    text-align: center;
-    color: #b83f45;
-    -webkit-text-rendering: optimizeLegibility;
-    -moz-text-rendering: optimizeLegibility;
-    text-rendering: optimizeLegibility;
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js
deleted file mode 100644
index 66ea0b30c..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/main.constructable.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.main {
-    position: relative;
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js
deleted file mode 100644
index 59dba7f77..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-item.constructable.js
+++ /dev/null
@@ -1,147 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-:host(:last-child) > .todo-item {
-    border-bottom: none;
-}
-
-.todo-item {
-    position: relative;
-    font-size: 24px;
-    border-bottom: 1px solid #ededed;
-    height: 60px;
-}
-
-.todo-item.editing {
-    border-bottom: none;
-    padding: 0;
-}
-
-.edit-todo-container {
-    display: none;
-}
-
-.todo-item.editing .edit-todo-container {
-    display: block;
-}
-
-.edit-todo-input {
-    padding: 0 16px 0 60px;
-    width: 100%;
-    height: 60px;
-    font-size: 24px;
-    line-height: 1.4em;
-    background: rgba(0, 0, 0, 0.003);
-    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
-    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20%20style%3D%22opacity%3A%200.2%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-position: center left;
-}
-
-.display-todo {
-    position: relative;
-}
-
-.todo-item.editing .display-todo {
-    display: none;
-}
-
-.toggle-todo-input {
-    text-align: center;
-    width: 40px;
-
-        height: auto;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 3px;
-    margin: auto 0;
-    border: none;     appearance: none;
-    cursor: pointer;
-}
-
-.todo-item-text {
-    overflow-wrap: break-word;
-    padding: 0 60px;
-    display: block;
-    line-height: 60px;
-    transition: color 0.4s;
-    font-weight: 400;
-    color: #484848;
-
-        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-position: center left;
-}
-
-.toggle-todo-input:checked + .todo-item-text {
-    color: #949494;
-    text-decoration: line-through;
-    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E");
-}
-
-.remove-todo-button {
-    display: none;
-    position: absolute;
-    top: 0;
-    right: 10px;
-    bottom: 0;
-    width: 40px;
-    height: 40px;
-    margin: auto 0;
-    font-size: 30px;
-    color: #949494;
-    transition: color 0.2s ease-out;
-    cursor: pointer;
-}
-
-.remove-todo-button:hover,
-.remove-todo-button:focus {
-    color: #c18585;
-}
-
-.remove-todo-button::after {
-    content: "×";
-    display: block;
-    height: 100%;
-    line-height: 1.1;
-}
-
-.todo-item:hover .remove-todo-button {
-    display: block;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-    .toggle-todo-input {
-        background: none;
-        height: 40px;
-    }
-}
-
-@media (max-width: 430px) {
-    .remove-todo-button {
-        display: block;
-    }
-}
-
-html[dir="rtl"] .toggle-todo-input,
-:host([dir="rtl"]) .toggle-todo-input {
-    right: 3px;
-    left: unset;
-}
-
-html[dir="rtl"] .todo-item-text,
-:host([dir="rtl"]) .todo-item-text {
-    background-position: center right 6px;
-}
-
-html[dir="rtl"] .remove-todo-button,
-:host([dir="rtl"]) .remove-todo-button {
-    left: 10px;
-    right: unset;
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js
deleted file mode 100644
index 3d11133dd..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/todo-list.constructable.js
+++ /dev/null
@@ -1,15 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.todo-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: block;
-    border-top: 1px solid #e6e6e6;
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js
deleted file mode 100644
index 5ecb8a231..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/styles/topbar.constructable.js
+++ /dev/null
@@ -1,90 +0,0 @@
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.topbar {
-    position: relative;
-}
-
-.new-todo-input {
-    padding: 0 32px 0 60px;
-    width: 100%;
-    height: 68px;
-    font-size: 24px;
-    line-height: 1.4em;
-    background: rgba(0, 0, 0, 0.003);
-    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
-}
-
-.new-todo-input::placeholder {
-    font-style: italic;
-    font-weight: 400;
-    color: rgba(0, 0, 0, 0.4);
-}
-
-.toggle-all-container {
-    width: 45px;
-    height: 68px;
-    position: absolute;
-    left: 0;
-    top: 0;
-}
-
-.toggle-all-input {
-    width: 45px;
-    height: 45px;
-    font-size: 0;
-    position: absolute;
-    top: 11.5px;
-    left: 0;
-    border: none;
-    appearance: none;
-    cursor: pointer;
-}
-
-.toggle-all-label {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 45px;
-    height: 68px;
-    font-size: 0;
-    position: absolute;
-    top: 0;
-    left: 0;
-    cursor: pointer;
-}
-
-.toggle-all-label::before {
-    content: "❯";
-    display: inline-block;
-    font-size: 22px;
-    color: #949494;
-    padding: 10px 27px 10px 27px;
-    transform: rotate(90deg);
-}
-
-.toggle-all-input:checked + .toggle-all-label::before {
-    color: #484848;
-}
-
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-    .toggle-all-input {
-        background: none;
-    }
-}
-
-html[dir="rtl"] .new-todo-input,
-:host([dir="rtl"]) .new-todo-input {
-    padding: 0 60px 0 32px;
-}
-
-html[dir="rtl"] .toggle-all-container,
-:host([dir="rtl"]) .toggle-all-container {
-    right: 0;
-    left: unset;
-}
-`);
-export default sheet;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js
deleted file mode 100644
index 5df154f1f..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/dist/utils/nanoid.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
-
-The MIT License (MIT)
-
-Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
-
-// This alphabet uses `A-Za-z0-9_-` symbols.
-// The order of characters is optimized for better gzip and brotli compression.
-// References to the same file (works both for gzip and brotli):
-// `'use`, `andom`, and `rict'`
-// References to the brotli default dictionary:
-// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
-let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-
-export function nanoid(size = 21) {
-    let id = "";
-    // A compact alternative for `for (var i = 0; i < step; i++)`.
-    let i = size;
-    while (i--) {
-        // `| 0` is more compact and faster than `Math.floor()`.
-        id += urlAlphabet[(Math.random() * 64) | 0];
-    }
-    return id;
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html
deleted file mode 100644
index 6820a9346..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="description" content="A TodoMVC workload app for Speedometer!" />
-        <title>TodoMVC: JavaScript Web Components</title>
-        <link rel="stylesheet" href="node_modules/todomvc-css/dist/global.css" />
-        <link rel="stylesheet" href="node_modules/todomvc-css/dist/header.css" />
-        <link rel="stylesheet" href="node_modules/todomvc-css/dist/footer.css" />
-        <!-- load these first, so that they are registered by the time the app components needs them -->
-        <script type="module" src="src/components/todo-topbar/todo-topbar.component.js"></script>
-        <script type="module" src="src/components/todo-list/todo-list.component.js"></script>
-        <script type="module" src="src/components/todo-bottombar/todo-bottombar.component.js"></script>
-        <script type="module" src="src/components/todo-app/todo-app.component.js"></script>
-    </head>
-
-    <body>
-        <header class="header">
-            <a href="#" style="text-decoration: none"><h1 class="title">todos</h1></a>
-        </header>
-        <todo-app></todo-app>
-        <footer class="footer">
-            <p class="footer-text">Click on input field to write your todo.</p>
-            <p class="footer-text">At least one character is needed to be a valid entry.</p>
-            <p class="footer-text">Press 'enter' to add the todo.</p>
-            <p class="footer-text">Double-click to edit a todo</p>
-        </footer>
-    </body>
-</html>
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json
deleted file mode 100644
index 34dfaedc3..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package-lock.json
+++ /dev/null
@@ -1,756 +0,0 @@
-{
-    "name": "todomvc-javascript-web-components",
-    "version": "1.0.0",
-    "lockfileVersion": 2,
-    "requires": true,
-    "packages": {
-        "": {
-            "name": "todomvc-javascript-web-components",
-            "version": "1.0.0",
-            "license": "ISC",
-            "dependencies": {
-                "http-server": "^14.1.1",
-                "todomvc-css": "file:../../todomvc-css"
-            },
-            "engines": {
-                "node": ">=18.13.0",
-                "npm": ">=8.19.3"
-            }
-        },
-        "../../todomvc-css": {
-            "version": "1.0.0",
-            "license": "ISC",
-            "devDependencies": {
-                "@rollup/plugin-babel": "^6.0.3",
-                "@rollup/plugin-commonjs": "^25.0.0",
-                "@rollup/plugin-html": "^1.0.2",
-                "@rollup/plugin-node-resolve": "^15.0.2",
-                "@rollup/plugin-terser": "^0.4.3",
-                "@rollup/pluginutils": "^5.0.2",
-                "fs-extra": "^11.1.1",
-                "globby": "^13.2.0",
-                "http-server": "^14.1.1",
-                "rollup": "^3.23.0",
-                "rollup-plugin-cleaner": "^1.0.0",
-                "rollup-plugin-copy-merge": "^1.0.2",
-                "rollup-plugin-import-css": "^3.2.1",
-                "strip-comments": "^2.0.1",
-                "stylelint": "^15.6.2",
-                "stylelint-config-standard": "^33.0.0"
-            },
-            "engines": {
-                "node": ">=18.13.0",
-                "npm": ">=8.19.3"
-            }
-        },
-        "node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/async": {
-            "version": "2.6.4",
-            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
-            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
-            "dependencies": {
-                "lodash": "^4.17.14"
-            }
-        },
-        "node_modules/basic-auth": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
-            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
-            "dependencies": {
-                "safe-buffer": "5.1.2"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/call-bind": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-            "dependencies": {
-                "function-bind": "^1.1.1",
-                "get-intrinsic": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/chalk": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "dependencies": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/chalk?sponsor=1"
-            }
-        },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
-            "engines": {
-                "node": ">=7.0.0"
-            }
-        },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "node_modules/corser": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
-            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
-        "node_modules/debug": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-            "dependencies": {
-                "ms": "^2.1.1"
-            }
-        },
-        "node_modules/eventemitter3": {
-            "version": "4.0.7",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
-        },
-        "node_modules/follow-redirects": {
-            "version": "1.15.5",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
-                }
-            ],
-            "engines": {
-                "node": ">=4.0"
-            },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/function-bind": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-        },
-        "node_modules/get-intrinsic": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-            "dependencies": {
-                "function-bind": "^1.1.1",
-                "has": "^1.0.3",
-                "has-proto": "^1.0.1",
-                "has-symbols": "^1.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "dependencies": {
-                "function-bind": "^1.1.1"
-            },
-            "engines": {
-                "node": ">= 0.4.0"
-            }
-        },
-        "node_modules/has-flag": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/has-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-symbols": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/he": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-            "bin": {
-                "he": "bin/he"
-            }
-        },
-        "node_modules/html-encoding-sniffer": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-            "dependencies": {
-                "whatwg-encoding": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/http-proxy": {
-            "version": "1.18.1",
-            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-            "dependencies": {
-                "eventemitter3": "^4.0.0",
-                "follow-redirects": "^1.0.0",
-                "requires-port": "^1.0.0"
-            },
-            "engines": {
-                "node": ">=8.0.0"
-            }
-        },
-        "node_modules/http-server": {
-            "version": "14.1.1",
-            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
-            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
-            "dependencies": {
-                "basic-auth": "^2.0.1",
-                "chalk": "^4.1.2",
-                "corser": "^2.0.1",
-                "he": "^1.2.0",
-                "html-encoding-sniffer": "^3.0.0",
-                "http-proxy": "^1.18.1",
-                "mime": "^1.6.0",
-                "minimist": "^1.2.6",
-                "opener": "^1.5.1",
-                "portfinder": "^1.0.28",
-                "secure-compare": "3.0.1",
-                "union": "~0.5.0",
-                "url-join": "^4.0.1"
-            },
-            "bin": {
-                "http-server": "bin/http-server"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/lodash": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-        },
-        "node_modules/mime": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-            "bin": {
-                "mime": "cli.js"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/minimist": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/mkdirp": {
-            "version": "0.5.6",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-            "dependencies": {
-                "minimist": "^1.2.6"
-            },
-            "bin": {
-                "mkdirp": "bin/cmd.js"
-            }
-        },
-        "node_modules/ms": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-        },
-        "node_modules/object-inspect": {
-            "version": "1.12.3",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/opener": {
-            "version": "1.5.2",
-            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
-            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
-            "bin": {
-                "opener": "bin/opener-bin.js"
-            }
-        },
-        "node_modules/portfinder": {
-            "version": "1.0.32",
-            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
-            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
-            "dependencies": {
-                "async": "^2.6.4",
-                "debug": "^3.2.7",
-                "mkdirp": "^0.5.6"
-            },
-            "engines": {
-                "node": ">= 0.12.0"
-            }
-        },
-        "node_modules/qs": {
-            "version": "6.11.2",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
-            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
-            "dependencies": {
-                "side-channel": "^1.0.4"
-            },
-            "engines": {
-                "node": ">=0.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/requires-port": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-        },
-        "node_modules/safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-        },
-        "node_modules/safer-buffer": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-        },
-        "node_modules/secure-compare": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
-            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw=="
-        },
-        "node_modules/side-channel": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-            "dependencies": {
-                "call-bind": "^1.0.0",
-                "get-intrinsic": "^1.0.2",
-                "object-inspect": "^1.9.0"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/supports-color": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "dependencies": {
-                "has-flag": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/todomvc-css": {
-            "resolved": "../../todomvc-css",
-            "link": true
-        },
-        "node_modules/union": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
-            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
-            "dependencies": {
-                "qs": "^6.4.0"
-            },
-            "engines": {
-                "node": ">= 0.8.0"
-            }
-        },
-        "node_modules/url-join": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
-            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA=="
-        },
-        "node_modules/whatwg-encoding": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-            "dependencies": {
-                "iconv-lite": "0.6.3"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        }
-    },
-    "dependencies": {
-        "ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "requires": {
-                "color-convert": "^2.0.1"
-            }
-        },
-        "async": {
-            "version": "2.6.4",
-            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
-            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
-            "requires": {
-                "lodash": "^4.17.14"
-            }
-        },
-        "basic-auth": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
-            "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
-            "requires": {
-                "safe-buffer": "5.1.2"
-            }
-        },
-        "call-bind": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-            "requires": {
-                "function-bind": "^1.1.1",
-                "get-intrinsic": "^1.0.2"
-            }
-        },
-        "chalk": {
-            "version": "4.1.2",
-            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-            "requires": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-            }
-        },
-        "color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "requires": {
-                "color-name": "~1.1.4"
-            }
-        },
-        "color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-        },
-        "corser": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
-            "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ=="
-        },
-        "debug": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-            "requires": {
-                "ms": "^2.1.1"
-            }
-        },
-        "eventemitter3": {
-            "version": "4.0.7",
-            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-            "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
-        },
-        "follow-redirects": {
-            "version": "1.15.5",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-            "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw=="
-        },
-        "function-bind": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-        },
-        "get-intrinsic": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-            "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-            "requires": {
-                "function-bind": "^1.1.1",
-                "has": "^1.0.3",
-                "has-proto": "^1.0.1",
-                "has-symbols": "^1.0.3"
-            }
-        },
-        "has": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "requires": {
-                "function-bind": "^1.1.1"
-            }
-        },
-        "has-flag": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
-        },
-        "has-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg=="
-        },
-        "has-symbols": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
-        },
-        "he": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
-        },
-        "html-encoding-sniffer": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-            "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-            "requires": {
-                "whatwg-encoding": "^2.0.0"
-            }
-        },
-        "http-proxy": {
-            "version": "1.18.1",
-            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-            "requires": {
-                "eventemitter3": "^4.0.0",
-                "follow-redirects": "^1.0.0",
-                "requires-port": "^1.0.0"
-            }
-        },
-        "http-server": {
-            "version": "14.1.1",
-            "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
-            "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
-            "requires": {
-                "basic-auth": "^2.0.1",
-                "chalk": "^4.1.2",
-                "corser": "^2.0.1",
-                "he": "^1.2.0",
-                "html-encoding-sniffer": "^3.0.0",
-                "http-proxy": "^1.18.1",
-                "mime": "^1.6.0",
-                "minimist": "^1.2.6",
-                "opener": "^1.5.1",
-                "portfinder": "^1.0.28",
-                "secure-compare": "3.0.1",
-                "union": "~0.5.0",
-                "url-join": "^4.0.1"
-            }
-        },
-        "iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "requires": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            }
-        },
-        "lodash": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-        },
-        "mime": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-            "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
-        },
-        "minimist": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="
-        },
-        "mkdirp": {
-            "version": "0.5.6",
-            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-            "requires": {
-                "minimist": "^1.2.6"
-            }
-        },
-        "ms": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-        },
-        "object-inspect": {
-            "version": "1.12.3",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-            "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g=="
-        },
-        "opener": {
-            "version": "1.5.2",
-            "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
-            "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A=="
-        },
-        "portfinder": {
-            "version": "1.0.32",
-            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
-            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
-            "requires": {
-                "async": "^2.6.4",
-                "debug": "^3.2.7",
-                "mkdirp": "^0.5.6"
-            }
-        },
-        "qs": {
-            "version": "6.11.2",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
-            "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
-            "requires": {
-                "side-channel": "^1.0.4"
-            }
-        },
-        "requires-port": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-        },
-        "safe-buffer": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-        },
-        "safer-buffer": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-        },
-        "secure-compare": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
-            "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw=="
-        },
-        "side-channel": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-            "requires": {
-                "call-bind": "^1.0.0",
-                "get-intrinsic": "^1.0.2",
-                "object-inspect": "^1.9.0"
-            }
-        },
-        "supports-color": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-            "requires": {
-                "has-flag": "^4.0.0"
-            }
-        },
-        "todomvc-css": {
-            "version": "file:../../todomvc-css",
-            "requires": {
-                "@rollup/plugin-babel": "^6.0.3",
-                "@rollup/plugin-commonjs": "^25.0.0",
-                "@rollup/plugin-html": "^1.0.2",
-                "@rollup/plugin-node-resolve": "^15.0.2",
-                "@rollup/plugin-terser": "^0.4.3",
-                "@rollup/pluginutils": "^5.0.2",
-                "fs-extra": "^11.1.1",
-                "globby": "^13.2.0",
-                "http-server": "^14.1.1",
-                "rollup": "^3.23.0",
-                "rollup-plugin-cleaner": "^1.0.0",
-                "rollup-plugin-copy-merge": "^1.0.2",
-                "rollup-plugin-import-css": "^3.2.1",
-                "strip-comments": "^2.0.1",
-                "stylelint": "^15.6.2",
-                "stylelint-config-standard": "^33.0.0"
-            }
-        },
-        "union": {
-            "version": "0.5.0",
-            "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
-            "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
-            "requires": {
-                "qs": "^6.4.0"
-            }
-        },
-        "url-join": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
-            "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA=="
-        },
-        "whatwg-encoding": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-            "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-            "requires": {
-                "iconv-lite": "0.6.3"
-            }
-        }
-    }
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json
deleted file mode 100644
index a04fdab85..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-    "name": "todomvc-javascript-web-components",
-    "version": "1.0.0",
-    "description": "TodoMVC app written with JavaScript using web components.",
-    "engines": {
-        "node": ">=18.13.0",
-        "npm": ">=8.19.3"
-    },
-    "private": true,
-    "scripts": {
-        "dev": "http-server ./ -p 7005 -c-1 --cors -o",
-        "build": "node scripts/build.js",
-        "serve": "http-server ./dist -p 7006 -c-1 --cors -o"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "ISC",
-    "dependencies": {
-        "http-server": "^14.1.1",
-        "todomvc-css": "file:../../todomvc-css"
-    }
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js
deleted file mode 100644
index d5fa77557..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/scripts/build.js
+++ /dev/null
@@ -1,94 +0,0 @@
-const fs = require("fs").promises;
-const getDirName = require("path").dirname;
-
-const rootDirectory = "./";
-const sourceDirectory = "./src";
-const targetDirectory = "./dist";
-
-const htmlFile = "index.html";
-
-const filesToMove = {
-    index: [
-        { src: "node_modules/todomvc-css/dist/global.css", dest: "styles/global.css" },
-        { src: "node_modules/todomvc-css/dist/header.css", dest: "styles/header.css" },
-        { src: "node_modules/todomvc-css/dist/footer.css", dest: "styles/footer.css" },
-    ],
-    app: [
-        { src: "node_modules/todomvc-css/dist/global.constructable.js", dest: "styles/global.constructable.js" },
-        { src: "node_modules/todomvc-css/dist/app.constructable.js", dest: "styles/app.constructable.js" },
-        { src: "node_modules/todomvc-css/dist/topbar.constructable.js", dest: "styles/topbar.constructable.js" },
-        { src: "node_modules/todomvc-css/dist/main.constructable.js", dest: "styles/main.constructable.js" },
-        { src: "node_modules/todomvc-css/dist/bottombar.constructable.js", dest: "styles/bottombar.constructable.js" },
-        { src: "node_modules/todomvc-css/dist/todo-list.constructable.js", dest: "styles/todo-list.constructable.js" },
-        { src: "node_modules/todomvc-css/dist/todo-item.constructable.js", dest: "styles/todo-item.constructable.js" },
-    ],
-};
-
-const importsToRename = {
-    src: "../../../node_modules/todomvc-css/dist/",
-    dest: "../../styles/",
-    files: [
-        "components/todo-app/todo-app.component.js",
-        "components/todo-bottombar/todo-bottombar.component.js",
-        "components/todo-item/todo-item.component.js",
-        "components/todo-list/todo-list.component.js",
-        "components/todo-topbar/todo-topbar.component.js",
-    ],
-};
-
-const copy = async (src, dest) => {
-    await fs.mkdir(getDirName(dest), { recursive: true });
-    await fs.copyFile(src, dest);
-};
-
-const copyFilesToMove = async (files) => {
-    for (let i = 0; i < files.length; i++)
-        await copy(files[i].src, `${targetDirectory}/${files[i].dest}`);
-};
-
-const updateImports = async ({ file, src, dest }) => {
-    let contents = await fs.readFile(`${targetDirectory}/${file}`, "utf8");
-    contents = contents.replaceAll(src, dest);
-    await fs.writeFile(`${targetDirectory}/${file}`, contents);
-};
-
-const build = async () => {
-    // remove dist directory if it exists
-    await fs.rm(targetDirectory, { recursive: true, force: true });
-
-    // re-create the directory.
-    await fs.mkdir(targetDirectory);
-
-    // copy src folder
-    await fs.cp(sourceDirectory, targetDirectory, { recursive: true }, (err) => {
-        if (err)
-            console.error(err);
-    });
-
-    // copy files to Move
-    for (const key in filesToMove)
-        copyFilesToMove(filesToMove[key]);
-
-    // read html file
-    let contents = await fs.readFile(`${rootDirectory}/${htmlFile}`, "utf8");
-
-    // remove base paths from files to move
-    const filesToMoveForIndex = filesToMove.index;
-    for (let i = 0; i < filesToMoveForIndex.length; i++)
-        contents = contents.replace(filesToMoveForIndex[i].src, filesToMoveForIndex[i].dest);
-
-    // remove basePath from source directory
-    const basePath = `${sourceDirectory.split("/")[1]}/`;
-    const re = new RegExp(basePath, "g");
-    contents = contents.replace(re, "");
-
-    // write html files
-    await fs.writeFile(`${targetDirectory}/${htmlFile}`, contents);
-
-    // rename imports in modules
-    importsToRename.files.forEach((file) => updateImports({ file, src: importsToRename.src, dest: importsToRename.dest }));
-
-    console.log("done!!");
-};
-
-build();
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
deleted file mode 100644
index 1f88ef4e8..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.component.js
+++ /dev/null
@@ -1,155 +0,0 @@
-import template from "./todo-app.template.js";
-import { useRouter } from "../../hooks/useRouter.js";
-
-import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
-import appStyles from "../../../node_modules/todomvc-css/dist/app.constructable.js";
-import mainStyles from "../../../node_modules/todomvc-css/dist/main.constructable.js";
-class TodoApp extends HTMLElement {
-    #isReady = false;
-    #data = [];
-    constructor() {
-        super();
-
-        const node = document.importNode(template.content, true);
-        this.topbar = node.querySelector("todo-topbar");
-        this.list = node.querySelector("todo-list");
-        this.bottombar = node.querySelector("todo-bottombar");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, appStyles, mainStyles];
-        this.shadow.append(node);
-
-        this.addItem = this.addItem.bind(this);
-        this.toggleItem = this.toggleItem.bind(this);
-        this.removeItem = this.removeItem.bind(this);
-        this.updateItem = this.updateItem.bind(this);
-        this.toggleItems = this.toggleItems.bind(this);
-        this.clearCompletedItems = this.clearCompletedItems.bind(this);
-        this.moveToNextPage = this.moveToNextPage.bind(this);
-        this.routeChange = this.routeChange.bind(this);
-
-        this.router = useRouter();
-    }
-
-    get isReady() {
-        return this.#isReady;
-    }
-
-    getInstance() {
-        return this;
-    }
-
-    addItem(event) {
-        const { detail: item } = event;
-
-        this.#data.push(item);
-        this.list.addItem(item);
-
-        this.update("add-item", item.id);
-    }
-
-    toggleItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.completed = event.detail.completed;
-        });
-
-        this.update("toggle-item", event.detail.id);
-    }
-
-    removeItem(event) {
-        this.#data.forEach((entry, index) => {
-            if (entry.id === event.detail.id)
-                this.#data.splice(index, 1);
-        });
-
-        this.update("remove-item", event.detail.id);
-    }
-
-    updateItem(event) {
-        this.#data.forEach((entry) => {
-            if (entry.id === event.detail.id)
-                entry.title = event.detail.title;
-        });
-
-        this.update("update-item", event.detail.id);
-    }
-
-    toggleItems(event) {
-        this.list.toggleItems(event.detail.completed);
-    }
-
-    clearCompletedItems() {
-        this.list.removeCompletedItems();
-    }
-
-    moveToNextPage() {
-        this.list.moveToNextPage();
-    }
-
-    update(type = "", id = "") {
-        const totalItems = this.#data.length;
-        const activeItems = this.#data.filter((entry) => !entry.completed).length;
-        const completedItems = totalItems - activeItems;
-
-        this.list.setAttribute("total-items", totalItems);
-        this.list.updateElements(type, id);
-
-        this.topbar.setAttribute("total-items", totalItems);
-        this.topbar.setAttribute("active-items", activeItems);
-        this.topbar.setAttribute("completed-items", completedItems);
-
-        this.bottombar.setAttribute("total-items", totalItems);
-        this.bottombar.setAttribute("active-items", activeItems);
-    }
-
-    addListeners() {
-        this.topbar.addEventListener("toggle-all", this.toggleItems);
-        this.topbar.addEventListener("add-item", this.addItem);
-
-        this.list.listNode.addEventListener("toggle-item", this.toggleItem);
-        this.list.listNode.addEventListener("remove-item", this.removeItem);
-        this.list.listNode.addEventListener("update-item", this.updateItem);
-
-        this.bottombar.addEventListener("clear-completed-items", this.clearCompletedItems);
-        this.bottombar.addEventListener("move-to-next-page", this.moveToNextPage);
-    }
-
-    removeListeners() {
-        this.topbar.removeEventListener("toggle-all", this.toggleItems);
-        this.topbar.removeEventListener("add-item", this.addItem);
-
-        this.list.listNode.removeEventListener("toggle-item", this.toggleItem);
-        this.list.listNode.removeEventListener("remove-item", this.removeItem);
-        this.list.listNode.removeEventListener("update-item", this.updateItem);
-
-        this.bottombar.removeEventListener("clear-completed-items", this.clearCompletedItems);
-        this.bottombar.removeEventListener("go-to-next-page", this.moveToNextPage);
-    }
-
-    routeChange(route) {
-        const routeName = route.split("/")[1] || "all";
-        this.list.updateRoute(routeName);
-        console.log(this.bottombar, "bottombar");
-        this.bottombar.updateRoute(routeName);
-        this.topbar.updateRoute(routeName);
-    }
-
-    connectedCallback() {
-        this.update("connected");
-        this.addListeners();
-        this.router.initRouter(this.routeChange);
-        this.#isReady = true;
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-        this.#isReady = false;
-    }
-}
-
-customElements.define("todo-app", TodoApp);
-
-export default TodoApp;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js
deleted file mode 100644
index 1a55a8194..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-app/todo-app.template.js
+++ /dev/null
@@ -1,14 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-app-template";
-template.innerHTML = `
-    <section class="app">
-        <todo-topbar></todo-topbar>
-        <main class="main">
-            <todo-list></todo-list>
-        </main>
-        <todo-bottombar></todo-bottombar>
-    </section>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
deleted file mode 100644
index d6aa9130a..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.component.js
+++ /dev/null
@@ -1,227 +0,0 @@
-import template from "./todo-bottombar.template.js";
-
-import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
-// import bottombarStyles from "../../../node_modules/todomvc-css/dist/bottombar.constructable.js";
-
-const bottombarStyles = new CSSStyleSheet();
-bottombarStyles.replaceSync(`:host {
-    display: block;
-    box-shadow: none !important;
-}
-
-.bottombar {
-    padding: 10px 0;
-    height: 41px;
-    text-align: center;
-    font-size: 15px;
-    border-top: 1px solid #e6e6e6;
-    display: flex;
-    flex-direction: row;
-}
-
-.bottombar.hidden-footer {
-    display: none;
-}
-
-.bottombar::before {
-    content: "";
-    right: 0;
-    bottom: 0;
-    left: 0;
-    height: 50px;
-    overflow: hidden;
-    pointer-events: none;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6, 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6, 0 17px 2px -6px rgba(0, 0, 0, 0.2);
-}
-
-.todo-count {
-    font-weight: 300;
-}
-
-.filter-item {
-    display: inline-block;
-}
-
-.filter-link {
-    color: inherit;
-    margin: 3px;
-    padding: 0 7px;
-    text-decoration: none;
-    border: 1px solid transparent;
-    border-radius: 3px;
-    cursor: pointer;
-    display: block;
-    height: 26px;
-    line-height: 26px;
-}
-
-.filter-link:hover {
-    border-color: #db7676;
-}
-
-.filter-link.selected {
-    border-color: #ce4646;
-}
-
-.clear-completed-button,
-.clear-completed-button:active {
-    text-decoration: none;
-    cursor: pointer;
-    padding: 3px;
-    height: 32px;
-    line-height: 26px;
-    right: 12px;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.clear-completed-button:hover {
-    text-decoration: underline;
-}
-
-/* rtl support */
-html[dir="rtl"] .todo-status,
-:host([dir="rtl"]) .todo-status {
-    right: 12px;
-    left: unset;
-}
-
-html[dir="rtl"] .clear-completed-button,
-:host([dir="rtl"]) .clear-completed-button {
-    left: 12px;
-    right: unset;
-}
-
-@media (max-width: 430px) {
-    .bottombar {
-        height: 120px;
-    }
-
-    .todo-status {
-        display: block;
-        text-align: center;
-        position: relative;
-        left: unset;
-        right: unset;
-        top: unset;
-        transform: unset;
-    }
-
-    .filter-list {
-        display: block;
-        position: relative;
-        left: unset;
-        right: unset;
-        top: unset;
-        transform: unset;
-    }
-
-    .clear-completed-button,
-    .clear-completed-button:active {
-        display: block;
-        margin: 0 auto;
-        position: relative;
-        left: unset;
-        right: unset;
-        top: unset;
-        transform: unset;
-    }
-
-        html[dir="rtl"] .todo-status,
-    :host([dir="rtl"]) .todo-status {
-        right: unset;
-        left: unset;
-    }
-
-    html[dir="rtl"] .clear-completed-button,
-    :host([dir="rtl"]) .clear-completed-button {
-        left: unset;
-        right: unset;
-    }
-`);
-
-class TodoBottombar extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items", "active-items"];
-    }
-
-    constructor() {
-        super();
-
-        const node = document.importNode(template.content, true);
-        this.element = node.querySelector(".bottombar");
-        this.clearCompletedButton = node.querySelector(".clear-completed-button");
-        this.nextPageButton = node.getElementById("next-page-button");
-        this.todoStatus = node.querySelector(".todo-status");
-        this.filterLinks = node.querySelectorAll(".filter-link");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
-        this.shadow.append(node);
-
-        this.clearCompletedItems = this.clearCompletedItems.bind(this);
-        this.moveToNextPage = this.moveToNextPage.bind(this);
-    }
-
-    updateDisplay() {
-        if (parseInt(this["total-items"]) !== 0) {
-            this.element.classList.remove("hidden-footer");
-        }
-        else {
-            this.element.classList.add("hidden-footer");
-        }
-
-        this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
-    }
-
-    updateRoute(route) {
-        this.filterLinks.forEach((link) => {
-            if (link.dataset.route === route)
-                link.classList.add("selected");
-            else
-                link.classList.remove("selected");
-        });
-    }
-
-    clearCompletedItems() {
-        this.dispatchEvent(new CustomEvent("clear-completed-items"));
-    }
-
-    moveToNextPage() {
-        this.dispatchEvent(new CustomEvent("move-to-next-page"));
-    }
-
-    addListeners() {
-        this.clearCompletedButton.addEventListener("click", this.clearCompletedItems);
-        this.nextPageButton.addEventListener("click", this.moveToNextPage);
-    }
-
-    removeListeners() {
-        this.clearCompletedButton.removeEventListener("click", this.clearCompletedItems);
-        this.nextPageButton.removeEventListener("click", this.moveToNextPage);
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-
-        if (this.isConnected)
-            this.updateDisplay();
-    }
-
-    connectedCallback() {
-        this.updateDisplay();
-        this.addListeners();
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-    }
-}
-
-customElements.define("todo-bottombar", TodoBottombar);
-
-export default TodoBottombar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
deleted file mode 100644
index 4562a84cd..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-bottombar/todo-bottombar.template.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-bottombar-template";
-template.innerHTML = `
-    <footer class="bottombar hidden-footer">
-        <div class="todo-status"><span class="todo-count">0</span> item left</div>
-        <div class="filter-list">
-            <div class="filter-item">
-                <a id="filter-link-all" class="filter-link selected" href="#/" data-route="all">All</a>
-            </div>
-            <div class="filter-item">
-                <a id="filter-link-active" class="filter-link" href="#/active" data-route="active">Active</a>
-            </div>
-            <div class="filter-item">
-                <a id="filter-link-completed" class="filter-link" href="#/completed" data-route="completed">Completed</a>
-            </div>
-        </div>
-        <button id="clear-completed" class="clear-completed-button">Clear completed</button>
-        <button id="next-page-button"> > </button>
-    </footer>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js
deleted file mode 100644
index 7a310bf82..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.component.js
+++ /dev/null
@@ -1,190 +0,0 @@
-import template from "./todo-item.template.js";
-import { useDoubleClick } from "../../hooks/useDoubleClick.js";
-import { useKeyListener } from "../../hooks/useKeyListener.js";
-
-import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
-import itemStyles from "../../../node_modules/todomvc-css/dist/todo-item.constructable.js";
-
-class TodoItem extends HTMLElement {
-    static get observedAttributes() {
-        return ["itemid", "itemtitle", "itemcompleted"];
-    }
-
-    constructor() {
-        super();
-
-        // Renamed this.id to this.itemid and this.title to this.itemtitle.
-        // When the component assigns to this.id or this.title, this causes the browser's implementation of the existing setters to run, which convert these property sets into internal setAttribute calls. This can have surprising consequences.
-        // [Issue]: https://github.com/WebKit/Speedometer/issues/313
-        this.itemid = "";
-        this.itemtitle = "Todo Item";
-        this.itemcompleted = "false";
-
-        const node = document.importNode(template.content, true);
-        this.item = node.querySelector(".todo-item");
-        this.toggleLabel = node.querySelector(".toggle-todo-label");
-        this.toggleInput = node.querySelector(".toggle-todo-input");
-        this.todoText = node.querySelector(".todo-item-text");
-        this.todoButton = node.querySelector(".remove-todo-button");
-        this.editLabel = node.querySelector(".edit-todo-label");
-        this.editInput = node.querySelector(".edit-todo-input");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, itemStyles];
-        this.shadow.append(node);
-
-        this.keysListeners = [];
-
-        this.updateItem = this.updateItem.bind(this);
-        this.toggleItem = this.toggleItem.bind(this);
-        this.removeItem = this.removeItem.bind(this);
-        this.startEdit = this.startEdit.bind(this);
-        this.stopEdit = this.stopEdit.bind(this);
-        this.cancelEdit = this.cancelEdit.bind(this);
-
-        if (window.extraTodoItemCssToAdopt) {
-            let extraAdoptedStyleSheet = new CSSStyleSheet();
-            extraAdoptedStyleSheet.replaceSync(window.extraTodoItemCssToAdopt);
-            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
-        }
-    }
-
-    update(...args) {
-        args.forEach((argument) => {
-            switch (argument) {
-                case "itemid":
-                    if (this.itemid !== undefined)
-                        this.item.id = `todo-item-${this.itemid}`;
-                    break;
-                case "itemtitle":
-                    if (this.itemtitle !== undefined) {
-                        this.todoText.textContent = this.itemtitle;
-                        this.editInput.value = this.itemtitle;
-                    }
-                    break;
-                case "itemcompleted":
-                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
-                    break;
-            }
-        });
-    }
-
-    startEdit() {
-        this.item.classList.add("editing");
-        this.editInput.value = this.itemtitle;
-        this.editInput.focus();
-    }
-
-    stopEdit() {
-        this.item.classList.remove("editing");
-    }
-
-    cancelEdit() {
-        this.editInput.blur();
-    }
-
-    toggleItem() {
-        // The todo-list checks the "completed" attribute to filter based on route
-        // (therefore the completed state needs to already be updated before the check)
-        this.setAttribute("itemcompleted", this.toggleInput.checked);
-
-        this.dispatchEvent(
-            new CustomEvent("toggle-item", {
-                detail: { id: this.itemid, completed: this.toggleInput.checked },
-                bubbles: true,
-            })
-        );
-    }
-
-    removeItem() {
-        // The todo-list keeps a reference to all elements and updates the list on removal.
-        // (therefore the removal has to happen after the list is updated)
-        this.dispatchEvent(
-            new CustomEvent("remove-item", {
-                detail: { id: this.itemid },
-                bubbles: true,
-            })
-        );
-        this.remove();
-    }
-
-    updateItem(event) {
-        if (event.target.value !== this.itemtitle) {
-            if (!event.target.value.length) {
-                this.removeItem();
-            } else {
-                this.setAttribute("itemtitle", event.target.value);
-                this.dispatchEvent(
-                    new CustomEvent("update-item", {
-                        detail: { id: this.itemid, title: event.target.value },
-                        bubbles: true,
-                    })
-                );
-            }
-        }
-
-        this.cancelEdit();
-    }
-
-    addListeners() {
-        this.toggleInput.addEventListener("change", this.toggleItem);
-        this.todoText.addEventListener("click", useDoubleClick(this.startEdit, 500));
-        this.editInput.addEventListener("blur", this.stopEdit);
-        this.todoButton.addEventListener("click", this.removeItem);
-
-        this.keysListeners.forEach((listener) => listener.connect());
-    }
-
-    removeListeners() {
-        this.toggleInput.removeEventListener("change", this.toggleItem);
-        this.todoText.removeEventListener("click", this.startEdit);
-        this.editInput.removeEventListener("blur", this.stopEdit);
-        this.todoButton.removeEventListener("click", this.removeItem);
-
-        this.keysListeners.forEach((listener) => listener.disconnect());
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-
-        if (this.isConnected)
-            this.update(property);
-    }
-
-    connectedCallback() {
-        this.update("itemid", "itemtitle", "itemcompleted");
-
-        this.keysListeners.push(
-            useKeyListener({
-                target: this.editInput,
-                event: "keyup",
-                callbacks: {
-                    ["Enter"]: this.updateItem,
-                    ["Escape"]: this.cancelEdit,
-                },
-            }),
-            useKeyListener({
-                target: this.todoText,
-                event: "keyup",
-                callbacks: {
-                    [" "]: this.startEdit, // this feels weird
-                },
-            })
-        );
-
-        this.addListeners();
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-        this.keysListeners = [];
-    }
-}
-
-customElements.define("todo-item", TodoItem);
-
-export default TodoItem;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js
deleted file mode 100644
index 9a67675fd..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-item/todo-item.template.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-item-template";
-template.innerHTML = `
-    <li class="todo-item">
-        <div class="display-todo">
-            <label for="toggle-todo" class="toggle-todo-label visually-hidden">Toggle Todo</label>
-            <input id="toggle-todo" class="toggle-todo-input" type="checkbox" />
-            <span class="todo-item-text truncate-singleline" tabindex="0">Placeholder Text</span>
-            <button class="remove-todo-button" title="Remove Todo"></button>
-        </div>
-        <div class="edit-todo-container">
-            <label for="edit-todo" class="edit-todo-label visually-hidden">Edit todo</label>
-            <input id="edit-todo" class="edit-todo-input" />
-        </div>
-    </li>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
deleted file mode 100644
index f6a108e41..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.component.js
+++ /dev/null
@@ -1,597 +0,0 @@
-import template from "./todo-list.template.js";
-import TodoItem from "../todo-item/todo-item.component.js";
-
-import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
-import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
-
-let additionalListStyles = new CSSStyleSheet();
-additionalListStyles.replaceSync(
-    `.todo-list,
-    todo-item {
-        display: block;
-    }
-
-    .todo-list > :nth-child(10) ~ todo-item,
-    .display-none {
-        display: none;
-    }
-`);
-
-class FixedSizeQueue {
-    #buffer;
-    #capacity;
-    #size = 0;
-    #head = 0;
-    #tail = 0;
-
-    constructor(capacity = 10) {
-        if (capacity <= 0) {
-            throw new Error("Queue capacity must be positive");
-        }
-        this.#capacity = capacity;
-        this.#buffer = new Array(capacity);
-    }
-
-    /**
-     * Add an element to the rear of the queue
-     * @param {*} element - Element to add
-     * @returns {boolean} - True if element was added, false if queue is full
-     */
-    enqueue(element) {
-        if (this.isFull()) {
-            return false;
-        }
-        
-        this.#buffer[this.#tail] = element;
-        this.#tail = (this.#tail + 1) % this.#capacity;
-        this.#size++;
-        return true;
-    }
-
-    /**
-     * Add multiple elements to the rear of the queue
-     * @param {Array} elements - Array of elements to add
-     * @returns {number} - The number of elements that were added to the queue
-     */
-    enqueueAll(elements) {
-        // Calculate available space and number of elements we can add
-        const availableSpace = this.#capacity - this.#size;
-        const elementsToAdd = Math.min(elements.length, availableSpace);
-        
-        // Add as many elements as will fit
-        for (let i = 0; i < elementsToAdd; i++) {
-            this.#buffer[this.#tail] = elements[i];
-            this.#tail = (this.#tail + 1) % this.#capacity;
-            this.#size++;
-        }
-        
-        return elementsToAdd;
-    }
-
-    /**
-     * Remove and return an element from the front of the queue
-     * @returns {*} - The element at the front of the queue, or undefined if empty
-     */
-    dequeue() {
-        if (this.isEmpty()) {
-            return undefined;
-        }
-        
-        const element = this.#buffer[this.#head];
-        this.#buffer[this.#head] = undefined; // Clear reference for GC
-        this.#head = (this.#head + 1) % this.#capacity;
-        this.#size--;
-        return element;
-    }
-
-    /**
-     * Remove and return multiple elements from the front of the queue
-     * @param {number} count - Number of elements to dequeue
-     * @returns {Array} - Array of dequeued elements (may be fewer than requested if not enough available)
-     */
-    dequeueMany(count) {
-        if (count <= 0) {
-            return [];
-        }
-        
-        const elementsToDequeue = Math.min(count, this.#size);
-        const result = new Array(elementsToDequeue);
-        
-        for (let i = 0; i < elementsToDequeue; i++) {
-            result[i] = this.#buffer[this.#head];
-            this.#buffer[this.#head] = undefined; // Clear reference for GC
-            this.#head = (this.#head + 1) % this.#capacity;
-            this.#size--;
-        }
-        
-        return result;
-    }
-
-    /**
-     * Return the element at the front of the queue without removing it
-     * @returns {*} - The element at the front of the queue, or undefined if empty
-     */
-    peek() {
-        return this.isEmpty() ? undefined : this.#buffer[this.#head];
-    }
-
-    /**
-     * Check if the queue is empty
-     * @returns {boolean} - True if queue is empty
-     */
-    isEmpty() {
-        return this.#size === 0;
-    }
-
-    /**
-     * Check if the queue is full
-     * @returns {boolean} - True if queue is full
-     */
-    isFull() {
-        return this.#size === this.#capacity;
-    }
-
-    /**
-     * Get the current number of elements in the queue
-     * @returns {number} - Current size of the queue
-     */
-    size() {
-        return this.#size;
-    }
-
-    /**
-     * Get the maximum capacity of the queue
-     * @returns {number} - Maximum capacity of the queue
-     */
-    capacity() {
-        return this.#capacity;
-    }
-
-    /**
-     * Clear all elements from the queue
-     */
-    clear() {
-        this.#buffer.fill(undefined);
-        this.#size = 0;
-        this.#head = 0;
-        this.#tail = 0;
-    }
-
-    /**
-     * Convert queue to array (for debugging/testing purposes)
-     * @returns {Array} - Array representation of queue elements in order
-     */
-    toArray() {
-        const result = new Array(this.#size);
-        for (let i = 0; i < this.#size; i++) {
-            result[i] = this.#buffer[(this.#head + i) % this.#capacity];
-        }
-        return result;
-    }
-}
-
-
-class MemoryCacheManager {
-
-    #cacheMaxSize = 10;
-    pendingPromise = null;
-    hasPendingUpdate = false;
-
-    // after cache will be used to load the next item in the list, we need fifo access.
-    #afterCache = new FixedSizeQueue(10);
-
-    constructor() {
-        this.currentId = -1;
-        this.cacheMaxSize = 10;
-    }
-
-    shouldAddToAfterCache() {
-        return !this.#afterCache.isFull();
-    }
-
-
-    addToAfterCache(element) {
-        if (this.#afterCache.isFull()) {
-            throw new Error("After cache is full, cannot add more items.");
-        }
-        this.#afterCache.enqueue(element);
-    }
-    
-    /**
-     * Add multiple elements to the forward cache
-     * @param {Array} elements - Array of elements to add to the forward cache
-     * @returns {number} - The number of elements that were added to the cache
-     */
-    addMultipleToAfterCache(elements) {
-        return this.#afterCache.enqueueAll(elements);
-    }
-
-    nextFromAfterCache() {
-        const result = this.#afterCache.dequeue();
-        return result !== undefined ? result : null;
-    }
-
-    /**
-     * Check if the forward cache (after cache) is empty
-     * @returns {boolean} - True if the forward cache is empty
-     */
-    isForwardCacheEmpty() {
-        return this.#afterCache.isEmpty();
-    }
-
-    /**
-     * Retrieves a given number of elements from the forward cache (afterCache)
-     * 
-     * @param {number} count - The number of elements to retrieve
-     * @returns {Array} - The next 'count' elements from the afterCache
-     */
-    getElementsFromAfterCache(count) {
-        return this.#afterCache.dequeueMany(count);
-    }
-
-    chainToPendingPromise(promise) {
-        if(!this.pendingPromise) {
-            throw(new Error("No pending promise to chain to."));
-        }
-        this.pendingPromise = this.pendingPromise.then(() => promise);
-    }
-}
-
-/**
- * Database manager for Todo items using IndexedDB
- */
-class TodoDatabase {
-    #db;
-    #dbName;
-    #dbVersion;
-    #storeName = 'todos';
-    #dbReadyCallback;
-    #numberOfPendingAddRequests = 0;
-    #numberOfPendingRemoveRequests = 0;
-
-    lastUsedOrderedId = 0;
-
-    /**
-     * Creates a new TodoDatabase instance
-     * @param {string} dbName - The name of the IndexedDB database
-     * @param {number} dbVersion - The version of the database
-     * @param {Function} readyCallback - Callback to invoke when the database is ready
-     */
-    constructor(dbName = 'todosDB', dbVersion = 1, readyCallback = null) {
-        this.#dbName = dbName;
-        this.#dbVersion = dbVersion;
-        this.#dbReadyCallback = readyCallback;
-        this.initialize();
-    }
-
-    /**
-     * Initializes the IndexedDB database for storing todo items
-     */
-    initialize() {
-        // Open the database connection
-        const request = indexedDB.open(this.#dbName, this.#dbVersion);
-        
-        // Handle database upgrade or creation
-        request.onupgradeneeded = (event) => {
-            this.#db = event.target.result;
-            
-            // Create an object store for our todos if it doesn't exist
-            if (!this.#db.objectStoreNames.contains(this.#storeName)) {
-                const todoStore = this.#db.createObjectStore(this.#storeName, { keyPath: 'orderedId'});
-                
-                // Create indexes for quick searches.
-                todoStore.createIndex('itemId', 'itemId', { unique: true });
-                todoStore.createIndex('completed', 'completed', { unique: false });
-                todoStore.createIndex('title', 'title', { unique: false });
-                todoStore.createIndex('priority', 'priority', { unique: false });
-            }
-        };
-        
-        // Handle successful database opening
-        request.onsuccess = (event) => {
-            this.#db = event.target.result;
-            console.log('IndexedDB initialized successfully');
-            
-            // Call ready callback if provided
-            if (this.#dbReadyCallback) {
-                this.#dbReadyCallback();
-            }
-        };
-        
-        // Handle errors
-        request.onerror = (event) => {
-            console.error('Error opening IndexedDB:', event.target.error);
-        };
-    }
-
-    /**
-     * Gets the database instance
-     * @returns {IDBDatabase} The IndexedDB database instance
-     */
-    get database() {
-        return this.#db;
-    }
-    
-    /**
-     * Adds a todo item to the database
-     * @param {Object} item - The todo item to add
-     * @returns {Promise<number>} A promise that resolves to the ID of the added item
-     */
-    addItem(item) {
-        return new Promise((resolve, reject) => {
-            if (!this.#db) {
-                reject(new Error("Database not initialized"));
-                return;
-            }
-            
-            try {
-                const transaction = this.#db.transaction(this.#storeName, 'readwrite');
-                const store = transaction.objectStore(this.#storeName);
-                
-                const request = store.add(item);
-
-                this.#numberOfPendingAddRequests++;
-                
-                request.onsuccess = (event) => {
-                    this.#numberOfPendingAddRequests--;
-                    console.log("Item added to database:", event.target.result);
-                    this.lastUsedOrderedId = Math.max(this.lastUsedOrderedId, item.orderedId);
-                    resolve(event.target.result); // Return the generated ID
-                };
-                
-                request.onerror = (event) => {
-                    reject(event.target.error);
-                };
-            } catch (error) {
-                reject(error);
-            }
-        });
-    }
-
-    /**
-     * Reads items from the database where orderedId is greater than lastUsedOrderedId
-     * and executes a callback with the results
-     * 
-     * @param {number} lastUsedOrderedId - The last orderedId that was used
-     * @param {number} count - Maximum number of items to retrieve
-     * @param {Function} callback - Callback function to execute with the retrieved items
-     */
-    readItemsAndExecuteCallback(lastUsedOrderedId, count, callback) {
-        if (!this.#db) {
-            throw(new Error("Database not initialized"));
-        }
-
-        const transaction = this.#db.transaction(this.#storeName, 'readonly');
-        const store = transaction.objectStore(this.#storeName);
-        
-        // Create a key range for orderedId > lastUsedOrderedId
-        const keyRange = IDBKeyRange.lowerBound(lastUsedOrderedId, true);
-        
-        // Open a cursor with the key range
-        const request = store.openCursor(keyRange);
-        
-        // Array to store the retrieved items
-        const items = [];
-        
-        request.onsuccess = (event) => {
-            const cursor = event.target.result;
-            
-            if (cursor && items.length < count) {
-                // Add this item to our results
-                items.push(cursor.value);
-                
-                // Move to the next item
-                cursor.continue();
-            } else {
-                // We've either reached the end of the store or collected enough items
-                console.log(items);
-                callback(items);
-            }
-        };
-        
-        request.onerror = (event) => {
-            callback(event.target.error, null);
-        };
-        
-        // Handle transaction errors
-        transaction.onerror = (event) => {
-            callback(event.target.error, null);
-        };
-    }
-}
-
-class TodoList extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items"];
-    }
-
-    #route = undefined;
-    #onScreenMaxNumberOfItems = 10;
-    #memoryCacheManager = new MemoryCacheManager();
-    #todoDatabase;
-    #currentPageNumber = 1;
-    #incrementalItemId = 0;
-    #elementCount = 0;
-
-    constructor() {
-        super();
-        const node = document.importNode(template.content, true);
-        this.listNode = node.querySelector(".todo-list");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, listStyles, additionalListStyles];
-        this.shadow.append(node);
-        this.classList.add("show-priority");
-
-        if (window.extraTodoListCssToAdopt) {
-            let extraAdoptedStyleSheet = new CSSStyleSheet();
-            extraAdoptedStyleSheet.replaceSync(window.extraTodoListCssToAdopt);
-            this.shadow.adoptedStyleSheets.push(extraAdoptedStyleSheet);
-        }
-        
-        // Initialize TodoDatabase
-        this.#initializeDatabase();
-    }
-    
-    /**
-     * Initializes the IndexedDB database for storing todo items
-     * @private
-     */
-    #initializeDatabase() {
-        // Create a new TodoDatabase instance with a callback for when DB is ready
-        this.#todoDatabase = new TodoDatabase('todosDB', 1, () => {
-            // Dispatch an event when the database is ready
-            this.dispatchEvent(new CustomEvent('db-ready'));
-        });
-    }
-    
-    /**
-     * Gets the IndexedDB database instance
-     * @returns {IDBDatabase} The IndexedDB database instance
-     */
-    get #db() {
-        return this.#todoDatabase?.database;
-    }
-
-    get #elements() {
-        return Array.from(this.listNode.children);
-    }
-
-    /**
-     * Adds a todo item based on available space in different storage tiers
-     * @param {Object} entry - The todo item entry
-     */
-    addItem(entry) {
-        const { id, title, completed } = entry;
-        const priority = 4 - (this.#elementCount++ % 5);
-        
-        const element = new TodoItem();
-        element.setAttribute("itemid", id);
-        element.setAttribute("itemtitle", title);
-        element.setAttribute("itemcompleted", completed);
-        element.setAttribute("data-priority", priority);
-        element.orderedId = this.#incrementalItemId++;
-        
-        this.listNode.append(element);
-        this.updateView(element);
-
-        this.#addItemToDatabase(entry, priority);
-    }
-    
-    /**
-     * Helper method to add an item to the IndexedDB database
-     * @private
-     */
-    #addItemToDatabase(entry, priority) {
-        const { id, title, completed } = entry;
-        const todoItem = {
-            orderedId: this.#incrementalItemId++,
-            itemId: id,
-            title,
-            completed,
-            priority
-        };
-        
-        this.#todoDatabase.addItem(todoItem)
-            .then(() => {
-                // Item successfully added to database
-            })
-            .catch(error => {
-                console.error("Failed to add item to database:", error);
-            });
-    }
-
-    addItems(items) {
-        items.forEach((entry) => this.addItem(entry));
-    }
-
-    removeCompletedItems() {
-        this.#elements.forEach((element) => {
-            if (element.itemcompleted === "true")
-                element.removeItem();
-
-            return element.itemcompleted === "false";
-        });
-    }
-
-    toggleItems(completed) {
-        this.#elements.forEach((element) => {
-            if (completed && element.itemcompleted === "false")
-                element.toggleInput.click();
-            else if (!completed && element.itemcompleted === "true")
-                element.toggleInput.click();
-        });
-    }
-
-    updateStyles() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.listNode.classList.remove("display-none");
-        else
-            this.listNode.classList.add("display-none");
-    }
-
-    updateView(element) {
-        switch (this.#route) {
-            case "completed":
-                if (element.itemcompleted === "true")
-                    element.classList.remove("display-none");
-                else
-                    element.classList.add("display-none");
-                break;
-            case "active":
-                if (element.itemcompleted === "true")
-                    element.classList.add("display-none");
-                else
-                    element.classList.remove("display-none");
-                break;
-        }
-    }
-
-    updateElements(type = "", id = "") {
-        switch (type) {
-            case "route-change":
-                this.#elements.forEach((element) => this.updateView(element));
-                break;
-            case "toggle-item":
-            case "add-item":
-                this.#elements.forEach((element) => {
-                    if (element.itemid === id)
-                        this.updateView(element);
-                });
-                break;
-            case "remove-item":
-                this.#elements.find((element) => element.itemid === id)?.remove();
-                break;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateElements("route-change");
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-        if (this.isConnected)
-            this.updateStyles();
-    }
-
-    moveToNextPage() {
-        const children = Array.from(this.listNode.children);
-        children.slice(0, this.#onScreenMaxNumberOfItems).forEach((child) => {
-            child.remove();
-        });
-    }
-
-    connectedCallback() {
-        this.updateStyles();
-    }
-}
-
-customElements.define("todo-list", TodoList);
-
-export default TodoList;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
deleted file mode 100644
index fc753f7f7..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-list/todo-list.template.js
+++ /dev/null
@@ -1,8 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-list-template";
-template.innerHTML = `
-    <ul class="todo-list display-none"></ul>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js
deleted file mode 100644
index 973fb0614..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.component.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import template from "./todo-topbar.template.js";
-import { useKeyListener } from "../../hooks/useKeyListener.js";
-import { nanoid } from "../../utils/nanoid.js";
-
-import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
-import topbarStyles from "../../../node_modules/todomvc-css/dist/topbar.constructable.js";
-
-class TodoTopbar extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items", "active-items", "completed-items"];
-    }
-
-    #route = undefined;
-
-    constructor() {
-        super();
-
-        const node = document.importNode(template.content, true);
-        this.todoInput = node.querySelector("#new-todo");
-        this.toggleInput = node.querySelector("#toggle-all");
-        this.toggleContainer = node.querySelector(".toggle-all-container");
-
-        this.shadow = this.attachShadow({ mode: "open" });
-        this.htmlDirection = document.dir || "ltr";
-        this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
-        this.shadow.append(node);
-
-        this.keysListeners = [];
-
-        this.toggleAll = this.toggleAll.bind(this);
-        this.addItem = this.addItem.bind(this);
-    }
-
-    toggleAll(event) {
-        this.dispatchEvent(
-            new CustomEvent("toggle-all", {
-                detail: { completed: event.target.checked },
-            })
-        );
-    }
-
-    addItem(event) {
-        if (!event.target.value.length)
-            return;
-
-        this.dispatchEvent(
-            new CustomEvent("add-item", {
-                detail: {
-                    id: nanoid(),
-                    title: event.target.value,
-                    completed: false,
-                },
-            })
-        );
-
-        event.target.value = "";
-    }
-
-    updateDisplay() {
-        if (!parseInt(this["total-items"])) {
-            this.toggleContainer.style.display = "none";
-            return;
-        }
-
-        this.toggleContainer.style.display = "block";
-
-        switch (this.#route) {
-            case "active":
-                this.toggleInput.checked = false;
-                this.toggleInput.disabled = !parseInt(this["active-items"]);
-                break;
-            case "completed":
-                this.toggleInput.checked = parseInt(this["completed-items"]);
-                this.toggleInput.disabled = !parseInt(this["completed-items"]);
-                break;
-            default:
-                this.toggleInput.checked = this["total-items"] === this["completed-items"];
-                this.toggleInput.disabled = false;
-        }
-    }
-
-    updateRoute(route) {
-        this.#route = route;
-        this.updateDisplay();
-    }
-
-    addListeners() {
-        this.toggleInput.addEventListener("change", this.toggleAll);
-        this.keysListeners.forEach((listener) => listener.connect());
-    }
-
-    removeListeners() {
-        this.toggleInput.removeEventListener("change", this.toggleAll);
-        this.keysListeners.forEach((listener) => listener.disconnect());
-    }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-
-        if (this.isConnected)
-            this.updateDisplay();
-    }
-
-    connectedCallback() {
-        this.keysListeners.push(
-            useKeyListener({
-                target: this.todoInput,
-                event: "keyup",
-                callbacks: {
-                    ["Enter"]: this.addItem,
-                },
-            })
-        );
-
-        this.updateDisplay();
-        this.addListeners();
-        this.todoInput.focus();
-    }
-
-    disconnectedCallback() {
-        this.removeListeners();
-        this.keysListeners = [];
-    }
-}
-
-customElements.define("todo-topbar", TodoTopbar);
-
-export default TodoTopbar;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js
deleted file mode 100644
index ce323b683..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/components/todo-topbar/todo-topbar.template.js
+++ /dev/null
@@ -1,17 +0,0 @@
-const template = document.createElement("template");
-
-template.id = "todo-topbar-template";
-template.innerHTML = `
-    <header class="topbar">
-        <div class="new-todo-display">
-            <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
-            <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
-        </div>
-        <div class="toggle-all-container" style="display:none">
-            <input id="toggle-all" class="toggle-all-input" type="checkbox" />
-            <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
-        </div>
-    </header>
-`;
-
-export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js
deleted file mode 100644
index a1fe952fe..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useDoubleClick.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * A simple function to normalize a double-click and a double-tab action.
- * There is currently no comparable tab action to dblclick.
- *
- * @param {Function} fn
- * @param {number} delay
- * @returns
- */
-export function useDoubleClick(fn, delay) {
-    let last = 0;
-    return function (...args) {
-        const now = new Date().getTime();
-        const difference = now - last;
-        if (difference < delay && difference > 0)
-            fn.apply(this, args);
-
-        last = now;
-    };
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js
deleted file mode 100644
index 453747d54..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useKeyListener.js
+++ /dev/null
@@ -1,23 +0,0 @@
-export function useKeyListener(props) {
-    const { target, event, callbacks } = props;
-
-    function handleEvent(event) {
-        Object.keys(callbacks).forEach((key) => {
-            if (event.key === key)
-                callbacks[key](event);
-        });
-    }
-
-    function connect() {
-        target.addEventListener(event, handleEvent);
-    }
-
-    function disconnect() {
-        target.removeEventListener(event, handleEvent);
-    }
-
-    return {
-        connect,
-        disconnect,
-    };
-}
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js
deleted file mode 100644
index ab1ab618a..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/hooks/useRouter.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Listens for hash change of the url and calls onChange if available.
- *
- * @param {Function} callback
- * @returns Methods to interact with useRouter.
- */
-export const useRouter = (callback) => {
-    let onChange = callback;
-    let current = "";
-
-    /**
-     * Change event handler.
-     */
-    const handleChange = () => {
-        current = document.location.hash;
-        /* istanbul ignore else */
-        if (onChange)
-            onChange(document.location.hash);
-    };
-
-    /**
-     * Initializes router and adds listeners.
-     *
-     * @param {Function} callback
-     */
-    const initRouter = (callback) => {
-        onChange = callback;
-        window.addEventListener("hashchange", handleChange);
-        window.addEventListener("load", handleChange);
-    };
-
-    /**
-     * Removes listeners
-     */
-    const disableRouter = () => {
-        window.removeEventListener("hashchange", handleChange);
-        window.removeEventListener("load", handleChange);
-    };
-
-    const getRoute = () => current.split("/").slice(-1)[0];
-
-    return { initRouter, getRoute, disableRouter };
-};
diff --git a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js b/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js
deleted file mode 100644
index 5df154f1f..000000000
--- a/resources/todomvc/vanilla-examples/javascript-wc-indexeddb/src/utils/nanoid.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/* Borrowed from https://github.com/ai/nanoid/blob/3.0.2/non-secure/index.js
-
-The MIT License (MIT)
-
-Copyright 2017 Andrey Sitnik <andrey@sitnik.ru>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
-
-// This alphabet uses `A-Za-z0-9_-` symbols.
-// The order of characters is optimized for better gzip and brotli compression.
-// References to the same file (works both for gzip and brotli):
-// `'use`, `andom`, and `rict'`
-// References to the brotli default dictionary:
-// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
-let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-
-export function nanoid(size = 21) {
-    let id = "";
-    // A compact alternative for `for (var i = 0; i < step; i++)`.
-    let i = size;
-    while (i--) {
-        // `| 0` is more compact and faster than `Math.floor()`.
-        id += urlAlphabet[(Math.random() * 64) | 0];
-    }
-    return id;
-}

From d04c2a62bb9a2f335cea1802e4c6738cb6cb7be9 Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Fri, 11 Jul 2025 18:36:22 +0000
Subject: [PATCH 07/12] Todo list changes

---
 .../todo-list/todo-list.component.js          | 31 +++++--------------
 .../todo-list/todo-list.template.js           |  2 +-
 2 files changed, 9 insertions(+), 24 deletions(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
index 970c42070..51ec73f4b 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
@@ -18,15 +18,19 @@ customListStyles.replaceSync(`
     .todo-list[route="active"] > [itemcompleted="true"] {
         display: none;
     }
+
+    .todo-list {
+        display: block;
+    }
+
+    :host([total-items="0"]) > .todo-list {
+        display: none;
+    }
 `);
 
 console.log(customListStyles);
 
 class TodoList extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items"];
-    }
-
     #route = undefined;
 
     constructor() {
@@ -81,13 +85,6 @@ class TodoList extends HTMLElement {
         });
     }
 
-    updateStyles() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.listNode.style.display = "block";
-        else
-            this.listNode.style.display = "none";
-    }
-
     updateRoute(route) {
         this.#route = route;
         switch (route) {
@@ -101,18 +98,6 @@ class TodoList extends HTMLElement {
                 this.listNode.setAttribute("route", "all");
         }
     }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-        if (this.isConnected)
-            this.updateStyles();
-    }
-
-    connectedCallback() {
-        this.updateStyles();
-    }
 }
 
 customElements.define("todo-list", TodoList);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.template.js
index dac383b95..e92320b51 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-list-template";
 template.innerHTML = `
-    <ul class="todo-list" style="display:none"></ul>
+    <ul class="todo-list"></ul>
 `;
 
 export default template;

From b660a01474e8ec3e72c4a58b4c146ca4c51d24bc Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Mon, 14 Jul 2025 16:32:42 +0000
Subject: [PATCH 08/12] Update top bar

---
 .../components/todo-app/todo-app.component.js |  4 ++--
 .../todo-list/todo-list.component.js          |  4 +---
 .../todo-topbar/todo-topbar.component.js      | 23 +++++++++++--------
 .../todo-topbar/todo-topbar.template.js       |  2 +-
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
index 7ce108fe9..c6a6391d0 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
@@ -48,7 +48,7 @@ class TodoApp extends HTMLElement {
     }
 
     toggleItem(event) {
-        if (event.detail.completed === "true") {
+        if (event.detail.completed) {
             this.#numberOfCompletedItems++;
         } else {
             this.#numberOfCompletedItems--;
@@ -57,7 +57,7 @@ class TodoApp extends HTMLElement {
     }
 
     removeItem(event) {
-        if (event.datail.completed === "true") {
+        if (event.detail.completed) {
             this.#numberOfCompletedItems--;
         }
         this.#numberOfItems--;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
index 51ec73f4b..a4c831840 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
@@ -28,8 +28,6 @@ customListStyles.replaceSync(`
     }
 `);
 
-console.log(customListStyles);
-
 class TodoList extends HTMLElement {
     #route = undefined;
 
@@ -92,7 +90,7 @@ class TodoList extends HTMLElement {
                 this.listNode.setAttribute("route", "completed");
                 break;
             case "active":
-                this.listNode.setAttribute("rout", "active");
+                this.listNode.setAttribute("route", "active");
                 break;
             default:
                 this.listNode.setAttribute("route", "all");
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.component.js
index 973fb0614..1771a77c3 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.component.js
@@ -5,9 +5,19 @@ import { nanoid } from "../../utils/nanoid.js";
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
 import topbarStyles from "../../../node_modules/todomvc-css/dist/topbar.constructable.js";
 
+const customListStyles = new CSSStyleSheet();
+customListStyles.replaceSync(`
+    .toggle-all-container {
+        display: block;
+    }
+    :host([total-items="0"]) .toggle-all-container {
+        display: none;
+    }
+`);
+
 class TodoTopbar extends HTMLElement {
     static get observedAttributes() {
-        return ["total-items", "active-items", "completed-items"];
+        return ["active-items", "completed-items"];
     }
 
     #route = undefined;
@@ -23,7 +33,7 @@ class TodoTopbar extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles, customListStyles];
         this.shadow.append(node);
 
         this.keysListeners = [];
@@ -58,13 +68,6 @@ class TodoTopbar extends HTMLElement {
     }
 
     updateDisplay() {
-        if (!parseInt(this["total-items"])) {
-            this.toggleContainer.style.display = "none";
-            return;
-        }
-
-        this.toggleContainer.style.display = "block";
-
         switch (this.#route) {
             case "active":
                 this.toggleInput.checked = false;
@@ -75,7 +78,7 @@ class TodoTopbar extends HTMLElement {
                 this.toggleInput.disabled = !parseInt(this["completed-items"]);
                 break;
             default:
-                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.checked = !parseInt(this["active-items"]);
                 this.toggleInput.disabled = false;
         }
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.template.js
index ce323b683..e7e5286a3 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-topbar/todo-topbar.template.js
@@ -7,7 +7,7 @@ template.innerHTML = `
             <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
             <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
         </div>
-        <div class="toggle-all-container" style="display:none">
+        <div class="toggle-all-container">
             <input id="toggle-all" class="toggle-all-input" type="checkbox" />
             <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
         </div>

From 7fd4a9045d0128afa26d7281b31f4f4086417363 Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Mon, 14 Jul 2025 16:46:07 +0000
Subject: [PATCH 09/12] Update bottom bar

---
 .../todo-bottombar/todo-bottombar.component.js | 18 ++++++++++++------
 .../todo-bottombar/todo-bottombar.template.js  |  2 +-
 .../todo-item/todo-item.component.js           |  2 +-
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.component.js
index f5b8896c5..9eb461308 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.component.js
@@ -3,6 +3,17 @@ import template from "./todo-bottombar.template.js";
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
 import bottombarStyles from "../../../node_modules/todomvc-css/dist/bottombar.constructable.js";
 
+const customStyles = new CSSStyleSheet();
+customStyles.replaceSync(`
+    .bottombar {
+        display: block;
+    }
+
+    :host([total-items="0"]) > .bottombar {
+        display: none;
+    }
+`);
+
 class TodoBottombar extends HTMLElement {
     static get observedAttributes() {
         return ["total-items", "active-items"];
@@ -20,18 +31,13 @@ class TodoBottombar extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles, customStyles];
         this.shadow.append(node);
 
         this.clearCompletedItems = this.clearCompletedItems.bind(this);
     }
 
     updateDisplay() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.element.style.display = "block";
-        else
-            this.element.style.display = "none";
-
         this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
     }
 
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.template.js
index 4f34ca92d..4a5e06f25 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-bottombar/todo-bottombar.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-bottombar-template";
 template.innerHTML = `
-    <footer class="bottombar" style="display:none">
+    <footer class="bottombar">
         <div class="todo-status"><span class="todo-count">0</span> item left</div>
         <ul class="filter-list">
             <li class="filter-item">
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
index d8bb5e61c..33220586c 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
@@ -65,7 +65,7 @@ class TodoItem extends HTMLElement {
                     }
                     break;
                 case "itemcompleted":
-                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    this.toggleInput.checked = this.itemcompleted === "true";
                     break;
             }
         });

From aa2a41fbdbb470376777648484d8fcb103c43368 Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Mon, 14 Jul 2025 16:54:16 +0000
Subject: [PATCH 10/12] format

---
 .../src/components/todo-app/todo-app.component.js      | 10 +++++-----
 .../src/components/todo-item/todo-item.component.js    |  8 ++++----
 .../src/components/todo-list/todo-list.component.js    |  1 -
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
index c6a6391d0..8c6461604 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-app/todo-app.component.js
@@ -48,18 +48,18 @@ class TodoApp extends HTMLElement {
     }
 
     toggleItem(event) {
-        if (event.detail.completed) {
+        if (event.detail.completed)
             this.#numberOfCompletedItems++;
-        } else {
+        else
             this.#numberOfCompletedItems--;
-        }
+
         this.update("toggle-item", event.detail.id);
     }
 
     removeItem(event) {
-        if (event.detail.completed) {
+        if (event.detail.completed)
             this.#numberOfCompletedItems--;
-        }
+
         this.#numberOfItems--;
         this.update("remove-item", event.detail.id);
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
index 33220586c..6565ffefb 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
@@ -103,7 +103,7 @@ class TodoItem extends HTMLElement {
         // (therefore the removal has to happen after the list is updated)
         this.dispatchEvent(
             new CustomEvent("remove-item", {
-                detail: { completed: this.togglegetAtInput.checked},
+                detail: { completed: this.togglegetAtInput.checked },
                 bubbles: true,
             })
         );
@@ -112,11 +112,11 @@ class TodoItem extends HTMLElement {
 
     updateItem(event) {
         if (event.target.value !== this.itemtitle) {
-            if (!event.target.value.length) {
+            if (!event.target.value.length)
                 this.removeItem();
-            } else {
+            else
                 this.setAttribute("itemtitle", event.target.value);
-            }
+
         }
 
         this.cancelEdit();
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
index a4c831840..a4f76a321 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-list/todo-list.component.js
@@ -4,7 +4,6 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../../node_modules/todomvc-css/dist/global.constructable.js";
 import listStyles from "../../../node_modules/todomvc-css/dist/todo-list.constructable.js";
 
-
 const customListStyles = new CSSStyleSheet();
 customListStyles.replaceSync(`
     .todo-list > todo-item {

From ff43daebf65d4e25301a996b5caab0d731e634b5 Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Mon, 14 Jul 2025 16:58:43 +0000
Subject: [PATCH 11/12] Rebuild complex and non-complex versions

---
 .../components/todo-app/todo-app.component.js | 10 +++---
 .../todo-bottombar.component.js               | 18 ++++++----
 .../todo-bottombar/todo-bottombar.template.js |  2 +-
 .../todo-item/todo-item.component.js          | 10 +++---
 .../todo-list/todo-list.component.js          | 34 +++++--------------
 .../todo-list/todo-list.template.js           |  2 +-
 .../todo-topbar/todo-topbar.component.js      | 23 +++++++------
 .../todo-topbar/todo-topbar.template.js       |  2 +-
 .../components/todo-app/todo-app.component.js | 10 +++---
 .../todo-bottombar.component.js               | 18 ++++++----
 .../todo-bottombar/todo-bottombar.template.js |  2 +-
 .../todo-item/todo-item.component.js          | 10 +++---
 .../todo-list/todo-list.component.js          | 34 +++++--------------
 .../todo-list/todo-list.template.js           |  2 +-
 .../todo-topbar/todo-topbar.component.js      | 23 +++++++------
 .../todo-topbar/todo-topbar.template.js       |  2 +-
 16 files changed, 92 insertions(+), 110 deletions(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js
index 54a666010..ed4be34e0 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-app/todo-app.component.js
@@ -48,18 +48,18 @@ class TodoApp extends HTMLElement {
     }
 
     toggleItem(event) {
-        if (event.detail.completed === "true") {
+        if (event.detail.completed)
             this.#numberOfCompletedItems++;
-        } else {
+        else
             this.#numberOfCompletedItems--;
-        }
+
         this.update("toggle-item", event.detail.id);
     }
 
     removeItem(event) {
-        if (event.datail.completed === "true") {
+        if (event.detail.completed)
             this.#numberOfCompletedItems--;
-        }
+
         this.#numberOfItems--;
         this.update("remove-item", event.detail.id);
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.component.js
index cc0203c48..174bcc5e1 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.component.js
@@ -3,6 +3,17 @@ import template from "./todo-bottombar.template.js";
 import globalStyles from "../../styles/global.constructable.js";
 import bottombarStyles from "../../styles/bottombar.constructable.js";
 
+const customStyles = new CSSStyleSheet();
+customStyles.replaceSync(`
+    .bottombar {
+        display: block;
+    }
+
+    :host([total-items="0"]) > .bottombar {
+        display: none;
+    }
+`);
+
 class TodoBottombar extends HTMLElement {
     static get observedAttributes() {
         return ["total-items", "active-items"];
@@ -20,18 +31,13 @@ class TodoBottombar extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles, customStyles];
         this.shadow.append(node);
 
         this.clearCompletedItems = this.clearCompletedItems.bind(this);
     }
 
     updateDisplay() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.element.style.display = "block";
-        else
-            this.element.style.display = "none";
-
         this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
     }
 
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.template.js
index 4f34ca92d..4a5e06f25 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-bottombar/todo-bottombar.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-bottombar-template";
 template.innerHTML = `
-    <footer class="bottombar" style="display:none">
+    <footer class="bottombar">
         <div class="todo-status"><span class="todo-count">0</span> item left</div>
         <ul class="filter-list">
             <li class="filter-item">
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js
index 2b73ef7e2..5cd47db0d 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-item/todo-item.component.js
@@ -65,7 +65,7 @@ class TodoItem extends HTMLElement {
                     }
                     break;
                 case "itemcompleted":
-                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    this.toggleInput.checked = this.itemcompleted === "true";
                     break;
             }
         });
@@ -103,7 +103,7 @@ class TodoItem extends HTMLElement {
         // (therefore the removal has to happen after the list is updated)
         this.dispatchEvent(
             new CustomEvent("remove-item", {
-                detail: { completed: this.togglegetAtInput.checked},
+                detail: { completed: this.togglegetAtInput.checked },
                 bubbles: true,
             })
         );
@@ -112,11 +112,11 @@ class TodoItem extends HTMLElement {
 
     updateItem(event) {
         if (event.target.value !== this.itemtitle) {
-            if (!event.target.value.length) {
+            if (!event.target.value.length)
                 this.removeItem();
-            } else {
+            else
                 this.setAttribute("itemtitle", event.target.value);
-            }
+
         }
 
         this.cancelEdit();
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js
index bc6d1339d..c045b881f 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.component.js
@@ -4,7 +4,6 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../styles/global.constructable.js";
 import listStyles from "../../styles/todo-list.constructable.js";
 
-
 const customListStyles = new CSSStyleSheet();
 customListStyles.replaceSync(`
     .todo-list > todo-item {
@@ -18,15 +17,17 @@ customListStyles.replaceSync(`
     .todo-list[route="active"] > [itemcompleted="true"] {
         display: none;
     }
-`);
 
-console.log(customListStyles);
+    .todo-list {
+        display: block;
+    }
 
-class TodoList extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items"];
+    :host([total-items="0"]) > .todo-list {
+        display: none;
     }
+`);
 
+class TodoList extends HTMLElement {
     #route = undefined;
 
     constructor() {
@@ -81,13 +82,6 @@ class TodoList extends HTMLElement {
         });
     }
 
-    updateStyles() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.listNode.style.display = "block";
-        else
-            this.listNode.style.display = "none";
-    }
-
     updateRoute(route) {
         this.#route = route;
         switch (route) {
@@ -95,24 +89,12 @@ class TodoList extends HTMLElement {
                 this.listNode.setAttribute("route", "completed");
                 break;
             case "active":
-                this.listNode.setAttribute("rout", "active");
+                this.listNode.setAttribute("route", "active");
                 break;
             default:
                 this.listNode.setAttribute("route", "all");
         }
     }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-        if (this.isConnected)
-            this.updateStyles();
-    }
-
-    connectedCallback() {
-        this.updateStyles();
-    }
 }
 
 customElements.define("todo-list", TodoList);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.template.js
index dac383b95..e92320b51 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-list/todo-list.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-list-template";
 template.innerHTML = `
-    <ul class="todo-list" style="display:none"></ul>
+    <ul class="todo-list"></ul>
 `;
 
 export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.component.js
index f024d7ca1..a82655075 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.component.js
@@ -5,9 +5,19 @@ import { nanoid } from "../../utils/nanoid.js";
 import globalStyles from "../../styles/global.constructable.js";
 import topbarStyles from "../../styles/topbar.constructable.js";
 
+const customListStyles = new CSSStyleSheet();
+customListStyles.replaceSync(`
+    .toggle-all-container {
+        display: block;
+    }
+    :host([total-items="0"]) .toggle-all-container {
+        display: none;
+    }
+`);
+
 class TodoTopbar extends HTMLElement {
     static get observedAttributes() {
-        return ["total-items", "active-items", "completed-items"];
+        return ["active-items", "completed-items"];
     }
 
     #route = undefined;
@@ -23,7 +33,7 @@ class TodoTopbar extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles, customListStyles];
         this.shadow.append(node);
 
         this.keysListeners = [];
@@ -58,13 +68,6 @@ class TodoTopbar extends HTMLElement {
     }
 
     updateDisplay() {
-        if (!parseInt(this["total-items"])) {
-            this.toggleContainer.style.display = "none";
-            return;
-        }
-
-        this.toggleContainer.style.display = "block";
-
         switch (this.#route) {
             case "active":
                 this.toggleInput.checked = false;
@@ -75,7 +78,7 @@ class TodoTopbar extends HTMLElement {
                 this.toggleInput.disabled = !parseInt(this["completed-items"]);
                 break;
             default:
-                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.checked = !parseInt(this["active-items"]);
                 this.toggleInput.disabled = false;
         }
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.template.js
index ce323b683..e7e5286a3 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components-complex/dist/components/todo-topbar/todo-topbar.template.js
@@ -7,7 +7,7 @@ template.innerHTML = `
             <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
             <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
         </div>
-        <div class="toggle-all-container" style="display:none">
+        <div class="toggle-all-container">
             <input id="toggle-all" class="toggle-all-input" type="checkbox" />
             <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
         </div>
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js
index 54a666010..ed4be34e0 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-app/todo-app.component.js
@@ -48,18 +48,18 @@ class TodoApp extends HTMLElement {
     }
 
     toggleItem(event) {
-        if (event.detail.completed === "true") {
+        if (event.detail.completed)
             this.#numberOfCompletedItems++;
-        } else {
+        else
             this.#numberOfCompletedItems--;
-        }
+
         this.update("toggle-item", event.detail.id);
     }
 
     removeItem(event) {
-        if (event.datail.completed === "true") {
+        if (event.detail.completed)
             this.#numberOfCompletedItems--;
-        }
+
         this.#numberOfItems--;
         this.update("remove-item", event.detail.id);
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.component.js
index cc0203c48..174bcc5e1 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.component.js
@@ -3,6 +3,17 @@ import template from "./todo-bottombar.template.js";
 import globalStyles from "../../styles/global.constructable.js";
 import bottombarStyles from "../../styles/bottombar.constructable.js";
 
+const customStyles = new CSSStyleSheet();
+customStyles.replaceSync(`
+    .bottombar {
+        display: block;
+    }
+
+    :host([total-items="0"]) > .bottombar {
+        display: none;
+    }
+`);
+
 class TodoBottombar extends HTMLElement {
     static get observedAttributes() {
         return ["total-items", "active-items"];
@@ -20,18 +31,13 @@ class TodoBottombar extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, bottombarStyles, customStyles];
         this.shadow.append(node);
 
         this.clearCompletedItems = this.clearCompletedItems.bind(this);
     }
 
     updateDisplay() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.element.style.display = "block";
-        else
-            this.element.style.display = "none";
-
         this.todoStatus.textContent = `${this["active-items"]} ${this["active-items"] === "1" ? "item" : "items"} left!`;
     }
 
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.template.js
index 4f34ca92d..4a5e06f25 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-bottombar/todo-bottombar.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-bottombar-template";
 template.innerHTML = `
-    <footer class="bottombar" style="display:none">
+    <footer class="bottombar">
         <div class="todo-status"><span class="todo-count">0</span> item left</div>
         <ul class="filter-list">
             <li class="filter-item">
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js
index 2b73ef7e2..5cd47db0d 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-item/todo-item.component.js
@@ -65,7 +65,7 @@ class TodoItem extends HTMLElement {
                     }
                     break;
                 case "itemcompleted":
-                    this.toggleInput.checked = this.itemcompleted === "true" ? true : false;
+                    this.toggleInput.checked = this.itemcompleted === "true";
                     break;
             }
         });
@@ -103,7 +103,7 @@ class TodoItem extends HTMLElement {
         // (therefore the removal has to happen after the list is updated)
         this.dispatchEvent(
             new CustomEvent("remove-item", {
-                detail: { completed: this.togglegetAtInput.checked},
+                detail: { completed: this.togglegetAtInput.checked },
                 bubbles: true,
             })
         );
@@ -112,11 +112,11 @@ class TodoItem extends HTMLElement {
 
     updateItem(event) {
         if (event.target.value !== this.itemtitle) {
-            if (!event.target.value.length) {
+            if (!event.target.value.length)
                 this.removeItem();
-            } else {
+            else
                 this.setAttribute("itemtitle", event.target.value);
-            }
+
         }
 
         this.cancelEdit();
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js
index bc6d1339d..c045b881f 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.component.js
@@ -4,7 +4,6 @@ import TodoItem from "../todo-item/todo-item.component.js";
 import globalStyles from "../../styles/global.constructable.js";
 import listStyles from "../../styles/todo-list.constructable.js";
 
-
 const customListStyles = new CSSStyleSheet();
 customListStyles.replaceSync(`
     .todo-list > todo-item {
@@ -18,15 +17,17 @@ customListStyles.replaceSync(`
     .todo-list[route="active"] > [itemcompleted="true"] {
         display: none;
     }
-`);
 
-console.log(customListStyles);
+    .todo-list {
+        display: block;
+    }
 
-class TodoList extends HTMLElement {
-    static get observedAttributes() {
-        return ["total-items"];
+    :host([total-items="0"]) > .todo-list {
+        display: none;
     }
+`);
 
+class TodoList extends HTMLElement {
     #route = undefined;
 
     constructor() {
@@ -81,13 +82,6 @@ class TodoList extends HTMLElement {
         });
     }
 
-    updateStyles() {
-        if (parseInt(this["total-items"]) !== 0)
-            this.listNode.style.display = "block";
-        else
-            this.listNode.style.display = "none";
-    }
-
     updateRoute(route) {
         this.#route = route;
         switch (route) {
@@ -95,24 +89,12 @@ class TodoList extends HTMLElement {
                 this.listNode.setAttribute("route", "completed");
                 break;
             case "active":
-                this.listNode.setAttribute("rout", "active");
+                this.listNode.setAttribute("route", "active");
                 break;
             default:
                 this.listNode.setAttribute("route", "all");
         }
     }
-
-    attributeChangedCallback(property, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        this[property] = newValue;
-        if (this.isConnected)
-            this.updateStyles();
-    }
-
-    connectedCallback() {
-        this.updateStyles();
-    }
 }
 
 customElements.define("todo-list", TodoList);
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.template.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.template.js
index dac383b95..e92320b51 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-list/todo-list.template.js
@@ -2,7 +2,7 @@ const template = document.createElement("template");
 
 template.id = "todo-list-template";
 template.innerHTML = `
-    <ul class="todo-list" style="display:none"></ul>
+    <ul class="todo-list"></ul>
 `;
 
 export default template;
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.component.js
index f024d7ca1..a82655075 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.component.js
@@ -5,9 +5,19 @@ import { nanoid } from "../../utils/nanoid.js";
 import globalStyles from "../../styles/global.constructable.js";
 import topbarStyles from "../../styles/topbar.constructable.js";
 
+const customListStyles = new CSSStyleSheet();
+customListStyles.replaceSync(`
+    .toggle-all-container {
+        display: block;
+    }
+    :host([total-items="0"]) .toggle-all-container {
+        display: none;
+    }
+`);
+
 class TodoTopbar extends HTMLElement {
     static get observedAttributes() {
-        return ["total-items", "active-items", "completed-items"];
+        return ["active-items", "completed-items"];
     }
 
     #route = undefined;
@@ -23,7 +33,7 @@ class TodoTopbar extends HTMLElement {
         this.shadow = this.attachShadow({ mode: "open" });
         this.htmlDirection = document.dir || "ltr";
         this.setAttribute("dir", this.htmlDirection);
-        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles];
+        this.shadow.adoptedStyleSheets = [globalStyles, topbarStyles, customListStyles];
         this.shadow.append(node);
 
         this.keysListeners = [];
@@ -58,13 +68,6 @@ class TodoTopbar extends HTMLElement {
     }
 
     updateDisplay() {
-        if (!parseInt(this["total-items"])) {
-            this.toggleContainer.style.display = "none";
-            return;
-        }
-
-        this.toggleContainer.style.display = "block";
-
         switch (this.#route) {
             case "active":
                 this.toggleInput.checked = false;
@@ -75,7 +78,7 @@ class TodoTopbar extends HTMLElement {
                 this.toggleInput.disabled = !parseInt(this["completed-items"]);
                 break;
             default:
-                this.toggleInput.checked = this["total-items"] === this["completed-items"];
+                this.toggleInput.checked = !parseInt(this["active-items"]);
                 this.toggleInput.disabled = false;
         }
     }
diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.template.js b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.template.js
index ce323b683..e7e5286a3 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.template.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/dist/components/todo-topbar/todo-topbar.template.js
@@ -7,7 +7,7 @@ template.innerHTML = `
             <label for="new-todo" class="visually-hidden">Enter a new todo.</label>
             <input id="new-todo" class="new-todo-input" placeholder="What needs to be done?" autofocus />
         </div>
-        <div class="toggle-all-container" style="display:none">
+        <div class="toggle-all-container">
             <input id="toggle-all" class="toggle-all-input" type="checkbox" />
             <label for="toggle-all" class="toggle-all-label">Mark all todos as complete.</label>
         </div>

From 3c85697d450c12cabdea62487e7a26e19ef90c8d Mon Sep 17 00:00:00 2001
From: Luis Pardo <lpardosixtos@microsoft.com>
Date: Mon, 14 Jul 2025 17:01:52 +0000
Subject: [PATCH 12/12] Remove extra line

---
 .../src/components/todo-item/todo-item.component.js              | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
index 6565ffefb..fd93c671a 100644
--- a/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
+++ b/resources/todomvc/vanilla-examples/javascript-web-components/src/components/todo-item/todo-item.component.js
@@ -116,7 +116,6 @@ class TodoItem extends HTMLElement {
                 this.removeItem();
             else
                 this.setAttribute("itemtitle", event.target.value);
-
         }
 
         this.cancelEdit();