diff --git a/.gitignore b/.gitignore
index 00cbbdf..4bcd1b9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -57,3 +57,5 @@ typings/
 # dotenv environment variables file
 .env
 
+# sass map
+*.css.map
diff --git a/CHANGELOG.md b/CHANGELOG.md
index c63963c..b12ef63 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,9 +1,27 @@
-# semanticforms changelog
+# Semantic Forms changelog
 
 ## Next version
 
 - Put your changes here...
 
+## 4.0.0
+
+- Breaking: Overhauled entire codebase to drive it using mostly CSS grid instead of flexbox. This makes everything more flexible overall and fit more designs better. However the CSS and markup changes will likely cause breaking changes to previous integrations, so when upgrading make some time to visually test all your pages to alter any CSS overrides you had in place accordingly. You also might want to make some markup changes to make use of new available classes to tweak the fit of individual form fields on specific forms.
+- Altered fields to fit available space better at various screen sizes.
+- Added multiple utility classes that define how wide inputs will span in the responsive layout.
+- Added support for input type=image.
+- Added support for secondary labels.
+- Added styling for invalid form fields.
+- Added asterisk that appears on required inputs.
+- Improved accessibility considerably. Now has 100% Lighthouse score.
+- Added feature to progressively nest fieldsets with progressively darker/lighter background colors.
+- Fixed bug causing clear button appearing on disabled inputs.
+- Fixed bug causing clear button to overlap with scrollbars on textareas.
+- Fixed bug causing nested fieldset to have incorrect padding and margins.
+- Fixed various other small bugs.
+- Replaced the `less` CSS preprocessor with `sass`.
+- Updated various dependencies.
+
 ## 3.2.1
 
 - Fixed a bug that could cause checkboxes and radio buttons to not submit their values to the server properly.
@@ -59,7 +77,7 @@
 
 ## 3.0.0
 
-- Removed defualt two column layout. Now defaults to as many columns as the container is wide.
+- Removed default two column layout. Now defaults to as many columns as the container is wide.
 - Added `x2` class you can put on `dd` elements to double the width of a form. Does not apply on small screens.
 
 ## 2.1.2
diff --git a/README.md b/README.md
index a8e9372..ad4fa60 100644
--- a/README.md
+++ b/README.md
@@ -2,10 +2,23 @@
 
 [![npm](https://img.shields.io/npm/v/semantic-forms.svg)](https://www.npmjs.com/package/semantic-forms)
 
-A pattern library of forms based on semantic HTML enhanced with a modern UX.
+A pattern library of attractive forms for your website with the following design goals:
+
+- Attractive, modern float label visual design.
+- Responsive layout based on modern CSS grid technique.
+- Clear fields.
+- Light and dark mode.
+- Invalid field styling.
+- Good accessibility.
+- Semantic HTML (no div soup).
+- Uses a progressive enhancement approach so that core functionality and most of the features still work with JavaScript disabled.
+- Sets no global styles and is scoped by a single class name `semanticForms` applied to `<form>` elements.
+- No dependencies.
 
 See a [live demo here](https://kethinov.github.io/semanticforms/semanticForms.html).
 
+This module was built and is maintained by the [Roosevelt web framework](https://github.com/rooseveltframework/roosevelt) [team](https://github.com/orgs/rooseveltframework/people), but it can be used independently of Roosevelt as well.
+
 # Usage
 
 Include the `semanticForms.css` and `semanticForms.js` files from this repo into your project.
@@ -18,17 +31,21 @@ Then apply the `semanticForms` class to your `<form>` elements:
 </form>
 ```
 
+Then apply the JavaScript enhancements:
+
+```javascript
+window.semanticForms()
+```
+
 Then the CSS/JS enhancements to your forms will apply automatically, assuming the markup structure you use is one of the supported patterns.
 
-This library also monitors changes to the DOM and will enhance any additional `semanticForms` forms you insert, but the monitoring may not be perfect. If you want to re-scan for new forms to enhance manually, simply call `window.semanticForms()`. If you only want to reinitialize one form instead of all of them, call `window.semanticForms.reinitialize(formName)`.
+If you make changes to the DOM after Semantic Forms is activated and want to activate any additional `semanticForms` forms you insert, you can re-scan for new forms by calling `window.semanticForms()` again. If you only want to reinitialize one form instead of all of them, call `window.semanticForms.reinitialize(formElement)`.
 
 # Features
 
-Overview of pattern library features:
-
 ## Float label inputs
 
-The float label input pattern is notoriously difficult to implement in a fashion that doesn't degrade HTML semantics or accessibility. This pattern library implements a solution that solves that problem. Your label doesn't need to be a sibling of your input like with other implementations. This implementation also has a custom clear field driven by SVG embedded in the CSS.
+The float label input pattern is notoriously difficult to implement in a fashion that doesn't degrade HTML semantics or accessibility. This pattern library implements a solution that solves that problem. Your label doesn't need to be a sibling of your input like with other implementations. This implementation also has a custom clear button for each input.
 
 ### Example
 
@@ -52,25 +69,141 @@ The float label input pattern is notoriously difficult to implement in a fashion
 </form>
 ```
 
-If you would like to manipulate the size of the area on the input field reserved for the click event of the clear field, apply one or both of the following `data-` attributes to your form:
+### Add help text
 
-Adjust the horizontal offset of the clear field's click event click area (the default is 21):
+Include a label in the `<dd>` element with a matching `for` attribute to place help text beneath the input:
 
 ```html
-<form class="semanticForms" data-clearfield-horizontal-offset="21">
-  <!-- your form here -->
+<form class="semanticForms">
+  <dl>
+    <dt><label for="password">Password</label></dt>
+    <dd>
+      <input id="password" name="password" type="password" placeholder="Enter a password" minlength="8" required>
+      <label for="password">Must be at least 8 characters long.</label>
+    </dd>
+  </dl>
 </form>
 ```
 
-Adjust the vertical offset of the clear field's click event click area (the default is 5):
+## Responsive columns
+
+This feature makes it so the form fields will grow, shrink, expand the number of columns, or reduce the number of columns based on how much space exists in the container. You can customize it by applying various `colspan-#` classes to various elements in the form markup structure.
+
+### Set number of columns for a group of forms
+
+You can limit the number of columns on your forms using the `colspan-#` class on a `<dl>` element:
 
 ```html
-<form class="semanticForms" data-clearfield-vertical-offset="5">
-  <!-- your form here -->
+<form class="semanticForms">
+  <dl class="colspan-2">
+    <dt><label for="input-a">Input A</label></dt>
+    <dd><input type="text" id="input-a" name="input-a"></dd>
+
+    <dt><label for="input-b">Input B</label></dt>
+    <dd><input type="text" id="input-b" name="input-b"></dd>
+
+    <!-- wraps to the next row -->
+    <dt><label for="input-c">Input C</label></dt>
+    <dd><input type="text" id="input-c" name="input-c"></dd>
+  </dl>
+</form>
+```
+
+You can also apply the class to a `<fieldset>` which will apply that styling to all nested `<dl>` elements:
+
+```html
+<form class="semanticForms">
+  <fieldset class="colspan-3">
+    <!-- inherits 3 column class -->
+    <dl>
+      <dt><label for="input-a">Input A</label></dt>
+      <dd><input type="text" id="input-a" name="input-a"></dd>
+
+      <dt><label for="input-b">Input B</label></dt>
+      <dd><input type="text" id="input-b" name="input-b"></dd>
+
+      <dt><label for="input-c">Input C</label></dt>
+      <dd><input type="text" id="input-c" name="input-c"></dd>
+    </dl>
+
+    <!-- has 4 columns -->
+    <dl class="colspan-4">
+      <dt><label for="input-d">Input D</label></dt>
+      <dd><input type="text" id="input-d" name="input-d"></dd>
+
+      <dt><label for="input-e">Input E</label></dt>
+      <dd><input type="text" id="input-e" name="input-e"></dd>
+
+      <dt><label for="input-f">Input F</label></dt>
+      <dd><input type="text" id="input-f" name="input-f"></dd>
+    </dl>
+  </fieldset>
+</form>
+```
+
+### Set number of columns a single input field takes up
+You can specify the number of columns an input will span using the `colspan-#` class on the `<dd>` element. The inputs are responsive and will shrink according to available space. Available numbered classes are `colspan-1` through `colspan-5`:
+
+
+```html
+<form class="semanticForms">
+  <fieldset>
+    <dl>
+      <dt><label for="input-a">Input A</label></dt>
+      <!-- 1 column -->
+      <dd class="colspan-1"><input type="text" id="input-a" name="input-a"></dd>
+
+      <dt><label for="input-b">Input B</label></dt>
+      <!-- 2 columns  -->
+      <dd class="colspan-2"><input type="text" id="input-b" name="input-b"></dd>
+
+      <dt><label for="input-c">Input C</label></dt>
+      <!-- 5 columns (max) -->
+      <dd class="colspan-5"><input type="text" id="input-c" name="input-c"></dd>
+    </dl>
+  </fieldset>
 </form>
 ```
 
-If you want to double the width of the input field (on screens with the extra space), add a `x2` class to the `dd` element.
+`colspan-full` can also be used to force an input to take up the entire width of a form:
+
+```html
+<form class="semanticForms">
+  <fieldset>
+    <dl>
+      <dt><label for="input-a">Input A</label></dt>
+      <!-- this spans 2 columns on row 1 -->
+      <dd class="colspan-2"><input type="text" id="input-a" name="input-a"></dd>
+
+      <dt><label for="input-b">Input B</label></dt>
+      <!-- this spans the full width of row 2 -->
+      <dd class="colspan-full"><input type="text" id="input-b" name="input-b"></dd>
+
+      <!-- this spans 1 column on row 3 -->
+      <dt><label for="input-c">Input C</label></dt>
+      <dd><input type="text" id="input-c" name="input-c"></dd>
+    </dl>
+  </fieldset>
+</form>
+```
+
+#### Set number of columns a single input field takes up on the low flow (JavaScript disabled flow)
+
+To apply `colspan-#` styles to low flow (JavaScript disabled flow) form inputs, you will need to manually wrap your `<dt>` and `<dd>` elements in a `<div>`:
+
+```html
+<form class="semanticForms">
+  <fieldset>
+    <dl>
+      <div>
+        <dt><label for="input-a">Input A</label></dt>
+        <!-- this spans 2 columns on row 1 -->
+        <dd class="colspan-2"><input type="text" id="input-a" name="input-a"></dd>
+			</div>
+    </dl>
+  </fieldset>
+</form>
+```
 
 ## Button groups
 
@@ -154,21 +287,48 @@ Not too different than other inputs:
 </form>
 ```
 
-## Other features
+## Validation styles
+
+Inputs with the `required` attribute will result in a visual indicator (*) being added to its label. You can disable this indicator with the `data-no-asterisk` attribute on the label element:
+
+```html
+<form class="semanticForms">
+  <dl>
+    <dt><label for="input" data-no-asterisk>Input label</label></dt>
+    <dd><input type="text" name="input" id="input" required>
+  </dl>
+</form>
+```
+
+You can adjust the tooltip text of the asterisk with the `data-asterisk-text` attribute:
+
+```html
+<form class="semanticForms">
+  <dl>
+    <dt><label for="input" data-asterisk-text="This is a custom tooltip.">Input label</label></dt>
+    <dd><input type="text" name="input" id="input" required>
+  </dl>
+</form>
+```
+## Dark mode
+
+To set the dark mode, apply an additional class of `dark` to your `<form>` elements to force the dark mode.
+
+## Low flow (JavaScript disabled) mode
+
+The low flow will be displayed if JS is disabled.
 
-- Custom-styled select boxes with a custom drawn arrow graphic driven by SVG embedded in the CSS.
-- Custom-styled submit buttons to match the aesthetic of the custom-styled forms.
-- Responsive: on wide screens, the forms split into multiple columns. On smaller screens, they collapse to a single column.
-- Dark mode: apply an additional class of `dark` to your `<form>` elements to use the dark mode.
-- Low-flow mode that displays on old browsers, JS-disabled browsers, or can be activated manually by adding the `lowFlow` class to your `<form>` element. The low-flow mode reverts the float label pattern to traditional labels and collapses the forms to single column mode, but preserves the other visual design enhancements driven purely by CSS.
+You can also activate the low flow (JavaScript disabled) mode manually by adding the `lowFlow` class to your `<form>` element.
 
-See `semanticForms.html` or the [live demo](https://kethinov.github.io/semanticforms/semanticForms.html) for a full demo of all the markup patterns.
+The low-flow mode reverts the float label pattern to traditional labels and doesn't include other JS-exclusive enhancements, but preserves the other visual design enhancements driven purely by CSS.
 
 # Contributing
 
 - Fork/clone this repo.
 - `npm ci`
-- Make your changes. If you want to alter the CSS, do the changes in the `.less` files.
-- `npm run build`. The build step compiles the LESS file into CSS.
+- Make your changes. If you want to alter the CSS, do the changes in the `.scss` files.
+- `npm run build`. The build step compiles the SCSS file into CSS.
+  - You can also run `npm run watch` automatically compiles the CSS file after a change is detected in the SCSS file.
 - Test your changes by opening `semanticForms.html` in your browser.
+  - If you want to test your work on an actual HTTP server, run `npm run dev` or `npm run d`.
 - Commit, push, open pull request.
diff --git a/package-lock.json b/package-lock.json
index 450bf0a..cd5f2c2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,22 +1,23 @@
 {
   "name": "semantic-forms",
-  "version": "3.2.1",
+  "version": "4.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "semantic-forms",
-      "version": "3.2.1",
+      "version": "4.0.0",
       "license": "CC-BY-4.0",
       "devDependencies": {
-        "eslint": "9.5.0",
+        "eslint": "9.10.0",
         "eslint-plugin-html": "8.1.1",
-        "less": "4.2.0",
-        "standard": "17.1.0"
+        "nodemon": "~3.1.4",
+        "sass": "1.78.0",
+        "serve": "14.2.3",
+        "standard": "17.1.2"
       },
       "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/kethinov"
+        "url": "https://www.paypal.com/donate/?hosted_button_id=2L2X8GRXZCGJ6"
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
@@ -24,6 +25,7 @@
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.3.0"
       },
@@ -39,6 +41,7 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -47,23 +50,25 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.1.tgz",
-      "integrity": "sha512-Zm2NGpWELsQAD1xsJzGQpYfvICSsFkEpU0jxBjfdC6uNEWXcHnfs9hScFWtXVDVl+rBQJGrl4g1vcKIejpH9dA==",
+      "version": "4.11.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz",
+      "integrity": "sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.16.0.tgz",
-      "integrity": "sha512-/jmuSd74i4Czf1XXn7wGRWZCuyaUZ330NH1Bek0Pplatt4Sy1S5haN21SCLLdbeKslQ+S0wEJ+++v5YibSi+Lg==",
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.18.0.tgz",
+      "integrity": "sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "@eslint/object-schema": "^2.1.4",
         "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
+        "minimatch": "^3.1.2"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -74,6 +79,7 @@
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.1.0.tgz",
       "integrity": "sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -93,10 +99,11 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.5.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.5.0.tgz",
-      "integrity": "sha512-A7+AOT2ICkodvtsWnxZP4Xxk3NbZ3VMHd8oihydLRGrJgqqdEz1qSeEgXYyT/Cu8h1TWWsQRejIx48mtjZ5y1w==",
+      "version": "9.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.10.0.tgz",
+      "integrity": "sha512-fuXtbiP5GWIn8Fz+LWoOMVf/Jxm+aajZYkhi6CuEm4SxymFM+eUWzbO9qXT+L0iCkL5+KGYMCSGxo686H19S1g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
@@ -106,6 +113,20 @@
       "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.4.tgz",
       "integrity": "sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==",
       "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.1.0.tgz",
+      "integrity": "sha512-autAXT203ixhqei9xt+qkYOvY8l6LAFIdT2UXc/RPNeUVfqRF1BV94GTJyVPFKT8nFM6MyVJhjLj9E8JWvf5zQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "levn": "^0.4.1"
+      },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
@@ -116,6 +137,7 @@
       "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "deprecated": "Use @eslint/config-array instead",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.2",
         "debug": "^4.3.1",
@@ -130,6 +152,7 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=12.22"
       },
@@ -143,13 +166,15 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "deprecated": "Use @eslint/object-schema instead",
-      "dev": true
+      "dev": true,
+      "license": "BSD-3-Clause"
     },
     "node_modules/@humanwhocodes/retry": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.0.tgz",
       "integrity": "sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=18.18"
       },
@@ -163,6 +188,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -176,6 +202,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -185,6 +212,7 @@
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -193,23 +221,54 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@zeit/schemas": {
+      "version": "2.36.0",
+      "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz",
+      "integrity": "sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
     },
     "node_modules/acorn": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.0.tgz",
-      "integrity": "sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -222,6 +281,7 @@
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
       "dev": true,
+      "license": "MIT",
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -231,6 +291,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -242,11 +303,44 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "node_modules/ansi-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -256,6 +350,7 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -266,17 +361,61 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arch": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "dev": true,
+      "license": "Python-2.0"
     },
     "node_modules/array-buffer-byte-length": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
       "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.5",
         "is-array-buffer": "^3.0.4"
@@ -293,6 +432,7 @@
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
       "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -313,6 +453,7 @@
       "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
       "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -333,6 +474,7 @@
       "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
       "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -353,6 +495,7 @@
       "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
       "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -371,6 +514,7 @@
       "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
       "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -384,23 +528,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array.prototype.toreversed": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz",
-      "integrity": "sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      }
-    },
     "node_modules/array.prototype.tosorted": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
       "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -417,6 +550,7 @@
       "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
       "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
         "call-bind": "^1.0.5",
@@ -439,6 +573,7 @@
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
       "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "possible-typed-array-names": "^1.0.0"
       },
@@ -453,37 +588,100 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
+      "integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^3.0.1",
+        "camelcase": "^7.0.0",
+        "chalk": "^5.0.1",
+        "cli-boxes": "^3.0.0",
+        "string-width": "^5.1.2",
+        "type-fest": "^2.13.0",
+        "widest-line": "^4.0.1",
+        "wrap-ansi": "^8.0.1"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
     },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
       }
     },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/builtins": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/builtins/-/builtins-5.1.0.tgz",
       "integrity": "sha512-SW9lzGTLvWTP1AY8xeAMZimqDrIaSdLQUcVr9DMef51niJ022Ri87SwRRKYm4A6iHfkPaiVUu/Duw2Wc4J7kKg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "semver": "^7.0.0"
       }
     },
-    "node_modules/builtins/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+    "node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
       "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.8"
       }
     },
     "node_modules/call-bind": {
@@ -491,6 +689,7 @@
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
       "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -510,15 +709,30 @@
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/camelcase": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
+      "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "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,
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -530,11 +744,97 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chalk-template": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
+      "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cli-boxes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
+      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/clipboardy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
+      "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arch": "^2.2.0",
+        "execa": "^5.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "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,
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -546,24 +846,73 @@
       "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
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/copy-anything": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
-      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+    "node_modules/content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
       "dev": true,
-      "dependencies": {
-        "is-what": "^3.14.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mesqueeb"
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
       }
     },
     "node_modules/cross-spawn": {
@@ -571,6 +920,7 @@
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -585,6 +935,7 @@
       "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
       "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
@@ -602,6 +953,7 @@
       "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
       "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
@@ -619,6 +971,7 @@
       "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
       "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
@@ -632,12 +985,13 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
-      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "ms": "2.1.2"
+        "ms": "^2.1.3"
       },
       "engines": {
         "node": ">=6.0"
@@ -648,17 +1002,29 @@
         }
       }
     },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
       "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -676,6 +1042,7 @@
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
       "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.0.1",
         "has-property-descriptors": "^1.0.0",
@@ -689,15 +1056,16 @@
       }
     },
     "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=0.10.0"
       }
     },
     "node_modules/dom-serializer": {
@@ -705,6 +1073,7 @@
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
       "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.2",
@@ -724,13 +1093,15 @@
           "type": "github",
           "url": "https://github.com/sponsors/fb55"
         }
-      ]
+      ],
+      "license": "BSD-2-Clause"
     },
     "node_modules/domhandler": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
       "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "domelementtype": "^2.3.0"
       },
@@ -746,6 +1117,7 @@
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
       "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "dom-serializer": "^2.0.0",
         "domelementtype": "^2.3.0",
@@ -755,11 +1127,26 @@
         "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -767,24 +1154,12 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/errno": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
-      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
-      "optional": true,
-      "dependencies": {
-        "prr": "~1.0.1"
-      },
-      "bin": {
-        "errno": "cli.js"
-      }
-    },
     "node_modules/error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -794,6 +1169,7 @@
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
       "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
         "arraybuffer.prototype.slice": "^1.0.3",
@@ -854,6 +1230,7 @@
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
       "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.2.4"
       },
@@ -866,6 +1243,7 @@
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -875,6 +1253,7 @@
       "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
       "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -900,6 +1279,7 @@
       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
       "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0"
       },
@@ -912,6 +1292,7 @@
       "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
       "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.2.4",
         "has-tostringtag": "^1.0.2",
@@ -926,6 +1307,7 @@
       "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
       "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.0"
       }
@@ -935,6 +1317,7 @@
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
       "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-callable": "^1.1.4",
         "is-date-object": "^1.0.1",
@@ -952,6 +1335,7 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -960,16 +1344,18 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.5.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.5.0.tgz",
-      "integrity": "sha512-+NAOZFrW/jFTS3dASCGBxX1pkFD0/fsO+hfAkJ4TyYKwgsXZbqzrw+seCYFCcPCYXvnD67tAnglU7GQTz6kcVw==",
+      "version": "9.10.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.10.0.tgz",
+      "integrity": "sha512-Y4D0IgtBZfOcOUAIQTSXBKoNGfY0REGqHJG6+Q81vNippW5YlKjHFj4soMxamKK1NXHUWuBZTLdU3Km+L/pcHw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/config-array": "^0.16.0",
+        "@eslint-community/regexpp": "^4.11.0",
+        "@eslint/config-array": "^0.18.0",
         "@eslint/eslintrc": "^3.1.0",
-        "@eslint/js": "9.5.0",
+        "@eslint/js": "9.10.0",
+        "@eslint/plugin-kit": "^0.1.0",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.3.0",
         "@nodelib/fs.walk": "^1.2.8",
@@ -978,9 +1364,9 @@
         "cross-spawn": "^7.0.2",
         "debug": "^4.3.2",
         "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.0.1",
+        "eslint-scope": "^8.0.2",
         "eslint-visitor-keys": "^4.0.0",
-        "espree": "^10.0.1",
+        "espree": "^10.1.0",
         "esquery": "^1.5.0",
         "esutils": "^2.0.2",
         "fast-deep-equal": "^3.1.3",
@@ -992,7 +1378,6 @@
         "is-glob": "^4.0.0",
         "is-path-inside": "^3.0.3",
         "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
         "lodash.merge": "^4.6.2",
         "minimatch": "^3.1.2",
         "natural-compare": "^1.4.0",
@@ -1008,6 +1393,14 @@
       },
       "funding": {
         "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
       }
     },
     "node_modules/eslint-import-resolver-node": {
@@ -1015,6 +1408,7 @@
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
       "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "^3.2.7",
         "is-core-module": "^2.13.0",
@@ -1026,15 +1420,17 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.1"
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.1.tgz",
-      "integrity": "sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.11.0.tgz",
+      "integrity": "sha512-gbBE5Hitek/oG6MUVj6sFuzEjA/ClzNflVrLovHi/JgLdC7fiN5gLAY1WIPW1a0V5I999MnsrvVrCOGmmVqDBQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "^3.2.7"
       },
@@ -1052,6 +1448,7 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -1061,6 +1458,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-4.1.0.tgz",
       "integrity": "sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "eslint-utils": "^2.0.0",
         "regexpp": "^3.0.0"
@@ -1080,6 +1478,7 @@
       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
       "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^1.1.0"
       },
@@ -1095,6 +1494,7 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
       "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=4"
       }
@@ -1104,6 +1504,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-html/-/eslint-plugin-html-8.1.1.tgz",
       "integrity": "sha512-6qmlJsc40D2m3Dn9oEH+0PAOkJhxVu0f5sVItqpCE0YWgYnyP4xCjBc3UWTHaJcY9ARkWOLIIuXLq0ndRnQOHw==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "htmlparser2": "^9.1.0"
       },
@@ -1116,6 +1517,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.7.0.tgz",
       "integrity": "sha512-jDex9s7D/Qial8AGVIHq4W7NswpUD5DPDL2RH8Lzd9EloWUuvUkHfv4FRLMipH5q2UtyurorBkPeNi1wVWNh3Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "builtins": "^5.0.1",
         "eslint-plugin-es": "^4.1.0",
@@ -1136,23 +1538,12 @@
         "eslint": ">=7.0.0"
       }
     },
-    "node_modules/eslint-plugin-n/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/eslint-plugin-promise": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.2.0.tgz",
-      "integrity": "sha512-QmAqwizauvnKOlifxyDj2ObfULpHQawlg/zQdgEixur9vl0CvZGv/LCJV2rtj3210QCoeGBzVMfMXqGAOr/4fA==",
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.6.0.tgz",
+      "integrity": "sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==",
       "dev": true,
+      "license": "ISC",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -1163,17 +1554,79 @@
         "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0"
       }
     },
-    "node_modules/eslint-scope": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.0.1.tgz",
-      "integrity": "sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==",
+    "node_modules/eslint-plugin-react": {
+      "version": "7.36.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.36.1.tgz",
+      "integrity": "sha512-/qwbqNXZoq+VP30s1d4Nc1C5GTxjJQjk4Jzs4Wq2qzxFM7dSmuG2UkIjg2USMLh3A/aVcUNrK7v0J5U1XEGGwA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.19",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.8",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.0",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.11",
+        "string.prototype.repeat": "^1.0.0"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.0.2.tgz",
+      "integrity": "sha512-6E4xmrTw5wtxnLA5wYL3WDfhZ/1bUBGOXV0zQvVRDOtrR8D0p6W7fs3JweNYhwRYeGvd/1CKX2se0/2s7Q/nJA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
@@ -1184,6 +1637,7 @@
       "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
       "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^2.0.0"
       },
@@ -1202,6 +1656,7 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
       "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=10"
       }
@@ -1211,6 +1666,7 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz",
       "integrity": "sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
@@ -1219,12 +1675,13 @@
       }
     },
     "node_modules/espree": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.0.1.tgz",
-      "integrity": "sha512-MWkrWZbJsL2UwnjxTX3gG8FneachS/Mwg7tdGXce011sJd5b0JG54vat5KHnfSBODZ3Wvzd2WnjxyzsRoVv+ww==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.1.0.tgz",
+      "integrity": "sha512-M1M6CpiE6ffoigIOWYO9UDP8TMUw9kqb21tf+08IgDYjCsOvCuDt4jQcZmoYxx+w7zlKw9/N0KXfto+I8/FrXA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "acorn": "^8.11.3",
+        "acorn": "^8.12.0",
         "acorn-jsx": "^5.3.2",
         "eslint-visitor-keys": "^4.0.0"
       },
@@ -1236,10 +1693,11 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -1252,6 +1710,7 @@
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -1264,6 +1723,7 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
       }
@@ -1273,33 +1733,72 @@
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-url-parser": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
+      "integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.3.2"
+      }
     },
     "node_modules/fastq": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -1309,6 +1808,7 @@
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
       "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flat-cache": "^4.0.0"
       },
@@ -1316,11 +1816,25 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -1337,6 +1851,7 @@
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
       "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.4"
@@ -1349,13 +1864,15 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
       "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
       "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-callable": "^1.1.3"
       }
@@ -1364,13 +1881,30 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
     },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
       "dev": true,
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -1380,6 +1914,7 @@
       "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
       "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -1398,6 +1933,7 @@
       "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
       "dev": true,
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -1407,6 +1943,7 @@
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
       "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
@@ -1426,6 +1963,20 @@
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
       "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
       "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -1438,6 +1989,7 @@
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
       "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.5",
         "es-errors": "^1.3.0",
@@ -1456,6 +2008,7 @@
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -1476,6 +2029,7 @@
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -1488,6 +2042,7 @@
       "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
       "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=18"
       },
@@ -1500,6 +2055,7 @@
       "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
       "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "define-properties": "^1.2.1",
         "gopd": "^1.0.1"
@@ -1516,6 +2072,7 @@
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
       "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.1.3"
       },
@@ -1527,19 +2084,22 @@
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
       "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
       "dev": true,
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -1549,6 +2109,7 @@
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1558,6 +2119,7 @@
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
       "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0"
       },
@@ -1570,6 +2132,7 @@
       "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
       "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -1582,6 +2145,7 @@
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
       "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -1594,6 +2158,7 @@
       "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
       "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.3"
       },
@@ -1609,6 +2174,7 @@
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -1628,6 +2194,7 @@
           "url": "https://github.com/sponsors/fb55"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.3",
@@ -1635,46 +2202,46 @@
         "entities": "^4.5.0"
       }
     },
-    "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==",
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
       "dev": true,
-      "optional": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=10.17.0"
       }
     },
     "node_modules/ignore": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
     },
-    "node_modules/image-size": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
-      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
       "dev": true,
-      "optional": true,
-      "bin": {
-        "image-size": "bin/image-size.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "license": "ISC"
+    },
+    "node_modules/immutable": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -1691,6 +2258,7 @@
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.8.19"
       }
@@ -1701,6 +2269,7 @@
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -1710,13 +2279,22 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/internal-slot": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
       "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
         "hasown": "^2.0.0",
@@ -1731,6 +2309,7 @@
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
       "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "get-intrinsic": "^1.2.1"
@@ -1746,13 +2325,15 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/is-async-function": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
       "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -1768,6 +2349,7 @@
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
       "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-bigints": "^1.0.1"
       },
@@ -1775,11 +2357,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-boolean-object": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
       "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-tostringtag": "^1.0.0"
@@ -1796,6 +2392,7 @@
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
       "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -1804,12 +2401,16 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
+      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.0"
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -1820,6 +2421,7 @@
       "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
       "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-typed-array": "^1.1.13"
       },
@@ -1835,6 +2437,7 @@
       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
       "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -1845,11 +2448,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -1859,6 +2479,7 @@
       "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
       "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2"
       },
@@ -1866,11 +2487,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-generator-function": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
       "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -1886,6 +2518,7 @@
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -1898,6 +2531,7 @@
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
       "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -1910,6 +2544,7 @@
       "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
       "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -1917,11 +2552,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
     "node_modules/is-number-object": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
       "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -1937,15 +2583,30 @@
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
+    "node_modules/is-port-reachable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz",
+      "integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
       "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-tostringtag": "^1.0.0"
@@ -1962,6 +2623,7 @@
       "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
       "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -1974,6 +2636,7 @@
       "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
       "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7"
       },
@@ -1984,11 +2647,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
       "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -2004,6 +2681,7 @@
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
       "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.2"
       },
@@ -2019,6 +2697,7 @@
       "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
       "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "which-typed-array": "^1.1.14"
       },
@@ -2034,6 +2713,7 @@
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
       "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2046,6 +2726,7 @@
       "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
       "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2"
       },
@@ -2058,6 +2739,7 @@
       "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
       "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "get-intrinsic": "^1.2.4"
@@ -2069,29 +2751,39 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-what": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
-      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
-      "dev": true
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
     },
     "node_modules/isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
       "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
       "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "define-properties": "^1.2.1",
         "get-intrinsic": "^1.2.1",
@@ -2104,13 +2796,15 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/js-yaml": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2122,31 +2816,36 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
       "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json5": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
       "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "minimist": "^1.2.0"
       },
@@ -2159,6 +2858,7 @@
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
       "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "array-includes": "^3.1.6",
         "array.prototype.flat": "^1.3.1",
@@ -2174,41 +2874,17 @@
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
       "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "json-buffer": "3.0.1"
       }
     },
-    "node_modules/less": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
-      "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
-      "dev": true,
-      "dependencies": {
-        "copy-anything": "^2.0.1",
-        "parse-node-version": "^1.0.1",
-        "tslib": "^2.3.0"
-      },
-      "bin": {
-        "lessc": "bin/lessc"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "optionalDependencies": {
-        "errno": "^0.1.1",
-        "graceful-fs": "^4.1.2",
-        "image-size": "~0.5.0",
-        "make-dir": "^2.1.0",
-        "mime": "^1.4.1",
-        "needle": "^3.1.0",
-        "source-map": "~0.6.0"
-      }
-    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -2222,6 +2898,7 @@
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-5.3.0.tgz",
       "integrity": "sha512-cJGP40Jc/VXUsp8/OrnyKyTZ1y6v/dphm3bioS+RrKXjK2BB6wHUd6JptZEFDGgGahMT+InnZO5i1Ei9mpC8Bw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.1.15",
         "parse-json": "^4.0.0",
@@ -2233,11 +2910,22 @@
         "node": ">=6"
       }
     },
+    "node_modules/load-json-file/node_modules/type-fest": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.3.1.tgz",
+      "integrity": "sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -2252,13 +2940,15 @@
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -2266,31 +2956,54 @@
         "loose-envify": "cli.js"
       }
     },
-    "node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
       "dev": true,
-      "optional": true,
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.53.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.53.0.tgz",
+      "integrity": "sha512-oHlN/w+3MQ3rba9rqFr6V/ypF10LSkdwUysQL7GkXoTgIWeV+tcXGA852TBxH+gsh8UWoyhR1hKcoMJTuWflpg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
+        "mime-db": "1.52.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+    "node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
       "dev": true,
-      "optional": true,
-      "bin": {
-        "mime": "cli.js"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=4"
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
       }
     },
     "node_modules/minimatch": {
@@ -2298,6 +3011,7 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2310,37 +3024,108 @@
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
       "dev": true,
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/needle": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
-      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
       "dev": true,
-      "optional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nodemon": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.4.tgz",
+      "integrity": "sha512-wjPBbFhtpJwmIeY2yP7QF+UKzPfltVGtfce1g/bB15/8vCGZj8uxD62b/b9M9/WVgme0NZudpownKN+c0plXlQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "iconv-lite": "^0.6.3",
-        "sax": "^1.2.4"
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
       },
       "bin": {
-        "needle": "bin/needle"
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/nodemon/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
       },
       "engines": {
-        "node": ">= 4.4.x"
+        "node": ">=8"
       }
     },
     "node_modules/object-assign": {
@@ -2348,15 +3133,20 @@
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
       "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -2366,6 +3156,7 @@
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -2375,6 +3166,7 @@
       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
       "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.5",
         "define-properties": "^1.2.1",
@@ -2393,6 +3185,7 @@
       "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
       "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -2407,6 +3200,7 @@
       "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
       "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -2425,6 +3219,7 @@
       "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
       "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -2434,14 +3229,15 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/object.hasown": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.4.tgz",
-      "integrity": "sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==",
+    "node_modules/object.values": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
         "es-object-atoms": "^1.0.0"
       },
       "engines": {
@@ -2451,21 +3247,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/object.values": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
       "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 0.8"
       }
     },
     "node_modules/once": {
@@ -2473,15 +3262,33 @@
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "wrappy": "1"
       }
     },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
       "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -2499,6 +3306,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -2514,6 +3322,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -2529,6 +3338,7 @@
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -2538,6 +3348,7 @@
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -2550,6 +3361,7 @@
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "error-ex": "^1.3.1",
         "json-parse-better-errors": "^1.0.1"
@@ -2558,20 +3370,12 @@
         "node": ">=4"
       }
     },
-    "node_modules/parse-node-version": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
-      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2581,15 +3385,24 @@
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "dev": true,
+      "license": "(WTFPL OR MIT)"
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2598,13 +3411,35 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
+      "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
     },
     "node_modules/pify": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
       "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -2614,6 +3449,7 @@
       "resolved": "https://registry.npmjs.org/pkg-conf/-/pkg-conf-3.1.0.tgz",
       "integrity": "sha512-m0OTbR/5VPNPqO1ph6Fqbj7Hv6QU7gR/tQW40ZqrL1rjgCU85W6C1bJn0BItuJqnR98PWzw7Z8hHeChD1WrgdQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "find-up": "^3.0.0",
         "load-json-file": "^5.2.0"
@@ -2627,6 +3463,7 @@
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
       "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^3.0.0"
       },
@@ -2639,6 +3476,7 @@
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
       "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^3.0.0",
         "path-exists": "^3.0.0"
@@ -2652,6 +3490,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -2667,6 +3506,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
       "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^2.0.0"
       },
@@ -2679,6 +3519,7 @@
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
       "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -2688,6 +3529,7 @@
       "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
       "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -2697,6 +3539,7 @@
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -2706,27 +3549,26 @@
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
         "react-is": "^16.13.1"
       }
     },
-    "node_modules/prr": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
       "dev": true,
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
       "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
+      "license": "MIT"
     },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
@@ -2746,19 +3588,71 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "license": "MIT"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
     },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
     },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
       "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -2780,6 +3674,7 @@
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
       "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.6",
         "define-properties": "^1.2.1",
@@ -2798,6 +3693,7 @@
       "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
       "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -2805,11 +3701,46 @@
         "url": "https://github.com/sponsors/mysticatea"
       }
     },
+    "node_modules/registry-auth-token": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
+      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.1.6",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/registry-url": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -2827,6 +3758,7 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -2836,6 +3768,7 @@
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -2847,6 +3780,7 @@
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -2876,6 +3810,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -2885,6 +3820,7 @@
       "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
       "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "get-intrinsic": "^1.2.4",
@@ -2898,11 +3834,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "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,
+      "license": "MIT"
+    },
     "node_modules/safe-regex-test": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
       "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
@@ -2915,35 +3859,146 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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/sass": {
+      "version": "1.78.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.78.0.tgz",
+      "integrity": "sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ==",
       "dev": true,
-      "optional": true
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
     },
-    "node_modules/sax": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
-      "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
-      "optional": true
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
     },
-    "node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+    "node_modules/serve": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.3.tgz",
+      "integrity": "sha512-VqUFMC7K3LDGeGnJM9h56D3XGKb6KGgOw0cVNtA26yYXHCcpxf3xwCTUaQoWlVS7i8Jdh3GjQkOB23qsXyjoyQ==",
       "dev": true,
-      "optional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@zeit/schemas": "2.36.0",
+        "ajv": "8.12.0",
+        "arg": "5.0.2",
+        "boxen": "7.0.0",
+        "chalk": "5.0.1",
+        "chalk-template": "0.4.0",
+        "clipboardy": "3.0.0",
+        "compression": "1.7.4",
+        "is-port-reachable": "4.0.0",
+        "serve-handler": "6.1.5",
+        "update-check": "1.5.4"
+      },
       "bin": {
-        "semver": "bin/semver"
+        "serve": "build/main.js"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/serve-handler": {
+      "version": "6.1.5",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz",
+      "integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.0.0",
+        "content-disposition": "0.5.2",
+        "fast-url-parser": "1.1.3",
+        "mime-types": "2.1.18",
+        "minimatch": "3.1.2",
+        "path-is-inside": "1.0.2",
+        "path-to-regexp": "2.2.1",
+        "range-parser": "1.2.0"
+      }
+    },
+    "node_modules/serve-handler/node_modules/mime-db": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
+      "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
       }
     },
+    "node_modules/serve-handler/node_modules/mime-types": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
+      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "~1.33.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/serve/node_modules/chalk": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+      "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/serve/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
       "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
         "es-errors": "^1.3.0",
@@ -2961,6 +4016,7 @@
       "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
       "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
         "es-errors": "^1.3.0",
@@ -2976,6 +4032,7 @@
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -2988,6 +4045,7 @@
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2997,6 +4055,7 @@
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
       "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
@@ -3010,20 +4069,40 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
       "dev": true,
-      "optional": true,
+      "license": "ISC"
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/standard": {
-      "version": "17.1.0",
-      "resolved": "https://registry.npmjs.org/standard/-/standard-17.1.0.tgz",
-      "integrity": "sha512-jaDqlNSzLtWYW4lvQmU0EnxWMUGQiwHasZl5ZEIwx3S/ijZDjZOzs1y1QqKwKs5vqnFpGtizo4NOYX2s0Voq/g==",
+      "version": "17.1.2",
+      "resolved": "https://registry.npmjs.org/standard/-/standard-17.1.2.tgz",
+      "integrity": "sha512-WLm12WoXveKkvnPnPnaFUUHuOB2cUdAsJ4AiGHL2G0UNMrcRAWY2WriQaV8IQ3oRmYr0AWUbLNr94ekYFAHOrA==",
       "dev": true,
       "funding": [
         {
@@ -3039,6 +4118,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "eslint": "^8.41.0",
         "eslint-config-standard": "17.1.0",
@@ -3046,8 +4126,8 @@
         "eslint-plugin-import": "^2.27.5",
         "eslint-plugin-n": "^15.7.0",
         "eslint-plugin-promise": "^6.1.1",
-        "eslint-plugin-react": "^7.32.2",
-        "standard-engine": "^15.0.0",
+        "eslint-plugin-react": "^7.36.1",
+        "standard-engine": "^15.1.0",
         "version-guard": "^1.1.1"
       },
       "bin": {
@@ -3076,6 +4156,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "get-stdin": "^8.0.0",
         "minimist": "^1.2.6",
@@ -3091,6 +4172,7 @@
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -3114,6 +4196,7 @@
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
       "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -3123,6 +4206,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
       "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -3192,6 +4276,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
       },
@@ -3221,32 +4306,35 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "peerDependencies": {
         "eslint": "^8.8.0",
         "eslint-plugin-react": "^7.28.0"
       }
     },
     "node_modules/standard/node_modules/eslint-plugin-import": {
-      "version": "2.29.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
-      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.30.0.tgz",
+      "integrity": "sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlastindex": "^1.2.3",
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlastindex": "^1.2.5",
         "array.prototype.flat": "^1.3.2",
         "array.prototype.flatmap": "^1.3.2",
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
         "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.8.0",
-        "hasown": "^2.0.0",
-        "is-core-module": "^2.13.1",
+        "eslint-module-utils": "^2.9.0",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.15.1",
         "is-glob": "^4.0.3",
         "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.7",
-        "object.groupby": "^1.0.1",
-        "object.values": "^1.1.7",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.0",
         "semver": "^6.3.1",
         "tsconfig-paths": "^3.15.0"
       },
@@ -3262,71 +4350,17 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "^2.1.1"
       }
     },
-    "node_modules/standard/node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/standard/node_modules/eslint-plugin-react": {
-      "version": "7.34.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.2.tgz",
-      "integrity": "sha512-2HCmrU+/JNigDN6tg55cRDKCQWicYAPB38JGSFDQt95jDm8rrvSUo7YPkOIm5l6ts1j1zCvysNcasvfTMQzUOw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.8",
-        "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.2",
-        "array.prototype.toreversed": "^1.1.2",
-        "array.prototype.tosorted": "^1.1.3",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.19",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.8",
-        "object.fromentries": "^2.0.8",
-        "object.hasown": "^1.1.4",
-        "object.values": "^1.2.0",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.5",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.11"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/standard/node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/standard/node_modules/eslint-scope": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -3343,6 +4377,7 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -3350,11 +4385,25 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/standard/node_modules/eslint/node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/standard/node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -3372,6 +4421,7 @@
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -3384,6 +4434,7 @@
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
       "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
@@ -3398,6 +4449,7 @@
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -3408,28 +4460,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/standard/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/standard/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -3439,6 +4475,7 @@
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "dev": true,
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=10"
       },
@@ -3446,11 +4483,59 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/string.prototype.matchall": {
       "version": "4.0.11",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
       "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3472,11 +4557,23 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
     "node_modules/string.prototype.trim": {
       "version": "1.2.9",
       "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
       "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3495,6 +4592,7 @@
       "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
       "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3509,6 +4607,7 @@
       "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
       "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
@@ -3526,6 +4625,7 @@
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -3538,15 +4638,27 @@
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
       "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -3559,6 +4671,7 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3571,6 +4684,7 @@
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -3582,13 +4696,38 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
     },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
       "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/json5": "^0.0.29",
         "json5": "^1.0.2",
@@ -3596,17 +4735,12 @@
         "strip-bom": "^3.0.0"
       }
     },
-    "node_modules/tslib": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
-      "dev": true
-    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -3615,12 +4749,16 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.3.1.tgz",
-      "integrity": "sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==",
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
       "dev": true,
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
-        "node": ">=6"
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/typed-array-buffer": {
@@ -3628,6 +4766,7 @@
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
       "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
@@ -3642,6 +4781,7 @@
       "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
       "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
@@ -3661,6 +4801,7 @@
       "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
       "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
         "call-bind": "^1.0.7",
@@ -3681,6 +4822,7 @@
       "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
       "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
@@ -3701,6 +4843,7 @@
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
       "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-bigints": "^1.0.2",
@@ -3711,20 +4854,60 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-check": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz",
+      "integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "registry-auth-token": "3.3.2",
+        "registry-url": "3.1.0"
+      }
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/version-guard": {
+    "node_modules/uri-js/node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/vary": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/version-guard/-/version-guard-1.1.2.tgz",
-      "integrity": "sha512-D8d+YxCUpoqtCnQzDxm6SF7DLU3gr2535T4khAtMq4osBahsQnmSxuwXFdrbAdDGG8Uokzfis/jvyeFPdmlc7w==",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/version-guard": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/version-guard/-/version-guard-1.1.3.tgz",
+      "integrity": "sha512-JwPr6erhX53EWH/HCSzfy1tTFrtPXUe927wdM1jqBBeYp1OM+qPHjWbsvv6pIBduqdgxxS+ScfG7S28pzyr2DQ==",
       "dev": true,
+      "license": "0BSD",
       "engines": {
         "node": ">=0.10.48"
       }
@@ -3734,6 +4917,7 @@
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -3749,6 +4933,7 @@
       "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
       "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-bigint": "^1.0.1",
         "is-boolean-object": "^1.1.0",
@@ -3761,13 +4946,14 @@
       }
     },
     "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.4.tgz",
+      "integrity": "sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
         "is-async-function": "^2.0.0",
         "is-date-object": "^1.0.5",
         "is-finalizationregistry": "^1.0.2",
@@ -3776,8 +4962,8 @@
         "is-weakref": "^1.0.2",
         "isarray": "^2.0.5",
         "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.15"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3791,6 +4977,7 @@
       "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
       "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-map": "^2.0.3",
         "is-set": "^2.0.3",
@@ -3809,6 +4996,7 @@
       "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
       "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
         "call-bind": "^1.0.7",
@@ -3823,26 +5011,105 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/widest-line": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
+      "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/xdg-basedir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
       "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3852,6 +5119,7 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
diff --git a/package.json b/package.json
index 6bd0b04..8cf0fc6 100644
--- a/package.json
+++ b/package.json
@@ -1,34 +1,45 @@
 {
   "name": "semantic-forms",
   "description": "Semantic Forms",
-  "author": "Eric Newport <kethinov@gmail.com>",
-  "version": "3.2.1",
+  "author": "Roosevelt Framework Team <rooseveltframework@gmail.com>",
+  "contributors": [
+    {
+      "name": "Contributors",
+      "url": "https://github.com/rooseveltframework/semantic-forms/graphs/contributors"
+    }
+  ],
+  "version": "4.0.0",
   "files": [
     "semanticForms.css",
     "semanticForms.js",
-    "semanticForms.less"
+    "semanticForms.scss"
   ],
-  "homepage": "https://github.com/kethinov/semanticforms",
+  "homepage": "https://github.com/rooseveltframework/semantic-forms",
   "license": "CC-BY-4.0",
   "main": "semanticForms.js",
   "readmeFilename": "README.md",
-  "dependencies": {},
   "devDependencies": {
-    "less": "4.2.0",
-    "eslint": "9.5.0",
+    "eslint": "9.10.0",
     "eslint-plugin-html": "8.1.1",
-    "standard": "17.1.0"
+    "nodemon": "~3.1.4",
+    "sass": "1.78.0",
+    "serve": "14.2.3",
+    "standard": "17.1.2"
   },
   "scripts": {
     "test": "echo \"TODO: tests\"",
     "coverage": "echo \"TODO: test coverage\"",
     "lint": "standard && standard --plugin html *.html",
     "lint-fix": "standard --fix && standard --plugin html *.html --fix",
-    "build": "lessc semanticForms.less semanticForms.css"
+    "d": "nodemon --exec \"npm run build && serve\"",
+    "dev": "nodemon --exec \"npm run build && serve\"",
+    "development": "nodemon --exec \"npm run build && serve\"",
+    "build": "sass semanticForms.scss semanticForms.css",
+    "watch": "sass --watch semanticForms.scss semanticForms.css"
   },
   "repository": {
     "type": "git",
-    "url": "git://github.com/kethinov/semanticforms.git"
+    "url": "git://github.com/rooseveltframework/semantic-forms.git"
   },
   "keywords": [
     "semantic",
diff --git a/semanticForms.css b/semanticForms.css
index 72ca101..f8932b3 100644
--- a/semanticForms.css
+++ b/semanticForms.css
@@ -1,467 +1,715 @@
 form.semanticForms {
-  font-family: sans-serif;
+  --formBackgroundColor: #fff;
+  --formSubBackgroundColor: #f5f5f5;
+  --formTextColor: #000;
+  --buttonBackgroundColor: #f5f5f5;
+  --borderColor: #c0c0c0;
+  --subBorderColor: #c0c0c0;
+  --placeholderColor: rgba(0, 0, 0, 0.75);
+  --scrollbarColor: #c0c0c0;
+  --clearButtonColor: #000;
+  --buttonGradientLight: #fff;
+  --buttonGradientDark: #c0c0c0;
+  --invalid: #f00;
+  --invalidBorder: 1px solid var(--invalid);
+  --inputHeight: 38px;
+  --inputFontSize: 16px;
+  --inputTopMargin: 15px;
+  --inputMinWidth: 250px;
+  --borderRadius: 10px;
+  --nestedFieldset: rgba(0, 0, 0, .05);
+  --nestedFieldsetBorder: 1px rgba(0, 0, 0, .2) solid;
+  --nestedInput: #fff;
+  --border: 1px var(--borderColor) solid;
+  --selectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'%3E%3Cpolygon points='0,0 100,0 50,50'/%3E%3C/svg%3E");
+  --customResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E") ;
+}
+
+form.semanticForms.dark {
+  --formBackgroundColor: #555;
+  --inputBackgroudColor: rgba(85,85,85,0.1);
+  --formSubBackgroundColor: #2f2f2f;
+  --formTextColor: #fff;
+  --buttonBackgroundColor: #454545;
+  --borderColor: #656565;
+  --subBorderColor: #3f3f3f;
+  --placeholderColor: rgba(255, 255, 255, 0.85);
+  --scrollbarColor: #373737;
+  --clearButtonColor: #fff;
+  --buttonGradientLight: #6f6f6f;
+  --buttonGradientDark: #373737;
+  --nestedFieldset: rgba(255, 255, 255, .05);
+  --nestedFieldsetBorder: 1px rgba(255, 255, 255, .1) solid;
+  --nestedInput: rgba(255, 255, 255, .15);
+  --border: none;
+  --selectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
+  --customResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
+}
+form.semanticForms.dark input::-webkit-calendar-picker-indicator {
+  filter: invert(100%);
+}
+
+form.semanticForms {
+  width: 100%;
+  container-type: inline-size;
+  container-name: semanticForm;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
 }
-form.semanticForms input:not([type='submit']):not([type='reset']):not([type='image']):not([type=checkbox]):not([type=radio]):not([type=color]),
-form.semanticForms select,
-form.semanticForms textarea {
-  box-sizing: content-box;
-  background-color: #fff;
-  outline: 0;
-  border: 1px #c0c0c0 solid;
-  border-radius: 10px;
-  width: 250px;
-  height: 25px;
-  font-size: 100%;
+form.semanticForms * {
+  color: var(--formTextColor);
+  box-sizing: border-box;
   font-family: sans-serif;
-  padding: 5px 20px;
+  margin: 0;
+  padding: 0;
 }
-form.semanticForms input[type=color] {
-  background-color: #fff;
-  border: 1px #c0c0c0 solid;
-  border-radius: 10px;
-  width: 292px;
-  height: 37px;
-  padding: 5px 20px;
+form.semanticForms fieldset {
+  border-radius: var(--borderRadius);
+  background: var(--formSubBackgroundColor);
+  border: 1px var(--subBorderColor) solid;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 10px 10px 20px 10px;
+  margin-bottom: 15px;
 }
-form.semanticForms select {
-  box-sizing: border-box;
+form.semanticForms fieldset > fieldset {
+  background-color: var(--nestedFieldset);
+  border: var(--nestedFieldsetBorder);
 }
-form.semanticForms input[type=range] {
-  border: 0 !important;
-  width: 248px !important;
+form.semanticForms fieldset > fieldset input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms fieldset > fieldset select,
+form.semanticForms fieldset > fieldset textarea {
+  background: var(--nestedInput);
 }
-form.semanticForms fieldset {
-  background-color: #f5f5f5;
-  border: 1px #c0c0c0 solid;
-  border-radius: 10px;
-  text-align: center;
-  margin-bottom: 25px;
-}
-form.semanticForms fieldset p {
-  text-align: left;
-  width: 100%;
-  clear: both;
+form.semanticForms dl {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+  gap: 10px;
+  margin-bottom: 10px;
 }
-form.semanticForms legend {
-  text-align: left;
+form.semanticForms dl dd {
+  position: relative;
 }
-form.semanticForms dl {
-  text-align: left;
+form.semanticForms dl dd:not(.checkboxes, .radios) {
+  display: flex;
+  gap: 10px;
+  max-width: 100%;
 }
-form.semanticForms .checkboxes ul,
-form.semanticForms .radios ul {
-  list-style: none;
-  padding: 0;
+form.semanticForms dl dd:not(.checkboxes, .radios):not(.singleCheckbox) {
+  flex-direction: column;
 }
-form.semanticForms dd.checkboxes,
-form.semanticForms dd.radios {
-  margin: 0;
+form.semanticForms dl dd.checkboxes ul, form.semanticForms dl dd.radios ul {
+  display: flex;
+  flex-direction: column;
+  margin-top: var(--inputTopMargin);
+  padding-left: 10px;
+  gap: 5px;
 }
-form.semanticForms menu {
-  width: 100%;
-  clear: both;
+form.semanticForms dl dd.checkboxes ul li, form.semanticForms dl dd.radios ul li {
   display: flex;
-  justify-content: space-between;
-  padding: 0;
+  align-items: center;
+  gap: 5px;
 }
-form.semanticForms menu li {
-  list-style-type: none;
+form.semanticForms dl dd.checkboxes ul li label, form.semanticForms dl dd.radios ul li label {
+  font-size: var(--inputFontSize);
+  margin-top: 2px;
 }
-form.semanticForms menu input[type='submit'],
-form.semanticForms menu input[type='reset'],
-form.semanticForms menu input[type='image'],
-form.semanticForms menu button {
-  float: none;
-  clear: none;
-  margin: 0;
+form.semanticForms p input, form.semanticForms p select, form.semanticForms p textarea {
+  max-width: 350px;
 }
-form.semanticForms input:not([type='submit']):not([type='reset']):not([type=checkbox]):not([type=radio]),
-form.semanticForms textarea {
-  background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23000' d='M964.7,157.6L622.3,500l342.4,342.4l0,0c15.7,15.7,25.3,37.3,25.3,61.1c0,47.7-38.7,86.5-86.5,86.5c-23.9,0-45.5-9.7-61.1-25.3l0,0L500,622.3L157.6,964.7l0,0C142,980.3,120.3,990,96.5,990C48.7,990,10,951.3,10,903.5c0-23.9,9.7-45.5,25.3-61.1l0,0L377.7,500L35.3,157.6l0,0C19.7,142,10,120.3,10,96.5C10,48.7,48.7,10,96.5,10c23.9,0,45.5,9.7,61.1,25.3l0,0L500,377.7L842.4,35.3l0,0C858,19.7,879.7,10,903.5,10c47.8,0,86.5,38.7,86.5,86.5C990,120.3,980.3,142,964.7,157.6L964.7,157.6z'/%3E%3C/g%3E%3C/svg%3E");
-  background-size: 12px;
-  background-repeat: no-repeat;
+form.semanticForms p:has(input:not([type=checkbox], [type=radio]), textarea, label) {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
 }
-form.semanticForms input:not([type=checkbox]):not([type=radio]) {
-  background-position: right -12px center;
+form.semanticForms p:has(input[type=checkbox], input[type=radio], label) {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 5px;
 }
-form.semanticForms textarea {
-  background-position: right -12px top 10px;
-  height: 100px;
+form.semanticForms menu, form.semanticForms ul {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 10px;
+  list-style-type: none;
 }
-form.semanticForms select {
-  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'%3E%3Cpolygon points='0,0 100,0 50,50'/%3E%3C/svg%3E");
-  background-size: 14px;
-  background-position: calc(99%) 16px;
-  background-repeat: no-repeat;
-  width: 292px;
-  height: 37px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+form.semanticForms details[open], form.semanticForms summary {
+  margin-bottom: 10px;
 }
-form.semanticForms input::placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms summary {
+  cursor: pointer;
 }
-form.semanticForms textarea::placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms select,
+form.semanticForms textarea {
+  font-size: var(--inputFontSize);
+  background: var(--formBackgroundColor);
+  border: var(--border);
+  border-radius: var(--borderRadius);
+  width: 100%;
+  touch-action: manipulation;
+  outline: none;
 }
-form.semanticForms input:focus::placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]):not([type=range]),
+form.semanticForms select:not([type=range]),
+form.semanticForms textarea:not([type=range]) {
+  padding: 6px 30px 6px 20px;
 }
-form.semanticForms input:focus::-moz-placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled],
+form.semanticForms select[disabled],
+form.semanticForms textarea[disabled] {
+  cursor: not-allowed;
+  opacity: 0.5;
 }
-form.semanticForms input:focus::-webkit-input-placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] + label:first-of-type,
+form.semanticForms select[disabled] + label:first-of-type,
+form.semanticForms textarea[disabled] + label:first-of-type {
+  opacity: 0.5;
 }
-form.semanticForms input:focus:-ms-input-placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio])[disabled] + label + button,
+form.semanticForms select[disabled] + label + button,
+form.semanticForms textarea[disabled] + label + button {
+  display: none;
 }
-form.semanticForms textarea:focus::placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image]):focus,
+form.semanticForms select:focus,
+form.semanticForms textarea:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px var(--borderColor);
 }
-form.semanticForms textarea:focus::-moz-placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio]),
+form.semanticForms select {
+  height: var(--inputHeight);
 }
-form.semanticForms textarea:focus::-webkit-input-placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input[type=color] {
+  height: var(--inputHeight);
+  padding: 4px !important;
+  padding-right: 30px !important;
+}
+form.semanticForms input[type=checkbox],
+form.semanticForms input[type=radio] {
+  width: 1.4em;
+  height: 1.4em;
+  cursor: pointer;
 }
-form.semanticForms textarea:focus:-ms-input-placeholder {
-  color: #aaa;
-  opacity: 1;
+form.semanticForms input[type=checkbox] + label:first-of-type,
+form.semanticForms input[type=radio] + label:first-of-type {
+  color: var(--formTextColor) !important;
+}
+form.semanticForms input[type=file] {
+  cursor: pointer;
+  font-size: var(--inputFontSize);
 }
-form.semanticForms input[type='submit'],
-form.semanticForms input[type='reset'],
-form.semanticForms input[type='image'],
-form.semanticForms button {
-  width: auto;
-  box-sizing: content-box;
-  float: none;
-  clear: both;
-  outline: 0;
+form.semanticForms select {
+  cursor: pointer;
+  background-image: var(--selectIcon);
+  background-size: 14px;
+  background-position: calc(100% - 8px) 16px;
+  background-repeat: no-repeat;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border-radius: 20px;
-  font-size: 100%;
-  margin: 25px 10px;
-  padding: 5px 25px;
-  border: 2px #c0c0c0 solid;
-  background-image: linear-gradient(to bottom, #fff 0%, #c0c0c0 100%);
-}
-form.semanticForms input[type='submit']:first-of-type,
-form.semanticForms input[type='reset']:first-of-type,
-form.semanticForms input[type='image']:first-of-type,
-form.semanticForms button:first-of-type {
-  margin-left: 0;
-}
-form.semanticForms input[type='submit']:active,
-form.semanticForms input[type='reset']:active,
-form.semanticForms input[type='image']:active,
-form.semanticForms button:active {
-  background-image: linear-gradient(to bottom, #c0c0c0 0%, #fff 100%);
-}
-form.semanticForms label.floatLabelFormAnimatedLabel,
-form.semanticForms input:not([type=checkbox]):not([type=radio]),
-form.semanticForms select,
-form.semanticForms textarea,
-form.semanticForms section {
-  transition: color 0.2s, text-indent 0.2s, transform 0.2s, background-position 0.2s;
-  touch-action: manipulation;
-}
-form.semanticForms .floatLabelForm {
-  margin: 0 auto;
 }
-form.semanticForms .floatLabelForm input[disabled] {
-  opacity: 0.5;
+form.semanticForms textarea {
+  resize: vertical;
+  width: 100%;
+  min-height: 38px;
+  height: 100px;
 }
-form.semanticForms .floatLabelForm input:not([type=date])::-webkit-clear-button {
+form.semanticForms button.clear {
+  cursor: pointer;
+  appearance: none;
   -webkit-appearance: none;
-  margin: 0;
+  position: absolute;
+  height: min-content;
+  top: calc(var(--inputTopMargin) + 6px);
+  right: 0;
+  width: 25px;
+  height: 25px;
+  margin: auto 6px;
+  padding: 5px;
+  background: none;
+  border: none;
+  color: var(--clearButtonColor);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-form.semanticForms .floatLabelForm dd {
-  float: left;
-  margin: 0 10px 0 10px;
+form.semanticForms textarea + label + .clear {
+  bottom: auto;
 }
-form.semanticForms .floatLabelForm dt:not(.checkboxes):not(.radios) {
-  font-size: 1px;
-  text-indent: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  position: absolute;
-  right: 9999px;
+form.semanticForms input:placeholder-shown + label + .clear,
+form.semanticForms textarea:placeholder-shown + label + .clear,
+form.semanticForms input[type=file] + label + .clear {
+  display: none;
 }
-form.semanticForms .floatLabelForm dd:not(.checkboxes):not(.radios) {
-  display: flex;
-  flex-flow: column-reverse;
+form.semanticForms input[type=submit],
+form.semanticForms input[type=reset],
+form.semanticForms button:not(.clear) {
+  appearance: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer;
+  max-width: max-content;
+  background-image: linear-gradient(to bottom, var(--buttonGradientLight) 0%, var(--buttonGradientDark) 100%);
+  border: 2px var(--buttonGradientDark) solid;
+  border-radius: 20px;
+  padding: 5px 25px;
+  font-size: 100%;
+  line-height: 1;
+}
+form.semanticForms input[type=submit]:active, form.semanticForms input[type=submit]:focus,
+form.semanticForms input[type=reset]:active,
+form.semanticForms input[type=reset]:focus,
+form.semanticForms button:not(.clear):active,
+form.semanticForms button:not(.clear):focus {
+  background-image: linear-gradient(to bottom, var(--buttonGradientDark) 0%, var(--buttonGradientLight) 100%);
+}
+form.semanticForms input[type=submit],
+form.semanticForms input[type=reset],
+form.semanticForms input[type=image],
+form.semanticForms button:not(.clear) {
+  transition: filter 0.1s;
+}
+form.semanticForms input[type=submit]:hover,
+form.semanticForms input[type=reset]:hover,
+form.semanticForms input[type=image]:hover,
+form.semanticForms button:not(.clear):hover {
+  filter: brightness(1.05);
+}
+form.semanticForms .floatLabelForm:not(:has(div:nth-of-type(2))) dd:not(.checkboxes, .radios):not(:has(textarea)) {
+  max-width: 350px;
+}
+form.semanticForms .floatLabelForm div {
+  position: relative;
+  width: 100%;
 }
-form.semanticForms .floatLabelForm .checkboxes ul,
-form.semanticForms .floatLabelForm .radios ul {
-  margin: 3px 20px 0 0;
-  width: 262px;
-  padding-left: 10px;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):focus:not([type=checkbox], [type=radio]) + label:first-of-type, form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:not([type=submit], [type=reset], [type=image]):not(:placeholder-shown, [type=checkbox], [type=radio]) + label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select:focus:not([type=checkbox], [type=radio]) + label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select:not(:placeholder-shown, [type=checkbox], [type=radio]) + label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus:not([type=checkbox], [type=radio]) + label:first-of-type,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:not(:placeholder-shown, [type=checkbox], [type=radio]) + label:first-of-type {
+  color: var(--formTextColor) !important;
+  transform: translateY(-150%) scale(0.7);
+}
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select + label:first-of-type {
+  color: var(--formTextColor) !important;
 }
-form.semanticForms .floatLabelForm label.floatLabelFormAnimatedLabel {
-  width: 170px;
-  padding: 6px 15px;
-  font-size: 75%;
-  color: #aaa;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type {
+  line-height: 1.2;
+  font-size: var(--inputFontSize);
+  position: absolute;
+  transform-origin: left center;
+  pointer-events: none;
+  top: calc(var(--inputTopMargin) + 10px);
+  left: 20px;
+  transition: transform 250ms;
   cursor: text;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  transform-origin: left bottom;
-  transform: translate(0, 38px) scale(1.5);
 }
-form.semanticForms .floatLabelForm dd:not(.checkboxes):not(.radios).singleCheckbox {
-  width: 292px;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: flex-start;
-  justify-content: left;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:nth-of-type(2) {
+  margin-top: -5px;
+  padding-left: 20px;
+  font-size: small;
+  color: var(--formTextColor);
 }
-form.semanticForms .floatLabelForm dd:not(.checkboxes):not(.radios).singleCheckbox label {
-  margin-top: 10px;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) select {
+  margin-top: var(--inputTopMargin);
 }
-form.semanticForms .floatLabelForm dd:not(.checkboxes):not(.radios).singleCheckbox input {
-  margin: 10px 10px 0 0;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea {
+  transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm ::placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::placeholder {
   opacity: 0;
-  transition: inherit;
+  transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm ::-moz-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::-moz-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::-moz-placeholder {
   opacity: 0;
-  transition: inherit;
+  transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm ::-webkit-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input::-webkit-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea::-webkit-input-placeholder {
   opacity: 0;
-  transition: inherit;
+  transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm :-ms-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:-ms-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:-ms-input-placeholder {
   opacity: 0;
-  transition: inherit;
+  transition: opacity 250ms;
 }
-form.semanticForms .floatLabelForm input:focus::placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm input:focus::-moz-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::-moz-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::-moz-placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm input:focus::-webkit-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus::-webkit-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus::-webkit-input-placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm input:focus:-ms-input-placeholder {
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) input:focus:-ms-input-placeholder,
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) textarea:focus:-ms-input-placeholder {
   opacity: 1;
 }
-form.semanticForms .floatLabelForm textarea:focus::placeholder {
-  opacity: 1;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type {
+  user-select: none;
+  color: var(--placeholderColor);
+  touch-action: manipulation;
 }
-form.semanticForms .floatLabelForm textarea:focus::-moz-placeholder {
-  opacity: 1;
+form.semanticForms .floatLabelForm div dd:not(.singleCheckbox, .checkboxes, .radios) label:first-of-type span {
+  cursor: help;
+  pointer-events: auto;
+  color: red;
 }
-form.semanticForms .floatLabelForm textarea:focus::-webkit-input-placeholder {
-  opacity: 1;
+form.semanticForms .floatLabelForm div dt {
+  position: relative;
+}
+form.semanticForms .floatLabelForm div dt label {
+  user-select: auto;
+  color: var(--formTextColor);
+  position: absolute;
+  transform: translateY(-100%) scale(0.8);
+  top: var(--inputTopMargin);
+}
+form.semanticForms .floatLabelForm div:has(dd input:required) dt label > span {
+  margin-left: 5px;
+  cursor: help;
+  pointer-events: auto;
+  color: red;
 }
-form.semanticForms .floatLabelForm textarea:focus:-ms-input-placeholder {
+form.semanticForms .floatLabelForm input::placeholder, form.semanticForms .floatLabelForm textarea::placeholder {
+  color: var(--placeholderColor);
   opacity: 1;
 }
-form.semanticForms .floatLabelForm input:not(:placeholder-shown) + label,
-form.semanticForms .floatLabelForm input:focus + label,
-form.semanticForms .floatLabelForm textarea:not(:placeholder-shown) + label,
-form.semanticForms .floatLabelForm textarea:focus + label,
-form.semanticForms .floatLabelForm select + label.floatLabelFormAnimatedLabel,
-form.semanticForms .floatLabelForm .checkboxes label.floatLabelFormAnimatedLabel,
-form.semanticForms .floatLabelForm .radios label.floatLabelFormAnimatedLabel {
-  transform: translate(0, 0) scale(1);
-  text-indent: 6px;
-  cursor: default;
-  color: #000;
-}
-form.semanticForms .floatLabelForm input.x {
-  background-position: right 6px center;
-}
-form.semanticForms .floatLabelForm textarea.x {
-  background-position: right 6px top 10px;
-}
-form.semanticForms .floatLabelForm .onX {
-  cursor: pointer;
+form.semanticForms div.colspan-full {
+  grid-column: 1/-1;
+}
+form.semanticForms div.colspan-5 {
+  grid-column: span 5;
+}
+form.semanticForms div.colspan-4 {
+  grid-column: span 4;
+}
+form.semanticForms div.colspan-3 {
+  grid-column: span 3;
+}
+form.semanticForms div.colspan-2 {
+  grid-column: span 2;
+}
+form.semanticForms div.colspan-1 {
+  grid-column: span 1;
+}
+form.semanticForms fieldset.colspan-full dl,
+form.semanticForms dl.colspan-full {
+  grid-template-columns: repeat(auto-fit, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms fieldset.colspan-5 dl,
+form.semanticForms dl.colspan-5 {
+  grid-template-columns: repeat(5, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms fieldset.colspan-4 dl,
+form.semanticForms dl.colspan-4 {
+  grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms fieldset.colspan-3 dl,
+form.semanticForms dl.colspan-3 {
+  grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms fieldset.colspan-2 dl,
+form.semanticForms dl.colspan-2 {
+  grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms fieldset.colspan-1 dl,
+form.semanticForms dl.colspan-1 {
+  grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms.lowFlow fieldset.colspan-full dl, form.semanticForms.lowFlow dl.colspan-full, form.semanticForms.lowFlow fieldset.colspan-5 dl, form.semanticForms.lowFlow dl.colspan-5 {
+  grid-template-columns: repeat(5, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms.lowFlow fieldset.colspan-full dl dt:nth-of-type(5n + 1), form.semanticForms.lowFlow fieldset.colspan-full dl dd:nth-of-type(5n + 1), form.semanticForms.lowFlow dl.colspan-full dt:nth-of-type(5n + 1), form.semanticForms.lowFlow dl.colspan-full dd:nth-of-type(5n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(5n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(5n + 1), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(5n + 1), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(5n + 1) {
+  grid-column: 1;
+}
+form.semanticForms.lowFlow fieldset.colspan-full dl dt:nth-of-type(5n + 2), form.semanticForms.lowFlow fieldset.colspan-full dl dd:nth-of-type(5n + 2), form.semanticForms.lowFlow dl.colspan-full dt:nth-of-type(5n + 2), form.semanticForms.lowFlow dl.colspan-full dd:nth-of-type(5n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(5n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(5n + 2), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(5n + 2), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(5n + 2) {
+  grid-column: 2;
+}
+form.semanticForms.lowFlow fieldset.colspan-full dl dt:nth-of-type(5n + 3), form.semanticForms.lowFlow fieldset.colspan-full dl dd:nth-of-type(5n + 3), form.semanticForms.lowFlow dl.colspan-full dt:nth-of-type(5n + 3), form.semanticForms.lowFlow dl.colspan-full dd:nth-of-type(5n + 3), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(5n + 3), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(5n + 3), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(5n + 3), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(5n + 3) {
+  grid-column: 3;
+}
+form.semanticForms.lowFlow fieldset.colspan-full dl dt:nth-of-type(5n + 4), form.semanticForms.lowFlow fieldset.colspan-full dl dd:nth-of-type(5n + 4), form.semanticForms.lowFlow dl.colspan-full dt:nth-of-type(5n + 4), form.semanticForms.lowFlow dl.colspan-full dd:nth-of-type(5n + 4), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(5n + 4), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(5n + 4), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(5n + 4), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(5n + 4) {
+  grid-column: 4;
+}
+form.semanticForms.lowFlow fieldset.colspan-full dl dt:nth-of-type(5n + 5), form.semanticForms.lowFlow fieldset.colspan-full dl dd:nth-of-type(5n + 5), form.semanticForms.lowFlow dl.colspan-full dt:nth-of-type(5n + 5), form.semanticForms.lowFlow dl.colspan-full dd:nth-of-type(5n + 5), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(5n + 5), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(5n + 5), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(5n + 5), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(5n + 5) {
+  grid-column: 5;
+}
+form.semanticForms.lowFlow fieldset.colspan-4 dl, form.semanticForms.lowFlow dl.colspan-4 {
+  grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(4n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(4n + 1), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(4n + 1), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(4n + 1) {
+  grid-column: 1;
+}
+form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(4n + 2), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(4n + 2), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(4n + 2), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(4n + 2) {
+  grid-column: 2;
+}
+form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(4n + 3), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(4n + 3), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(4n + 3), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(4n + 3) {
+  grid-column: 3;
+}
+form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(4n + 4), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(4n + 4), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(4n + 4), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(4n + 4) {
+  grid-column: 4;
+}
+form.semanticForms.lowFlow fieldset.colspan-3 dl, form.semanticForms.lowFlow dl.colspan-3 {
+  grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms.lowFlow fieldset.colspan-3 dl dt:nth-of-type(3n + 1), form.semanticForms.lowFlow fieldset.colspan-3 dl dd:nth-of-type(3n + 1), form.semanticForms.lowFlow dl.colspan-3 dt:nth-of-type(3n + 1), form.semanticForms.lowFlow dl.colspan-3 dd:nth-of-type(3n + 1) {
+  grid-column: 1;
+}
+form.semanticForms.lowFlow fieldset.colspan-3 dl dt:nth-of-type(3n + 2), form.semanticForms.lowFlow fieldset.colspan-3 dl dd:nth-of-type(3n + 2), form.semanticForms.lowFlow dl.colspan-3 dt:nth-of-type(3n + 2), form.semanticForms.lowFlow dl.colspan-3 dd:nth-of-type(3n + 2) {
+  grid-column: 2;
+}
+form.semanticForms.lowFlow fieldset.colspan-3 dl dt:nth-of-type(3n + 3), form.semanticForms.lowFlow fieldset.colspan-3 dl dd:nth-of-type(3n + 3), form.semanticForms.lowFlow dl.colspan-3 dt:nth-of-type(3n + 3), form.semanticForms.lowFlow dl.colspan-3 dd:nth-of-type(3n + 3) {
+  grid-column: 3;
+}
+form.semanticForms.lowFlow fieldset.colspan-2 dl, form.semanticForms.lowFlow dl.colspan-2 {
+  grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
 }
-form.semanticForms .floatLabelForm input:-webkit-autofill,
-form.semanticForms .floatLabelForm input:-webkit-autofill:hover,
-form.semanticForms .floatLabelForm input:-webkit-autofill:focus,
-form.semanticForms .floatLabelForm input:-webkit-autofill:active,
-form.semanticForms .floatLabelForm textarea:-webkit-autofill,
-form.semanticForms .floatLabelForm textarea:-webkit-autofill:hover,
-form.semanticForms .floatLabelForm textarea:-webkit-autofill:focus,
-form.semanticForms .floatLabelForm textarea:-webkit-autofill:active,
-form.semanticForms .floatLabelForm select:-webkit-autofill,
-form.semanticForms .floatLabelForm select:-webkit-autofill:hover,
-form.semanticForms .floatLabelForm select:-webkit-autofill:focus,
-form.semanticForms .floatLabelForm select:-webkit-autofill:active {
-  -webkit-box-shadow: 0 0 0 1000px #fff inset;
+form.semanticForms.lowFlow fieldset.colspan-2 dl dt:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-2 dl dd:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-2 dt:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-2 dd:nth-of-type(2n + 1) {
+  grid-column: 1;
+}
+form.semanticForms.lowFlow fieldset.colspan-2 dl dt:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-2 dl dd:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-2 dt:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-2 dd:nth-of-type(2n + 2) {
+  grid-column: 2;
+}
+form.semanticForms.lowFlow fieldset.colspan-1 dl, form.semanticForms.lowFlow dl.colspan-1 {
+  grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr));
+}
+form.semanticForms.lowFlow fieldset.colspan-1 dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-1 dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-1 dt:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-1 dd:nth-of-type(n + 1) {
+  grid-column: 1;
+}
+form.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid, form.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid,
+form.semanticForms select.invalid,
+form.semanticForms select:user-invalid,
+form.semanticForms textarea.invalid,
+form.semanticForms textarea:user-invalid {
+  border: var(--invalidBorder) !important;
+}
+form.semanticForms input:not([type=submit], [type=reset], [type=image]).invalid ~ label:nth-of-type(2), form.semanticForms input:not([type=submit], [type=reset], [type=image]):user-invalid ~ label:nth-of-type(2),
+form.semanticForms select.invalid ~ label:nth-of-type(2),
+form.semanticForms select:user-invalid ~ label:nth-of-type(2),
+form.semanticForms textarea.invalid ~ label:nth-of-type(2),
+form.semanticForms textarea:user-invalid ~ label:nth-of-type(2) {
+  color: var(--invalid) !important;
+}
+form.semanticForms input:-webkit-autofill,
+form.semanticForms input:-webkit-autofill:hover,
+form.semanticForms input:-webkit-autofill:focus,
+form.semanticForms input:-webkit-autofill:active,
+form.semanticForms textarea:-webkit-autofill,
+form.semanticForms textarea:-webkit-autofill:hover,
+form.semanticForms textarea:-webkit-autofill:focus,
+form.semanticForms textarea:-webkit-autofill:active,
+form.semanticForms select:-webkit-autofill,
+form.semanticForms select:-webkit-autofill:hover,
+form.semanticForms select:-webkit-autofill:focus,
+form.semanticForms select:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 1000px var(--formBackgroundColor) inset;
   transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
   transition-delay: 5000s;
   transition-property: background-color, color;
 }
-form.semanticForms .floatLabelForm::after {
-  content: " ";
-  visibility: hidden;
-  display: block;
-  height: 0;
-  clear: both;
+@supports (scrollbar-color: auto) {
+  form.semanticForms textarea {
+    scrollbar-color: var(--scrollbarColor) transparent;
+  }
+  form.semanticForms textarea::-webkit-resizer {
+    border: none;
+    background-image: var(--customResizer);
+    background-size: 14px;
+    background-repeat: no-repeat;
+    background-position: 100%;
+    margin: 0 2px 2px 0;
+  }
+}
+form.semanticForms.lowFlow dl {
+  grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+  grid-auto-flow: dense;
+  gap: 5px;
+}
+form.semanticForms.lowFlow dl > dt:nth-of-type(2n + 1), form.semanticForms.lowFlow dl > dd:nth-of-type(2n + 1) {
+  grid-column: 1;
+}
+form.semanticForms.lowFlow dl > dt:nth-of-type(2n + 2), form.semanticForms.lowFlow dl > dd:nth-of-type(2n + 2) {
+  grid-column: 2;
 }
-@media (min-width: 700px) {
-  form.semanticForms .floatLabelForm {
-    margin: 0 -10px;
-    width: auto;
-    text-align: left;
+form.semanticForms.lowFlow dl dt:has(+ dd input:required) label::after {
+  content: " *";
+  color: red;
+}
+form.semanticForms.lowFlow dl dd {
+  margin-bottom: 10px;
+}
+form.semanticForms.lowFlow dl dd:not(.checkboxes) input[type=checkbox] {
+  margin-left: 10px;
+}
+form.semanticForms.lowFlow dl dd input:not([type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range]),
+form.semanticForms.lowFlow dl dd select,
+form.semanticForms.lowFlow dl dd textarea {
+  padding-right: 6px;
+}
+form.semanticForms.lowFlow dl dd label {
+  margin-top: -5px;
+  font-size: small;
+  color: var(--placeholderColor);
+}
+form.semanticForms.lowFlow .checkboxes ul,
+form.semanticForms.lowFlow .radios ul {
+  margin-top: calc(var(--inputTopMargin) / 2);
+}
+@container semanticForm (width > 2250px) {
+  form.semanticForms.lowFlow fieldset dl, form.semanticForms.lowFlow dl {
+    grid-template-columns: repeat(6, minmax(var(--inputMinWidth), 1fr));
   }
-  form.semanticForms fieldset {
-    text-align: left;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(6n + 1), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(6n + 1), form.semanticForms.lowFlow dl dt:nth-of-type(6n + 1), form.semanticForms.lowFlow dl dd:nth-of-type(6n + 1) {
+    grid-column: 1;
   }
-  form.semanticForms fieldset input[type='submit'],
-  form.semanticForms fieldset input[type='reset'],
-  form.semanticForms fieldset input[type='image'],
-  form.semanticForms fieldset button {
-    float: left;
-    clear: none;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(6n + 2), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(6n + 2), form.semanticForms.lowFlow dl dt:nth-of-type(6n + 2), form.semanticForms.lowFlow dl dd:nth-of-type(6n + 2) {
+    grid-column: 2;
   }
-  form.semanticForms fieldset :last-child {
-    margin-right: 0;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(6n + 3), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(6n + 3), form.semanticForms.lowFlow dl dt:nth-of-type(6n + 3), form.semanticForms.lowFlow dl dd:nth-of-type(6n + 3) {
+    grid-column: 3;
   }
-  form.semanticForms .x2 input:not([type='submit']):not([type='reset']):not([type='image']):not([type=checkbox]):not([type=radio]):not([type=color]),
-  form.semanticForms .x2 select,
-  form.semanticForms .x2 textarea {
-    width: 562px;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(6n + 4), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(6n + 4), form.semanticForms.lowFlow dl dt:nth-of-type(6n + 4), form.semanticForms.lowFlow dl dd:nth-of-type(6n + 4) {
+    grid-column: 4;
   }
-  form.semanticForms .x2 input[type=color] {
-    width: 604px;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(6n + 5), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(6n + 5), form.semanticForms.lowFlow dl dt:nth-of-type(6n + 5), form.semanticForms.lowFlow dl dd:nth-of-type(6n + 5) {
+    grid-column: 5;
   }
-  form.semanticForms .x2 input[type=range] {
-    width: 560px !important;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(6n + 6), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(6n + 6), form.semanticForms.lowFlow dl dt:nth-of-type(6n + 6), form.semanticForms.lowFlow dl dd:nth-of-type(6n + 6) {
+    grid-column: 6;
   }
-  form.semanticForms .x2 select {
-    width: 604px;
+}
+@container semanticForm (width < 2250px) {
+  form.semanticForms.lowFlow fieldset dl, form.semanticForms.lowFlow dl {
+    grid-template-columns: repeat(5, minmax(var(--inputMinWidth), 1fr));
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(5n + 1), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(5n + 1), form.semanticForms.lowFlow dl dt:nth-of-type(5n + 1), form.semanticForms.lowFlow dl dd:nth-of-type(5n + 1) {
+    grid-column: 1;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(5n + 2), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(5n + 2), form.semanticForms.lowFlow dl dt:nth-of-type(5n + 2), form.semanticForms.lowFlow dl dd:nth-of-type(5n + 2) {
+    grid-column: 2;
   }
-  form.semanticForms .x2.checkboxes ul,
-  form.semanticForms .x2.radios ul {
-    width: 574px;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(5n + 3), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(5n + 3), form.semanticForms.lowFlow dl dt:nth-of-type(5n + 3), form.semanticForms.lowFlow dl dd:nth-of-type(5n + 3) {
+    grid-column: 3;
   }
-  form.semanticForms .x2 label.floatLabelFormAnimatedLabel {
-    width: 375px;
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(5n + 4), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(5n + 4), form.semanticForms.lowFlow dl dt:nth-of-type(5n + 4), form.semanticForms.lowFlow dl dd:nth-of-type(5n + 4) {
+    grid-column: 4;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(5n + 5), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(5n + 5), form.semanticForms.lowFlow dl dt:nth-of-type(5n + 5), form.semanticForms.lowFlow dl dd:nth-of-type(5n + 5) {
+    grid-column: 5;
   }
 }
-form.semanticForms.lowFlow dl {
-  margin: 10px 0 0 0;
+@container semanticForm (width < 1300px) {
+  form.semanticForms fieldset.colspan-5 dl,
+  form.semanticForms dl.colspan-5 {
+    grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr)) !important;
+  }
+  form.semanticForms div.colspan-5 {
+    grid-column: span 4 !important;
+  }
+  form.semanticForms.lowFlow fieldset dl, form.semanticForms.lowFlow dl, form.semanticForms.lowFlow fieldset.colspan-5 dl, form.semanticForms.lowFlow dl.colspan-5 {
+    grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr));
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(4n + 1), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(4n + 1), form.semanticForms.lowFlow dl dt:nth-of-type(4n + 1), form.semanticForms.lowFlow dl dd:nth-of-type(4n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 1), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(4n + 1), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(4n + 1) {
+    grid-column: 1;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(4n + 2), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(4n + 2), form.semanticForms.lowFlow dl dt:nth-of-type(4n + 2), form.semanticForms.lowFlow dl dd:nth-of-type(4n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 2), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(4n + 2), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(4n + 2) {
+    grid-column: 2;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(4n + 3), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(4n + 3), form.semanticForms.lowFlow dl dt:nth-of-type(4n + 3), form.semanticForms.lowFlow dl dd:nth-of-type(4n + 3), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 3), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 3), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(4n + 3), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(4n + 3) {
+    grid-column: 3;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(4n + 4), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(4n + 4), form.semanticForms.lowFlow dl dt:nth-of-type(4n + 4), form.semanticForms.lowFlow dl dd:nth-of-type(4n + 4), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(4n + 4), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(4n + 4), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(4n + 4), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(4n + 4) {
+    grid-column: 4;
+  }
 }
-form.semanticForms.lowFlow dd {
-  margin: 0 0 25px 0;
+@container semanticForm (width < 1050px) {
+  form.semanticForms fieldset.colspan-4 dl,
+  form.semanticForms fieldset.colspan-5 dl,
+  form.semanticForms dl.colspan-4,
+  form.semanticForms dl.colspan-5 {
+    grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr)) !important;
+  }
+  form.semanticForms div.colspan-4, form.semanticForms div.colspan-5 {
+    grid-column: span 3 !important;
+  }
+  form.semanticForms.lowFlow fieldset dl, form.semanticForms.lowFlow dl, form.semanticForms.lowFlow fieldset.colspan-4 dl, form.semanticForms.lowFlow dl.colspan-4, form.semanticForms.lowFlow fieldset.colspan-5 dl, form.semanticForms.lowFlow dl.colspan-5 {
+    grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr));
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(3n + 1), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(3n + 1), form.semanticForms.lowFlow dl dt:nth-of-type(3n + 1), form.semanticForms.lowFlow dl dd:nth-of-type(3n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 1), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(3n + 1), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(3n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 1), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(3n + 1), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(3n + 1) {
+    grid-column: 1;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(3n + 2), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(3n + 2), form.semanticForms.lowFlow dl dt:nth-of-type(3n + 2), form.semanticForms.lowFlow dl dd:nth-of-type(3n + 2), form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 2), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 2), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(3n + 2), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(3n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 2), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(3n + 2), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(3n + 2) {
+    grid-column: 2;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(3n + 3), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(3n + 3), form.semanticForms.lowFlow dl dt:nth-of-type(3n + 3), form.semanticForms.lowFlow dl dd:nth-of-type(3n + 3), form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(3n + 3), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(3n + 3), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(3n + 3), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(3n + 3), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(3n + 3), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(3n + 3), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(3n + 3), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(3n + 3) {
+    grid-column: 3;
+  }
 }
-form.semanticForms.lowFlow dd:last-child {
-  margin: 0;
+@container semanticForm (width < 800px) {
+  form.semanticForms fieldset.colspan-3 dl,
+  form.semanticForms fieldset.colspan-4 dl,
+  form.semanticForms fieldset.colspan-5 dl,
+  form.semanticForms dl.colspan-3,
+  form.semanticForms dl.colspan-4,
+  form.semanticForms dl.colspan-5 {
+    grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr)) !important;
+  }
+  form.semanticForms div.colspan-3,
+  form.semanticForms div.colspan-4,
+  form.semanticForms div.colspan-5 {
+    grid-column: span 2 !important;
+  }
+  form.semanticForms.lowFlow fieldset dl, form.semanticForms.lowFlow dl, form.semanticForms.lowFlow fieldset.colspan-3 dl, form.semanticForms.lowFlow dl.colspan-3, form.semanticForms.lowFlow fieldset.colspan-4 dl, form.semanticForms.lowFlow dl.colspan-4, form.semanticForms.lowFlow fieldset.colspan-5 dl, form.semanticForms.lowFlow dl.colspan-5 {
+    grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(2n + 1), form.semanticForms.lowFlow dl dt:nth-of-type(2n + 1), form.semanticForms.lowFlow dl dd:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-3 dt:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-3 dd:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(2n + 1), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(2n + 1) {
+    grid-column: 1;
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(2n + 2), form.semanticForms.lowFlow dl dt:nth-of-type(2n + 2), form.semanticForms.lowFlow dl dd:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-3 dl dt:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-3 dl dd:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-3 dt:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-3 dd:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(2n + 2), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(2n + 2), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(2n + 2) {
+    grid-column: 2;
+  }
 }
-form.semanticForms.dark input:not([type='submit']):not([type='reset']):not([type='image']):not([type=checkbox]):not([type=radio]):not([type=color]),
-form.semanticForms.dark select,
-form.semanticForms.dark textarea {
-  background-color: #555;
-  border: 1px #555 solid;
-  color: #fff;
-}
-form.semanticForms.dark input[type=color] {
-  background-color: #555;
-  border: 1px #555 solid;
-  color: #fff;
-}
-form.semanticForms.dark fieldset {
-  background-color: #2f2f2f;
-  border: 1px #3f3f3f solid;
-}
-form.semanticForms.dark input:not([type='submit']):not([type='reset']):not([type=checkbox]):not([type=radio]),
-form.semanticForms.dark textarea {
-  background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' stroke='%23fff' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M964.7,157.6L622.3,500l342.4,342.4l0,0c15.7,15.7,25.3,37.3,25.3,61.1c0,47.7-38.7,86.5-86.5,86.5c-23.9,0-45.5-9.7-61.1-25.3l0,0L500,622.3L157.6,964.7l0,0C142,980.3,120.3,990,96.5,990C48.7,990,10,951.3,10,903.5c0-23.9,9.7-45.5,25.3-61.1l0,0L377.7,500L35.3,157.6l0,0C19.7,142,10,120.3,10,96.5C10,48.7,48.7,10,96.5,10c23.9,0,45.5,9.7,61.1,25.3l0,0L500,377.7L842.4,35.3l0,0C858,19.7,879.7,10,903.5,10c47.8,0,86.5,38.7,86.5,86.5C990,120.3,980.3,142,964.7,157.6L964.7,157.6z'/%3E%3C/g%3E%3C/svg%3E");
-}
-form.semanticForms.dark select {
-  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
-  color: #fff;
-}
-form.semanticForms.dark input::placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark textarea::placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark input:focus::placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark input:focus::-moz-placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark input:focus::-webkit-input-placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark input:focus:-ms-input-placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark textarea:focus::placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark textarea:focus::-moz-placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark textarea:focus::-webkit-input-placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark textarea:focus:-ms-input-placeholder {
-  color: #aaa;
-}
-form.semanticForms.dark input[type='submit'],
-form.semanticForms.dark input[type='reset'],
-form.semanticForms.dark input[type='image'],
-form.semanticForms.dark button {
-  border: 2px #373737 solid;
-  background-image: linear-gradient(to bottom, #6f6f6f 0%, #373737 100%);
-  color: #fff;
-}
-form.semanticForms.dark input[type='submit']:active,
-form.semanticForms.dark input[type='reset']:active,
-form.semanticForms.dark input[type='image']:active,
-form.semanticForms.dark button:active {
-  background-image: linear-gradient(to bottom, #373737 0%, #6f6f6f 100%);
-  color: #fff;
-}
-form.semanticForms.dark .floatLabelForm label.floatLabelFormAnimatedLabel {
-  color: #aaa;
-}
-form.semanticForms.dark .floatLabelForm input:not(:placeholder-shown) + label,
-form.semanticForms.dark .floatLabelForm input:focus + label,
-form.semanticForms.dark .floatLabelForm textarea:not(:placeholder-shown) + label,
-form.semanticForms.dark .floatLabelForm textarea:focus + label,
-form.semanticForms.dark .floatLabelForm select + label.floatLabelFormAnimatedLabel,
-form.semanticForms.dark .floatLabelForm .checkboxes label.floatLabelFormAnimatedLabel,
-form.semanticForms.dark .floatLabelForm .radios label.floatLabelFormAnimatedLabel {
-  color: #fff;
-}
-form.semanticForms.dark .floatLabelForm input:-webkit-autofill,
-form.semanticForms.dark .floatLabelForm input:-webkit-autofill:hover,
-form.semanticForms.dark .floatLabelForm input:-webkit-autofill:focus,
-form.semanticForms.dark .floatLabelForm input:-webkit-autofill:active,
-form.semanticForms.dark .floatLabelForm textarea:-webkit-autofill,
-form.semanticForms.dark .floatLabelForm textarea:-webkit-autofill:hover,
-form.semanticForms.dark .floatLabelForm textarea:-webkit-autofill:focus,
-form.semanticForms.dark .floatLabelForm textarea:-webkit-autofill:active,
-form.semanticForms.dark .floatLabelForm select:-webkit-autofill,
-form.semanticForms.dark .floatLabelForm select:-webkit-autofill:hover,
-form.semanticForms.dark .floatLabelForm select:-webkit-autofill:focus,
-form.semanticForms.dark .floatLabelForm select:-webkit-autofill:active {
-  -webkit-box-shadow: 0 0 0 1000px #555 inset;
+@container semanticForm (width < 550px) {
+  form.semanticForms fieldset.colspan-2 dl,
+  form.semanticForms fieldset.colspan-3 dl,
+  form.semanticForms fieldset.colspan-4 dl,
+  form.semanticForms fieldset.colspan-5 dl,
+  form.semanticForms dl.colspan-2,
+  form.semanticForms dl.colspan-3,
+  form.semanticForms dl.colspan-4,
+  form.semanticForms dl.colspan-5,
+  form.semanticForms dl {
+    grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr)) !important;
+  }
+  form.semanticForms div.colspan-2, form.semanticForms div.colspan-3, form.semanticForms div.colspan-4, form.semanticForms div.colspan-5 {
+    grid-column: span 1 !important;
+  }
+  form.semanticForms.lowFlow fieldset dl, form.semanticForms.lowFlow dl, form.semanticForms.lowFlow fieldset.colspan-2 dl, form.semanticForms.lowFlow dl.colspan-2, form.semanticForms.lowFlow fieldset.colspan-3 dl, form.semanticForms.lowFlow dl.colspan-3, form.semanticForms.lowFlow fieldset.colspan-4 dl, form.semanticForms.lowFlow dl.colspan-4, form.semanticForms.lowFlow fieldset.colspan-5 dl, form.semanticForms.lowFlow dl.colspan-5 {
+    grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr));
+  }
+  form.semanticForms.lowFlow fieldset dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-2 dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-2 dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-2 dt:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-2 dd:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-3 dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-3 dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-3 dt:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-3 dd:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-4 dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-4 dt:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-4 dd:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dt:nth-of-type(n + 1), form.semanticForms.lowFlow fieldset.colspan-5 dl dd:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-5 dt:nth-of-type(n + 1), form.semanticForms.lowFlow dl.colspan-5 dd:nth-of-type(n + 1) {
+    grid-column: 1;
+  }
 }
+
+/*# sourceMappingURL=semanticForms.css.map */
diff --git a/semanticForms.html b/semanticForms.html
index b706583..d1dbdd8 100644
--- a/semanticForms.html
+++ b/semanticForms.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="format-detection" content="telephone=no">
+    <meta name="description" content="A pattern library of forms based on semantic HTML enhanced with a modern UX.">
     <title>Semantic Forms</title>
     <link rel="stylesheet" href="semanticForms.css">
     <style>
@@ -16,6 +17,7 @@
         color: #fff;
       }
       h1,
+      h2,
       p {
         font-family: sans-serif;
       }
@@ -28,11 +30,11 @@
         <h1>Semantic Forms</h1>
         <p>A pattern library of forms based on semantic HTML enhanced with a modern UX.</p>
 
-        <form action="/somewhere" method="post" class="semanticForms" data-clearfield-horizontal-offset="21" data-clearfield-vertical-offset="5">
-          <fieldset>
-            <legend>Fieldset legend (high flow, JS enabled)</legend>
-            <dl>
-              <dt><label for="name">Name</label></dt>
+        <h2>High flow (JavaScript enabled) styling</h2>
+
+        <form action="/somewhere" method="post" class="semanticForms">
+          <dl>
+            <dt><label for="name">Name</label></dt>
               <dd><input id="name" name="name" type="text" placeholder="e.g. John Smith"></dd>
 
               <dt><label for="prefilled">Prefilled field</label></dt>
@@ -42,10 +44,19 @@ <h1>Semantic Forms</h1>
               <dd><input id="noplaceholder" name="noplaceholder" type="text"></dd>
 
               <dt><label for="password">Password field</label></dt>
-              <dd><input id="password" name="password" type="password"></dd>
+              <dd><input id="password" name="password" type="password" required></dd>
+          </dl>
 
+          <dl>
+            <dt><label for="single-input">Single form input</label></dt>
+            <dd><input type="text" name="single-input" id="single-input"></dd>
+          </dl>
+
+          <fieldset class="colspan-full">
+            <legend>Fieldset legend</legend>
+            <dl>
               <dt><label for="email">Email field</label></dt>
-              <dd><input id="email" name="email" type="email" placeholder="e.g. john.smith@somewhere.com"></dd>
+              <dd><input id="email" name="email" type="email" placeholder="e.g. you@email.server"></dd>
 
               <dt><label for="tel">Telephone field</label></dt>
               <dd><input id="tel" name="tel" type="tel" placeholder="e.g. 555-437-1111"></dd>
@@ -59,26 +70,62 @@ <h1>Semantic Forms</h1>
               <dt><label for="number">Number</label></dt>
               <dd><input id="number" name="number" type="number" placeholder="e.g. 43"></dd>
 
+              <dt><label for="label-subtext">Input with label help text</label></dt>
+              <dd><input id="label-subtext" name="label-subtext" type="text" placeholder="e.g. John Smith"><label for="label-subtext">Some help text</label></dd>
+
+              <dt><label for="invalid-field">Invalid field</label></dt>
+              <dd><input id="invalid-field" class="invalid" name="invalid-field" type="number" placeholder="e.g. 43" min="0" value="-2"></dd>
+
+              <dt><label for="valid-field">Valid field</label></dt>
+              <dd><input id="valid-field" class="valid" name="valid-field" type="number" placeholder="e.g. 43" min="0" value="2"></dd>
+
+              <dt><label for="required-field">Required field</label></dt>
+              <dd><input id="required-field" name="required-field" type="text" required></dd>
+
+              <dt><label for="required-field-no-asterisk" data-no-asterisk>Required field (no asterisk)</label></dt>
+              <dd><input id="required-field-no-asterisk" name="required-field-no-asterisk" type="text" required></dd>
+
+              <dt><label for="required-field-custom-title" data-asterisk-text="This is a custom title.">Required field (custom title)</label></dt>
+              <dd><input id="required-field-custom-title" name="required-field-custom-title" type="text" required></dd>
+
+              <dt><label for="disabledInput">Disabled input</label></dt>
+              <dd><input id="disabledInput" name="disabledInput" type="text" placeholder="e.g. foo" disabled></dd>
+
+              <dt><label for="disabledInputValue">Disabled input w/ value</label></dt>
+              <dd><input id="disabledInputValue" name="disabledInputValue" type="text" placeholder="e.g. foo" value="some value" disabled></dd>
+
               <dt><label for="selectbox">Select box</label></dt>
-              <dd><select id="selectbox" name="selectbox">
-                <option value="1">Item one</option>
-                <option value="2">Item two</option>
-                <option value="3">Item three</option>
-                <option value="4">Item four</option>
-                <option value="5">Item five</option>
-                <option value="6">Item six</option>
-                <option value="7">Item seven</option>
-              </select></dd>
+              <dd>
+                <select id="selectbox" name="selectbox">
+                  <option value="1">Item one</option>
+                  <option value="2">Item two</option>
+                  <option value="3">Item three</option>
+                  <option value="4">Item four</option>
+                  <option value="5">Item five</option>
+                  <option value="6">Item six</option>
+                  <option value="7">Item seven</option>
+                </select>
+                <label for="selectbox">Some help text regarding the select box</label>
+              </dd>
 
               <dt><label data-for="checkboxes">Checkboxes</label></dt>
               <dd class="checkboxes">
                 <ul id="checkboxes">
-                  <li><input type="checkbox" name="checkboxes" id="c_one"> <label for="c_one">One</label></li>
+                  <li><input type="checkbox" name="checkboxes" id="c_one" checked> <label for="c_one">One</label></li>
                   <li><input type="checkbox" name="checkboxes" id="c_two"> <label for="c_two">Two</label></li>
                   <li><input type="checkbox" name="checkboxes" id="c_three"> <label for="c_three">Three</label></li>
                 </ul>
               </dd>
 
+              <dt><label data-for="required-checkboxes" data-asterisk-text="Custom checkbox title text.">Required checkboxes</label></dt>
+              <dd class="checkboxes">
+                <ul id="required-checkboxes">
+                  <li><input type="checkbox" name="required-checkboxes" id="required-c_one" checked required> <label for="required-c_one">One</label></li>
+                  <li><input type="checkbox" name="required-checkboxes" id="required-c_two"> <label for="required-c_two">Two</label></li>
+                  <li><input type="checkbox" name="required-checkboxes" id="required-c_three" checked> <label for="required-c_three">Three</label></li>
+                </ul>
+              </dd>
+
               <dt><label for="checkbox">Single checkbox</label></dt>
               <dd><input id="checkbox" name="checkbox" type="checkbox"></dd>
 
@@ -119,16 +166,229 @@ <h1>Semantic Forms</h1>
               <dd><textarea id="textarea" name="textarea" rows="5" cols="50" placeholder="e.g. He just kept talking in one incredibly unbroken sentence moving from topic to topic so that no one had a chance to interrupt it was really quite hypnotic."></textarea></dd>
 
               <dt><label for="prefilledtextarea">Textarea (prefilled)</label></dt>
-              <dd><textarea id="prefilledtextarea" name="prefilledtextarea" rows="5" cols="50" placeholder="e.g. He just kept talking in one incredibly unbroken sentence moving from topic to topic so that no one had a chance to interrupt it was really quite hypnotic.">Some prefilled content...</textarea></dd>
+              <dd>
+                <textarea id="prefilledtextarea" name="prefilledtextarea" rows="5" cols="50" placeholder="e.g. He just kept talking in one incredibly unbroken sentence moving from topic to topic so that no one had a chance to interrupt it was really quite hypnotic.">Some prefilled content...</textarea>
+                <label for="prefilledtextarea">Some help text regarding the textarea with some really long text that should overflow and wrap</label>
+              </dd>
             </dl>
 
+            <fieldset>
+              <legend>Nested fieldset</legend>
+
+              <dl>
+                <dt><label for="nested-input-1">Input</label></dt>
+                <dd>
+                  <input type="text" id="nested-input-1" name="nested-input-1" value="a value" placeholder="Some interesting placeholder text">
+                  <p>Here is some subtext.</p>
+                </dd>
+
+                <dt><label for="nested-input-2">Input 2</label></dt>
+                <dd>
+                  <input type="text" id="nested-input-2" name="nested-input-2" placeholder="Some interesting placeholder text">
+                  <p><small>Here's some small subtext.</small></p>
+                </dd>
+
+                <dt><label for="nested-input-3">Input 3</label></dt>
+                <dd>
+                  <input type="text" id="nested-input-3" name="nested-input-3" placeholder="Some interesting placeholder text">
+                  <p><strong>Here's some bold subtext.</strong></p>
+                </dd>
+
+                <dt><label for="nested-input-4">Input 4</label></dt>
+                <dd>
+                  <input type="text" id="nested-input-4" name="nested-input-4" placeholder="Some interesting placeholder text">
+                  <p>Here is some subtext.</p>
+                  <p>Here is some more subtext.</p>
+                </dd>
+              </dl>
+
+              <fieldset>
+                <legend>Another nested fieldset</legend>
+
+                <dl>
+                  <dt><label for="nested-nested-input-1">Input 1</label></dt>
+                  <dd>
+                    <input type="text" id="nested-nested-input-1" name="nested-nested-input-1" placeholder="Some interesting placeholder text">
+                  </dd>
+
+                  <dt><label for="nested-nested-input-2">Input 2</label></dt>
+                  <dd>
+                    <input type="text" id="nested-nested-input-2" name="nested-nested-input-2" placeholder="Some interesting placeholder text">
+                  </dd>
+                </dl>
+
+                <fieldset>
+                  <legend>A final nested fieldset with colspan</legend>
+
+                  <dl>
+                    <dt><label for="left-nested-input-a">Input A</label></dt>
+                    <dd>
+                      <input type="text" id="left-nested-input-a" name="left-nested-input-a" placeholder="Some interesting placeholder text">
+                    </dd>
+                    <dt><label for="left-nested-input-b">Input B</label></dt>
+                    <dd>
+                      <input type="text" id="left-nested-input-b" name="left-nested-input-b" placeholder="Some interesting placeholder text">
+                    </dd>
+                    <dt><label for="left-nested-input-c">Input C</label></dt>
+                    <dd>
+                      <input type="text" id="left-nested-input-c" name="left-nested-input-c" placeholder="Some interesting placeholder text">
+                    </dd>
+                    <dt><label for="left-nested-input-d">Input D</label></dt>
+                    <dd>
+                      <input type="text" id="left-nested-input-d" name="left-nested-input-d" placeholder="Some interesting placeholder text">
+                    </dd>
+                  </dl>
+                </fieldset>
+              </fieldset>
+            </fieldset>
+
+            <fieldset>
+              <legend>Colspan classes</legend>
+
+              <dl>
+                <dt><label for="colspan-1a">colspan-1</label></dt>
+                <dd class="colspan-1"><input type="text" name="colspan-1a" id="colspan-1a"></dd>
+                <dt><label for="colspan-1b">colspan-1</label></dt>
+                <dd class="colspan-1"><input type="text" name="colspan-1b" id="colspan-1b"></dd>
+                <dt><label for="colspan-2">colspan-2</label></dt>
+                <dd class="colspan-2"><input type="text" name="colspan-2" id="colspan-2"></dd>
+                <dt><label for="colspan-4">colspan-4</label></dt>
+                <dd class="colspan-4"><input type="text" name="colspan-4" id="colspan-4"></dd>
+                <dt><label for="colspan-3">colspan-3</label></dt>
+                <dd class="colspan-3"><input type="text" name="colspan-3" id="colspan-3"></dd>
+                <dt><label for="colspan-1c">colspan-1</label></dt>
+                <dd class="colspan-1"><input type="text" name="colspan-1c" id="colspan-1c"></dd>
+                <dt><label for="colspan-full">colspan-full</label></dt>
+                <dd class="colspan-full"><input type="text" name="colspan-full" id="colspan-full"></dd>
+                <dt><label for="colspan-5">colspan-5</label></dt>
+                <dd class="colspan-5"><input type="text" name="colspan-5" id="colspan-5"></dd>
+              </dl>
+
+              <fieldset class="colspan-1">
+                <legend>colspan-1</legend>
+
+                <dl>
+                  <dt><label for="colspan-1-a">Input A</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-1-a" name="colspan-1-a" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-1-b">Input B</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-1-b" name="colspan-1-b" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-1-c">Input C</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-1-c" name="colspan-1-c" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-1-d">Input D</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-1-d" name="colspan-1-d" placeholder="Some interesting placeholder text">
+                  </dd>
+                </dl>
+              </fieldset>
+
+              <fieldset class="colspan-2">
+                <legend>colspan-2</legend>
+
+                <dl>
+                  <dt><label for="colspan-2-a">Input A</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-2-a" name="colspan-2-a" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-2-b">Input B</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-2-b" name="colspan-2-b" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-2-c">Input C</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-2-c" name="colspan-2-c" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-2-d">Input D</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-2-d" name="colspan-2-d" placeholder="Some interesting placeholder text">
+                  </dd>
+                </dl>
+              </fieldset>
+
+              <fieldset>
+                <legend>colspan-3</legend>
+
+                <dl class="colspan-3">
+                  <dt><label for="colspan-3-a">Input A</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-3-a" name="colspan-3-a" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-3-b">Input B</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-3-b" name="colspan-3-b" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-3-c">Input C</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-3-c" name="colspan-3-c" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-3-d">Input D</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-3-d" name="colspan-3-d" placeholder="Some interesting placeholder text">
+                  </dd>
+                </dl>
+              </fieldset>
+
+              <fieldset class="colspan-full">
+                <legend>colspan-full</legend>
+
+                <dl>
+                  <dt><label for="colspan-full-a">Input A</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-full-a" name="colspan-full-a" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-full-b">Input B</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-full-b" name="colspan-full-b" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-full-c">Input C</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-full-c" name="colspan-full-c" placeholder="Some interesting placeholder text">
+                  </dd>
+                  <dt><label for="colspan-full-d">Input D</label></dt>
+                  <dd>
+                    <input type="text" id="colspan-full-d" name="colspan-full-d" placeholder="Some interesting placeholder text">
+                  </dd>
+                </dl>
+              </fieldset>
+            </fieldset>
+
+            <details>
+              <summary>Detail element</summary>
+              <dl>
+                <dt><label for="detail-input-1">Detail input</label></dt>
+                <dd><input type="text" name="detail-input-1" id="detail-input-1"></dd>
+
+                <dt><label for="detail-input-2">Detail input</label></dt>
+                <dd><input type="text" name="detail-input-2" id="detail-input-2"></dd>
+
+                <dt><label for="detail-input-3">Detail input</label></dt>
+                <dd><input type="text" name="detail-input-3" id="detail-input-3"></dd>
+
+                <dt><label for="detail-input-4">Detail input</label></dt>
+                <dd><input type="text" name="detail-input-4" id="detail-input-4"></dd>
+              </dl>
+            </details>
+
+            <details>
+              <summary>Another detail element</summary>
+              <dl>
+                <dt><label for="another-detail-input-1">Detail input</label></dt>
+                <dd><input type="text" name="another-detail-input-1" id="another-detail-input-1"></dd>
+              </dl>
+            </details>
+
             <input type="submit" name="button1" value="Non-grouped submit button">
             <input type="reset" name="reset" value="Another one">
 
             <p>Flexbox button layout pattern with two submit buttons:</p>
             <menu>
               <li><button type="submit" name="button1">Button 1</button></li>
-              <li><button type="reset" name="button2">Button 2</button></li>
+              <li><input type="image" title="an image input element" name="image" alt="Button 2" width="100" src="https://upload.wikimedia.org/wikipedia/commons/c/c9/Perspective-Button-Go-icon.png"></li>
             </menu>
 
             <p>Flexbox button layout pattern with three submit buttons:</p>
@@ -138,26 +398,58 @@ <h1>Semantic Forms</h1>
               <li><input type="submit" name="button3" value="Button 3"></li>
             </menu>
           </fieldset>
+
+          <fieldset>
+            <legend>P tag elements</legend>
+
+            <p>
+              <input type="checkbox" name="p-tag-checkbox" id="p-tag-checkbox">
+              <label for="p-tag-checkbox">Checkbox</label>
+            </p>
+            <p>
+              <label for="p-tag-input">Text input</label>
+              <input type="text" name="p-tag-input" id="p-tag-input">
+            </p>
+            <p>
+              <label for="p-tag-textarea">Textarea</label>
+              <textarea type="text" name="p-tag-textarea" id="p-tag-textarea"></textarea>
+            </p>
+            <p>
+              <button type="button" name="p-tag-button" id="p-tag-button">Button</button>
+            </p>
+            <p>
+              Some regular text with <strong>other elements</strong> <span>inside of it</span>
+            </p>
+          </fieldset>
         </form>
 
+        <h2>Low flow (JavaScript disabled) styling</h2>
+        <p>Adding the <code>lowFlow</code> class to the form element removes all JS enhancements.</p>
         <form action="/somewhere" method="post" class="semanticForms lowFlow">
-          <fieldset>
-            <legend>Fieldset legend (low flow, JS disabled)</legend>
-            <dl>
-              <dt><label for="low-flow-name">Name</label></dt>
-              <dd><input id="low-flow-name" name="low-flow-name" type="text" placeholder="e.g. John Smith"></dd>
+          <dl>
+            <dt><label for="low-flow-name">Name</label></dt>
+            <dd><input id="low-flow-name" name="low-flow-name" type="text" placeholder="e.g. John Smith"></dd>
+
+            <dt><label for="low-flow-prefilled">Prefilled field</label></dt>
+            <dd><input id="low-flow-prefilled" name="low-flow-prefilled" type="text" placeholder="e.g. Stuff" value="Some text prefilled"></dd>
 
-              <dt><label for="low-flow-prefilled">Prefilled field</label></dt>
-              <dd><input id="low-flow-prefilled" name="low-flow-prefilled" type="text" placeholder="e.g. Stuff" value="Some text prefilled"></dd>
+            <dt><label for="low-flow-noplaceholder">No placeholder</label></dt>
+            <dd><input id="low-flow-noplaceholder" name="low-flow-noplaceholder" type="text"></dd>
 
-              <dt><label for="low-flow-noplaceholder">No placeholder</label></dt>
-              <dd><input id="low-flow-noplaceholder" name="low-flow-noplaceholder" type="text"></dd>
+            <dt><label for="low-flow-password">Password field</label></dt>
+            <dd><input id="low-flow-password" name="low-flow-password" type="password"></dd>
+          </dl>
 
-              <dt><label for="low-flow-password">Password field</label></dt>
-              <dd><input id="low-flow-password" name="low-flow-password" type="password"></dd>
+          <dl>
+            <dt><label for="low-flow-single-input">Single form input</label></dt>
+            <dd><input type="text" name="low-flow-single-input" id="low-flow-single-input"></dd>
+          </dl>
 
+          <fieldset>
+            <legend>Fieldset legend</legend>
+            <dl>
               <dt><label for="low-flow-email">Email field</label></dt>
-              <dd><input id="low-flow-email" name="low-flow-email" type="email" placeholder="e.g. john.smith@somewhere.com"></dd>
+              <dd><input id="low-flow-email" name="low-flow-email" type="email" placeholder="e.g. you@email.server"></dd>
 
               <dt><label for="low-flow-tel">Telephone field</label></dt>
               <dd><input id="low-flow-tel" name="low-flow-tel" type="tel" placeholder="e.g. 555-437-1111"></dd>
@@ -171,16 +463,34 @@ <h1>Semantic Forms</h1>
               <dt><label for="low-flow-number">Number</label></dt>
               <dd><input id="low-flow-number" name="low-flow-number" type="number" placeholder="e.g. 43"></dd>
 
+              <dt><label for="low-flow-label-subtext">Input with label help text</label></dt>
+              <dd>
+                <input id="low-flow-label-subtext" name="low-flow-label-subtext" type="text" placeholder="e.g. John Smith">
+                <label for="low-flow-label-subtext">Some help text</label>
+              </dd>
+
+              <dt><label for="low-flow-invalid-field">Invalid field</label></dt>
+              <dd><input id="low-flow-invalid-field" class="invalid" name="low-flow-invalid-Field" type="number" placeholder="e.g. 43" min="0" value="-2"></dd>
+
+              <dt><label for="low-flow-valid-field">Valid field</label></dt>
+              <dd><input id="low-flow-valid-field" class="valid" name="low-flow-valid-field" type="number" placeholder="e.g. 43" min="0" value="2"></dd>
+
+              <dt><label for="low-flow-required-field">Required field</label></dt>
+              <dd><input id="low-flow-required-field" name="low-flow-required-field" type="number" placeholder="e.g. 43" min="0" required></dd>
+
               <dt><label for="low-flow-selectbox">Select box</label></dt>
-              <dd><select id="low-flow-selectbox" name="low-flow-selectbox">
-                <option value="1">Item one</option>
-                <option value="2">Item two</option>
-                <option value="3">Item three</option>
-                <option value="4">Item four</option>
-                <option value="5">Item five</option>
-                <option value="6">Item six</option>
-                <option value="7">Item seven</option>
-              </select></dd>
+              <dd>
+                <select id="low-flow-selectbox" name="low-flow-selectbox">
+                  <option value="1">Item one</option>
+                  <option value="2">Item two</option>
+                  <option value="3">Item three</option>
+                  <option value="4">Item four</option>
+                  <option value="5">Item five</option>
+                  <option value="6">Item six</option>
+                  <option value="7">Item seven</option>
+                </select>
+                <label for="low-flow-selectbox">Some help text regarding the select box</label>
+              </dd>
 
               <dt><label data-for="low-flow-checkboxes">Checkboxes</label></dt>
               <dd class="checkboxes">
@@ -231,16 +541,242 @@ <h1>Semantic Forms</h1>
               <dd><textarea id="low-flow-textarea" name="low-flow-textarea" rows="5" cols="50" placeholder="e.g. He just kept talking in one incredibly unbroken sentence moving from topic to topic so that no one had a chance to interrupt it was really quite hypnotic."></textarea></dd>
 
               <dt><label for="low-flow-prefilledtextarea">Textarea (prefilled)</label></dt>
-              <dd><textarea id="low-flow-prefilledtextarea" name="low-flow-prefilledtextarea" rows="5" cols="50" placeholder="e.g. He just kept talking in one incredibly unbroken sentence moving from topic to topic so that no one had a chance to interrupt it was really quite hypnotic.">Some prefilled content...</textarea></dd>
+              <dd>
+                <textarea id="low-flow-prefilledtextarea" name="low-flow-prefilledtextarea" rows="5" cols="50" placeholder="e.g. He just kept talking in one incredibly unbroken sentence moving from topic to topic so that no one had a chance to interrupt it was really quite hypnotic.">Some prefilled content...</textarea>
+                <label for="low-flow-prefilledtextarea">Some help text regarding the textarea with some really long text that should overflow and wrap</label>
+              </dd>
             </dl>
 
+            <fieldset>
+              <legend>Nested fieldset</legend>
+
+              <dl>
+                <dt><label for="low-flow-nested-input-1">Input</label></dt>
+                <dd>
+                  <input type="text" id="low-flow-nested-input-1" name="low-flow-nested-input-1" placeholder="Some interesting placeholder text">
+                  <p>Here is some subtext.</p>
+                </dd>
+
+                <dt><label for="low-flow-nested-input-2">Input 2</label></dt>
+                <dd>
+                  <input type="text" id="low-flow-nested-input-2" name="low-flow-nested-input-2" placeholder="Some interesting placeholder text">
+                  <p><small>Here's some small subtext.</small></p>
+                </dd>
+
+                <dt><label for="low-flow-nested-input-3">Input 3</label></dt>
+                <dd>
+                  <input type="text" id="low-flow-nested-input-3" name="low-flow-nested-input-3" placeholder="Some interesting placeholder text">
+                  <p><strong>Here's some bold subtext.</strong></p>
+                </dd>
+
+                <dt><label for="low-flow-nested-input-4">Input 4</label></dt>
+                <dd>
+                  <input type="text" id="low-flow-nested-input-4" name="low-flow-nested-input-4" placeholder="Some interesting placeholder text">
+                  <p>Here is some subtext.</p>
+                  <p>Here is some more subtext.</p>
+                </dd>
+              </dl>
+
+              <fieldset>
+                <legend>Another nested fieldset</legend>
+
+                <dl>
+                  <dt><label for="low-flow-nested-nested-input">Input</label></dt>
+                  <dd>
+                    <input type="text" id="low-flow-nested-nested-input" name="low-flow-nested-nested-input" placeholder="Some interesting placeholder text">
+                  </dd>
+                </dl>
+              </fieldset>
+            </fieldset>
+
+            <fieldset>
+              <legend>Colspan classes</legend>
+
+              <dl>
+                <div class="colspan-1">
+                  <dt><label for="low-flow-colspan-1a">colspan-1</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-1a" id="low-flow-colspan-1a"></dd>
+                </div>
+                <div class="colspan-1">
+                  <dt><label for="low-flow-colspan-1b">colspan-1</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-1b" id="low-flow-colspan-1b"></dd>
+                </div>
+                <div class="colspan-2">
+                  <dt><label for="low-flow-colspan-2">colspan-2</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-2" id="low-flow-colspan-2"></dd>
+                </div>
+                <div class="colspan-4">
+                  <dt><label for="low-flow-colspan-4">colspan-4</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-4" id="low-flow-colspan-4"></dd>
+                </div>
+                <div class="colspan-3">
+                  <dt><label for="low-flow-colspan-3">colspan-3</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-3" id="low-flow-colspan-3"></dd>
+                </div>
+                <div class="colspan-1">
+                  <dt><label for="low-flow-colspan-1c">colspan-1</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-1c" id="low-flow-colspan-1c"></dd>
+                </div>
+                <div class="colspan-full">
+                  <dt><label for="low-flow-colspan-full">colspan-full</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-full" id="low-flow-colspan-full"></dd>
+                </div>
+                <div class="colspan-5">
+                  <dt><label for="low-flow-colspan-5">colspan-5</label></dt>
+                  <dd><input type="text" name="low-flow-colspan-5" id="low-flow-colspan-5"></dd>
+                </div>
+              </dl>
+
+              <fieldset class="colspan-1">
+                <legend>colspan-1</legend>
+
+                <dl>
+                  <dt><label for="low-flow-colspan-1-a">Input A</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-1-a" name="low-flow-colspan-1-a"></dd>
+
+                  <dt><label for="low-flow-colspan-1-b">Input B</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-1-b" name="low-flow-colspan-1-b"></dd>
+
+                  <dt><label for="low-flow-colspan-1-c">Input C</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-1-c" name="low-flow-colspan-1-c"></dd>
+                </dl>
+              </fieldset>
+
+              <fieldset class="colspan-2">
+                <legend>colspan-2</legend>
+
+                <dl>
+                  <dt><label for="low-flow-colspan-2-a">Input A</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-2-a" name="low-flow-colspan-2-a"></dd>
+
+                  <dt><label for="low-flow-colspan-2-b">Input B</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-2-b" name="low-flow-colspan-2-b"></dd>
+
+                  <dt><label for="low-flow-colspan-2-c">Input C</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-2-c" name="low-flow-colspan-2-c"></dd>
+                </dl>
+              </fieldset>
+
+              <fieldset class="colspan-3">
+                <legend>colspan-3</legend>
+
+                <dl>
+                  <dt><label for="low-flow-colspan-3-a">Input A</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-3-a" name="low-flow-colspan-3-a"></dd>
+
+                  <dt><label for="low-flow-colspan-3-b">Input B</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-3-b" name="low-flow-colspan-3-b"></dd>
+
+                  <dt><label for="low-flow-colspan-3-c">Input C</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-3-c" name="low-flow-colspan-3-c"></dd>
+
+                  <dt><label for="low-flow-colspan-3-d">Input D</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-3-d" name="low-flow-colspan-3-d"></dd>
+                </dl>
+              </fieldset>
+
+              <fieldset class="colspan-4">
+                <legend>colspan-4</legend>
+
+                <dl>
+                  <dt><label for="low-flow-colspan-4-a">Input A</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-4-a" name="low-flow-colspan-4-a"></dd>
+
+                  <dt><label for="low-flow-colspan-4-b">Input B</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-4-b" name="low-flow-colspan-4-b"></dd>
+
+                  <dt><label for="low-flow-colspan-4-c">Input C</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-4-c" name="low-flow-colspan-4-c"></dd>
+
+                  <dt><label for="low-flow-colspan-4-d">Input D</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-4-d" name="low-flow-colspan-4-d"></dd>
+
+                  <dt><label for="low-flow-colspan-4-e">Input E</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-4-e" name="low-flow-colspan-4-e"></dd>
+                </dl>
+              </fieldset>
+
+              <fieldset class="colspan-5">
+                <legend>colspan-5</legend>
+
+                <dl>
+                  <dt><label for="low-flow-colspan-5-a">Input A</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-5-a" name="low-flow-colspan-5-a"></dd>
+
+                  <dt><label for="low-flow-colspan-5-b">Input B</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-5-b" name="low-flow-colspan-5-b"></dd>
+
+                  <dt><label for="low-flow-colspan-5-c">Input C</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-5-c" name="low-flow-colspan-5-c"></dd>
+
+                  <dt><label for="low-flow-colspan-5-d">Input D</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-5-d" name="low-flow-colspan-5-d"></dd>
+
+                  <dt><label for="low-flow-colspan-5-e">Input E</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-5-e" name="low-flow-colspan-5-e"></dd>
+
+                  <dt><label for="low-flow-colspan-5-f">Input F</label></dt>
+                  <dd><input type="text" id="low-flow-colspan-5-f" name="low-flow-colspan-5-f"></dd>
+                </dl>
+              </fieldset>
+            </fieldset>
+
+
+            <details>
+              <summary>Detail element</summary>
+              <dl>
+                <dt><label for="low-flow-detail-input-1">Detail input</label></dt>
+                <dd><input type="text" name="low-flow-detail-input-1" id="low-flow-detail-input-1"></dd>
+
+                <dt><label for="low-flow-detail-input-2">Detail input</label></dt>
+                <dd><input type="text" name="low-flow-detail-input-2" id="low-flow-detail-input-2"></dd>
+
+                <dt><label for="low-flow-detail-input-3">Detail input</label></dt>
+                <dd><input type="text" name="low-flow-detail-input-3" id="low-flow-detail-input-3"></dd>
+
+                <dt><label for="low-flow-detail-input-4">Detail input</label></dt>
+                <dd><input type="text" name="low-flow-detail-input-4" id="low-flow-detail-input-4"></dd>
+              </dl>
+            </details>
+
+            <details>
+              <summary>Another detail element</summary>
+              <dl>
+                <dt><label for="low-flow-another-detail-input-1">Detail input</label></dt>
+                <dd><input type="text" name="low-flow-another-detail-input-1" id="low-flow-another-detail-input-1"></dd>
+              </dl>
+            </details>
+
+            <fieldset>
+              <legend>P tag elements</legend>
+
+              <p>
+                <input type="checkbox" name="low-flow-p-tag-checkbox" id="low-flow-p-tag-checkbox">
+                <label for="low-flow-p-tag-checkbox">Checkbox</label>
+              </p>
+              <p>
+                <label for="low-flow-p-tag-input">Text input</label>
+                <input type="text" name="low-flow-p-tag-input" id="low-flow-p-tag-input">
+              </p>
+              <p>
+                <label for="low-flow-p-tag-textarea">Textarea</label>
+                <textarea type="text" name="low-flow-p-tag-textarea" id="low-flow-p-tag-textarea"></textarea>
+              </p>
+              <p>
+                <button type="button" name="low-flow-p-tag-button" id="low-flow-p-tag-button">Button</button>
+              </p>
+              <p>
+                Some regular text with <strong>other elements</strong> <span>inside of it</span>
+              </p>
+            </fieldset>
+
             <input type="submit" name="button1" value="Non-grouped submit button">
             <input type="reset" name="reset" value="Another one">
 
             <p>Flexbox button layout pattern with two submit buttons:</p>
             <menu>
               <li><button type="submit" name="button1">Button 1</button></li>
-              <li><button type="reset" name="button2">Button 2</button></li>
+              <li><input type="image" title="an image input element" name="image" alt="Button 2" width="100" src="https://upload.wikimedia.org/wikipedia/commons/c/c9/Perspective-Button-Go-icon.png"></li>
             </menu>
 
             <p>Flexbox button layout pattern with three submit buttons:</p>
@@ -259,6 +795,21 @@ <h1>Semantic Forms</h1>
         document.querySelector('#mode button').addEventListener('click', (event) => toggleDarkMode())
         if (window.matchMedia('(prefers-color-scheme: dark)').matches) toggleDarkMode('dark')
         else toggleDarkMode('light')
+
+        const forms = document.querySelectorAll('form')
+        for (const form of forms) {
+          form.addEventListener('submit', e => {
+            e.preventDefault()
+          })
+        }
+
+        const greenButtons = document.querySelectorAll('input[type="image"]')
+        for (const button of greenButtons) {
+          button.addEventListener('click', (e) => {
+            e.preventDefault()
+            window.alert('GREEN!!!')
+          })
+        }
       })
 
       function toggleDarkMode (mode) {
diff --git a/semanticForms.js b/semanticForms.js
index 2fc5b59..1c13109 100644
--- a/semanticForms.js
+++ b/semanticForms.js
@@ -2,112 +2,161 @@ window.semanticForms = () => {
   // do some feature detection so none of the JS executes if the browser is too old
   if (typeof document.getElementsByClassName !== 'function' || typeof document.querySelector !== 'function' || !document.body.classList || !window.MutationObserver) return
 
+  const nodeNameLookup = ['TEXTAREA', 'SELECT']
+  const inputTypeLookup = ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']
+
   // progressively enhance form elements that have the semanticForms class
   const forms = document.querySelectorAll('form.semanticForms:not(.semanticFormsActive)')
+
   for (const form of forms) {
     form.classList.add('semanticFormsActive')
-    if (!form.classList.contains('lowFlow')) {
-      const clearfieldHorizontalOffset = parseInt(form.getAttribute('data-clearfield-horizontal-offset')) || 21
-      const clearfieldVerticalOffset = parseInt(form.getAttribute('data-clearfield-vertical-offset')) || 5
-      const inputs = Array.prototype.slice.call(form.getElementsByTagName('input')).concat(Array.prototype.slice.call(form.getElementsByTagName('textarea'))).concat(Array.prototype.slice.call(form.getElementsByTagName('select')))
-      for (const input of inputs) {
-        if (input.classList.contains('semanticform')) continue
-        if (input.id) {
-          const nodeName = input.nodeName
-          const type = input.getAttribute('type')
-          if (nodeName === 'TEXTAREA' || nodeName === 'SELECT' || type === 'checkbox' || type === 'color' || type === 'date' || type === 'datetime-local' || type === 'email' || type === 'file' || type === 'image' || type === 'month' || type === 'number' || type === 'password' || type === 'radio' || type === 'range' || type === 'search' || type === 'tel' || type === 'text' || type === 'time' || type === 'url' || type === 'week') {
-            let dl = input.parentNode
-            while (dl && dl.nodeName !== 'DL') dl = dl.parentNode
-            if (dl) {
-              if (!dl.classList.contains('floatLabelForm')) dl.classList.add('floatLabelForm')
-              let label
-              if (input.parentNode.parentNode.id && (type === 'checkbox' || type === 'radio')) label = document.querySelector('label[data-for=' + input.parentNode.parentNode.id.replace(/\./g, '\\.') + ']')
-              else label = document.querySelector('label[for=' + input.id.replace(/\./g, '\\.') + ']')
-              input.classList.add('semanticform')
-              if (type === 'checkbox' || type === 'radio') {
-                dl = input.parentNode
-                while (dl && dl.nodeName !== 'DD') dl = dl.parentNode
-                if (dl.firstChild.nodeName !== 'LABEL') {
-                  const newLabel = document.createElement('label')
-                  newLabel.className = 'floatLabelFormAnimatedLabel'
-                  if (type === 'checkbox' && input.parentNode.nodeName === 'DD') {
-                    newLabel.setAttribute('for', input.id)
-                    input.parentNode.classList.add('singleCheckbox')
-                    newLabel.className = ''
-                  }
-                  newLabel.innerHTML = label.innerHTML
-                  dl.insertBefore(newLabel, dl.firstChild)
-                }
-              } else {
-                const newLabel = document.createElement('label')
-                newLabel.setAttribute('for', input.id)
-                newLabel.className = 'floatLabelFormAnimatedLabel'
-                newLabel.innerHTML = label.innerHTML
-                insertAfter(newLabel, input)
-                label.setAttribute('hidden', 'hidden')
-              }
-              if (nodeName !== 'SELECT' && type !== 'checkbox' && type !== 'radio') {
-                // if it doesn't have a placeholder, add a blank one
-                if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')
-                inputHandler(input) // force x to appear on inputs with prefilled value
-              }
-              input.addEventListener('input', inputHandler)
-              input.addEventListener('mousemove', event => {
-                const el = event.target
-                const nodeName = el.nodeName
-                const type = el.getAttribute('type')
-                if (nodeName === 'TEXTAREA' || type === 'checkbox' || type === 'color' || type === 'date' || type === 'datetime-local' || type === 'email' || type === 'file' || type === 'month' || type === 'number' || type === 'password' || type === 'radio' || type === 'range' || type === 'search' || type === 'tel' || type === 'text' || type === 'time' || type === 'url' || type === 'week') {
-                  inputHandler(event)
-                  if (el.offsetWidth - clearfieldHorizontalOffset < event.clientX - el.getBoundingClientRect().left && clearfieldHorizontalOffset + clearfieldVerticalOffset > event.clientY - el.getBoundingClientRect().top
-                  ) {
-                    if (!el.classList.contains('onX')) {
-                      el.classList.add('onX')
-                    }
-                  } else {
-                    el.classList.remove('onX')
-                  }
-                }
-              })
-              input.addEventListener('click', event => {
-                const el = event.target
-                const nodeName = el.nodeName
-                const type = el.getAttribute('type')
-                if (nodeName === 'TEXTAREA' || type === 'color' || type === 'date' || type === 'datetime-local' || type === 'email' || type === 'file' || type === 'month' || type === 'number' || type === 'password' || type === 'search' || type === 'tel' || type === 'text' || type === 'time' || type === 'url' || type === 'week') {
-                  if (el.offsetWidth - clearfieldHorizontalOffset < event.clientX - el.getBoundingClientRect().left &&
-                  clearfieldHorizontalOffset + clearfieldVerticalOffset > event.clientY - el.getBoundingClientRect().top
-                  ) {
-                    el.value = ''
-                    el.dispatchEvent(new Event('input'))
-                    el.form.dispatchEvent(new Event('input'))
-                    el.classList.remove('x')
-                    el.classList.remove('onX')
-                  }
-                }
-              })
+    if (form.classList.contains('lowFlow')) continue
+
+    // update each input in the semantic form
+    const inputs = Array.from(form.querySelectorAll('input, textarea, select'))
+    for (const input of inputs) {
+      // ignore input if it has previously been formatted
+      if (input.classList.contains('semanticform') || !input.id) continue
+
+      const type = input.getAttribute('type')
+      if (nodeNameLookup.includes(input.nodeName) || inputTypeLookup.includes(type)) {
+        // recursively find <dl> element
+        let dl = input.parentNode
+        while (dl && dl.nodeName !== 'DL') dl = dl.parentNode
+
+        if (!dl) continue
+        if (!dl.classList.contains('floatLabelForm')) dl.classList.add('floatLabelForm')
+
+        const label = input.parentNode.parentNode.id && (type === 'checkbox' || type === 'radio')
+          ? document.querySelector('label[data-for=' + input.parentNode.parentNode.id.replace(/\./g, '\\.') + ']')
+          : document.querySelector('label[for=' + input.id.replace(/\./g, '\\.') + ']')
+
+        input.classList.add('semanticform')
+
+        // #region create labels
+        if (type === 'checkbox' || type === 'radio') {
+          // recursively find <dd> element
+          let dd = input.parentNode
+          while (dd && dd.nodeName !== 'DD') dd = dd.parentNode
+
+          if (dd.firstChild.nodeName !== 'LABEL') {
+            const newLabel = document.createElement('label')
+            newLabel.className = 'floatLabelFormAnimatedLabel'
+
+            if (type === 'checkbox' && input.parentNode.nodeName === 'DD') {
+              newLabel.setAttribute('for', input.id)
+              input.parentNode.classList.add('singleCheckbox')
+              newLabel.className = ''
+              label.setAttribute('hidden', 'hidden')
             }
+
+            newLabel.innerHTML = label.innerHTML
+
+            if (dd.querySelector(':required') && label.getAttribute('data-no-asterisk') === null && !label.querySelector('span')) {
+              const text = label.getAttribute('data-asterisk-text') || 'This field is required.'
+              label.innerHTML += `<span title="${text}">*</span>`
+            }
+
+            if (!dd.querySelector('label')) dd.append(newLabel)
+          }
+
+          // removes old div that a radio or checkbox may have been added to
+          if (dd.parentElement.nodeName === 'DIV') dd.parentElement.remove()
+
+          const div = document.createElement('div')
+          div.append(label.closest('dt'), dd)
+          dl.append(div)
+        } else {
+          const newLabel = document.createElement('label')
+          newLabel.setAttribute('for', input.id)
+          newLabel.className = 'floatLabelFormAnimatedLabel'
+
+          newLabel.innerHTML = label.innerHTML
+
+          if (input.hasAttribute('required') && label.getAttribute('data-no-asterisk') === null && !label.querySelector('span')) {
+            const text = label.getAttribute('data-asterisk-text') || 'This field is required.'
+            newLabel.innerHTML += ` <span title="${text}">*</span>`
           }
+
+          label.setAttribute('hidden', 'hidden')
+
+          insertAfter(newLabel, input)
         }
-      }
-    }
-  }
+        // #endregion
+
+        // standard inputs
+        if (type !== 'checkbox' && type !== 'radio') {
+          if (!input.getAttribute('placeholder')) {
+            input.setAttribute('placeholder', ' ')
+          }
+
+          const div = document.createElement('div')
+          const dt = label.closest('dt')
+          const dd = input.closest('dd')
+
+          // #region clear button
+          if (input.nodeName !== 'SELECT' && type !== 'range') {
+            const clearBtn = document.createElement('button')
+            clearBtn.type = 'button'
+            clearBtn.ariaLabel = 'Clear input'
+            clearBtn.tabIndex = -1
+            clearBtn.innerHTML = '<svg viewBox="0 0 16 16" width="18" height="18"><path d="M 1 1 L 15 15 M 1 15 L 15 1" fill="none" stroke-width="2" stroke="currentColor" />'
+            clearBtn.classList.add('clear')
+            clearBtn.addEventListener('click', () => {
+              input.value = ''
+              input.focus()
+            })
+            insertAfter(clearBtn, dd.querySelector('label'))
+          }
+          // #endregion
+
+          // check for colspan- utility class
+          if (/colspan-/.test(dd.className)) {
+            const match = dd.className.match(/colspan-([0-9]|full)/)[0]
+            dd.classList.remove(match)
+            div.classList.add(match)
+          }
+
+          div.append(dt, dd)
+          dl.append(div)
+
+          // determine visibility of newly created <div>
+          if (dt.style.display === 'none' && dd.style.display === 'none') div.style.display = 'none'
+        }
+
+        // handle file input clear btn, cannot be handled with CSS
+        if (type === 'file') {
+          const clearBtn = input.parentElement.querySelector('.clear')
+          input.addEventListener('input', e => {
+            clearBtn.style.display = e.target.files.length ? 'flex' : 'none'
+          })
+          clearBtn.addEventListener('click', () => {
+            clearBtn.style.display = 'none'
+          })
+        }
+
+        // add listener to shift clear button when scrollbar present
+        for (const textarea of document.querySelectorAll('textarea')) {
+          // shifts the close button to the right if a scrollbar is present
+          const shiftCloseBtn = () => {
+            const clearBtn = textarea.parentElement?.querySelector('button.clear')
+            if (clearBtn) {
+              clearBtn.style.marginRight = textarea.clientHeight < textarea.scrollHeight ? '15px' : ''
+            }
+          }
 
-  // handle keystrokes or other input
-  function inputHandler (event) {
-    const el = event.target || event
-    const nodeName = el.nodeName
-    const type = el.getAttribute('type') || nodeName === 'TEXTAREA'
-    if ((nodeName && type) && (nodeName === 'TEXTAREA' || type === 'checkbox' || type === 'color' || type === 'date' || type === 'datetime-local' || type === 'email' || type === 'file' || type === 'month' || type === 'number' || type === 'password' || type === 'radio' || type === 'range' || type === 'search' || type === 'tel' || type === 'text' || type === 'time' || type === 'url' || type === 'week')) {
-      if (el.value) {
-        if (!el.classList.contains('x')) {
-          el.classList.add('x')
+          textarea.addEventListener('input', shiftCloseBtn)
+          textarea.addEventListener('mouseup', shiftCloseBtn)
         }
-      } else {
-        el.classList.remove('x')
       }
     }
   }
 
-  // utility method for inserting an element after another element
+  /**
+   * Places an element immediately after another element
+   * @param {Object} newNode element being placed after the reference node
+   * @param {*} referenceNode element to be used as reference for new node
+   */
   function insertAfter (newNode, referenceNode) {
     if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
     else referenceNode.parentNode.appendChild(newNode)
diff --git a/semanticForms.less b/semanticForms.less
deleted file mode 100644
index 55ead32..0000000
--- a/semanticForms.less
+++ /dev/null
@@ -1,638 +0,0 @@
-// #region variables
-
-@lightFormBackgroundColor: #fff;
-@lightFormSubBackgroundColor: #f5f5f5;
-@lightFormTextColor: #000;
-@lightBorderColor: #c0c0c0;
-@lightPlaceholderColor: #aaa;
-@darkFormBackgroundColor: #555;
-@darkFormSubBackgroundColor: #2f2f2f;
-@darkFormSubBorderColor: #3f3f3f;
-@darkFormTextColor: #fff;
-@darkBorderColor: #555;
-@darkPlaceholderColor: #aaa;
-@darkButtonGradientLight: #6f6f6f;
-@darkButtonGradientDark: #373737;
-
-// #endregion
-
-// #region default (light mode) styles
-
-form.semanticForms {
-
-  // #region globals
-
-  font-family: sans-serif;
-
-  input:not([type='submit']):not([type='reset']):not([type='image']):not([type=checkbox]):not([type=radio]):not([type=color]),
-  select,
-  textarea {
-    box-sizing: content-box;
-    background-color: @lightFormBackgroundColor;
-    outline: 0;
-    border: 1px @lightBorderColor solid;
-    border-radius: 10px;
-    width: 250px;
-    height: 25px;
-    font-size: 100%;
-    font-family: sans-serif;
-    padding: 5px 20px;
-  }
-
-  input[type=color] {
-    background-color: @lightFormBackgroundColor;
-    border: 1px @lightBorderColor solid;
-    border-radius: 10px;
-    width: 292px;
-    height: 37px;
-    padding: 5px 20px;
-  }
-
-  select {
-    box-sizing: border-box;
-  }
-
-  input[type=range] {
-    border: 0 !important;
-    width: 248px !important;
-  }
-
-  fieldset {
-    background-color: @lightFormSubBackgroundColor;
-    border: 1px @lightBorderColor solid;
-    border-radius: 10px;
-    text-align: center;
-    margin-bottom: 25px;
-
-    p {
-      text-align: left;
-      width: 100%;
-      clear: both;
-    }
-  }
-
-  legend {
-    text-align: left;
-  }
-
-  dl {
-    text-align: left;
-  }
-
-  .checkboxes ul,
-  .radios ul {
-    list-style: none;
-    padding: 0;
-  }
-
-  dd.checkboxes,
-  dd.radios {
-    margin: 0;
-  }
-
-  menu {
-    width: 100%;
-    clear: both;
-    display: flex;
-    justify-content: space-between;
-    padding: 0;
-
-    li {
-      list-style-type: none;
-    }
-
-    input[type='submit'],
-    input[type='reset'],
-    input[type='image'],
-    button {
-      float: none;
-      clear: none;
-      margin: 0;
-    }
-  }
-
-  // #endregion
-
-  // #region clear fields and custom select box design
-
-  input:not([type='submit']):not([type='reset']):not([type=checkbox]):not([type=radio]),
-  textarea {
-    background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23000' d='M964.7,157.6L622.3,500l342.4,342.4l0,0c15.7,15.7,25.3,37.3,25.3,61.1c0,47.7-38.7,86.5-86.5,86.5c-23.9,0-45.5-9.7-61.1-25.3l0,0L500,622.3L157.6,964.7l0,0C142,980.3,120.3,990,96.5,990C48.7,990,10,951.3,10,903.5c0-23.9,9.7-45.5,25.3-61.1l0,0L377.7,500L35.3,157.6l0,0C19.7,142,10,120.3,10,96.5C10,48.7,48.7,10,96.5,10c23.9,0,45.5,9.7,61.1,25.3l0,0L500,377.7L842.4,35.3l0,0C858,19.7,879.7,10,903.5,10c47.8,0,86.5,38.7,86.5,86.5C990,120.3,980.3,142,964.7,157.6L964.7,157.6z'/%3E%3C/g%3E%3C/svg%3E");
-    background-size: 12px;
-    background-repeat: no-repeat;
-  }
-
-  input:not([type=checkbox]):not([type=radio]) {
-    background-position: right -12px center;
-  }
-
-  textarea {
-    background-position: right -12px top 10px;
-    height: 100px;
-  }
-
-  select {
-    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'%3E%3Cpolygon points='0,0 100,0 50,50'/%3E%3C/svg%3E");
-    background-size: 14px;
-    background-position: calc(99%) 16px;
-    background-repeat: no-repeat;
-    width: 292px;
-    height: 37px;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-  }
-
-  // #endregion
-
-  // #region style placeholders
-
-  input::placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  textarea::placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  input:focus::placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  input:focus::-moz-placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  input:focus::-webkit-input-placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  input:focus:-ms-input-placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  textarea:focus::placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  textarea:focus::-moz-placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  textarea:focus::-webkit-input-placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  textarea:focus:-ms-input-placeholder {
-    color: @lightPlaceholderColor;
-    opacity: 1;
-  }
-
-  // #endregion
-
-  // #region buttons
-
-  input[type='submit'],
-  input[type='reset'],
-  input[type='image'],
-  button {
-    width: auto;
-    box-sizing: content-box;
-    float: none;
-    clear: both;
-    outline: 0;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    border-radius: 20px;
-    font-size: 100%;
-    margin: 25px 10px;
-    padding: 5px 25px;
-    border: 2px @lightBorderColor solid;
-    background-image: linear-gradient(to bottom, @lightFormBackgroundColor 0%, @lightBorderColor 100%);
-  }
-
-  input[type='submit']:first-of-type,
-  input[type='reset']:first-of-type,
-  input[type='image']:first-of-type,
-  button:first-of-type {
-    margin-left: 0;
-  }
-
-  input[type='submit']:active,
-  input[type='reset']:active,
-  input[type='image']:active,
-  button:active {
-    background-image: linear-gradient(to bottom, @lightBorderColor 0%, @lightFormBackgroundColor 100%);
-  }
-
-  // #endregion
-
-  // #region float label forms
-
-  label.floatLabelFormAnimatedLabel, input:not([type=checkbox]):not([type=radio]), select, textarea, section {
-    transition: color 0.2s, text-indent 0.2s, transform 0.2s, background-position 0.2s;
-    touch-action: manipulation;
-  }
-
-  .floatLabelForm {
-    margin: 0 auto;
-
-    input[disabled] {
-      opacity: 0.5;
-    }
-
-    // remove native clear button, we made a custom one
-    input:not([type=date])::-webkit-clear-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    dd {
-      float: left;
-      margin: 0 10px 0 10px;
-    }
-
-    dt:not(.checkboxes):not(.radios) {
-      font-size: 1px;
-      text-indent: 100%;
-      white-space: nowrap;
-      overflow: hidden;
-      position: absolute;
-      right: 9999px;
-    }
-
-    dd:not(.checkboxes):not(.radios) {
-      display: flex;
-      flex-flow: column-reverse;
-    }
-
-    .checkboxes ul,
-    .radios ul {
-      margin: 3px 20px 0 0;
-      width: 262px;
-      padding-left: 10px;
-    }
-
-    label.floatLabelFormAnimatedLabel {
-      width: 170px;
-      padding: 6px 15px;
-      font-size: 75%;
-      color: @lightPlaceholderColor;
-      cursor: text;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      transform-origin: left bottom;
-      transform: translate(0, 38px) scale(1.5);
-    }
-
-    dd:not(.checkboxes):not(.radios).singleCheckbox {
-      width: 292px;
-      display: flex;
-      flex-direction: row-reverse;
-      align-items: flex-start;
-      justify-content: left;
-
-      label {
-        margin-top: 10px;
-      }
-
-      input {
-        margin: 10px 10px 0 0;
-      }
-    }
-
-    // hide placeholder content until the input is focused
-    ::placeholder {
-      opacity: 0;
-      transition: inherit;
-    }
-
-    ::-moz-placeholder {
-      opacity: 0;
-      transition: inherit;
-    }
-
-    ::-webkit-input-placeholder {
-      opacity: 0;
-      transition: inherit;
-    }
-
-    :-ms-input-placeholder {
-      opacity: 0;
-      transition: inherit;
-    }
-
-    // show the placeholder when the input is focused
-    input:focus::placeholder {
-      opacity: 1;
-    }
-
-    input:focus::-moz-placeholder {
-      opacity: 1;
-    }
-
-    input:focus::-webkit-input-placeholder {
-      opacity: 1;
-    }
-
-    input:focus:-ms-input-placeholder {
-      opacity: 1;
-    }
-
-    textarea:focus::placeholder {
-      opacity: 1;
-    }
-
-    textarea:focus::-moz-placeholder {
-      opacity: 1;
-    }
-
-    textarea:focus::-webkit-input-placeholder {
-      opacity: 1;
-    }
-
-    textarea:focus:-ms-input-placeholder {
-      opacity: 1;
-    }
-
-    // move the label off of input to make room for input content
-    input:not(:placeholder-shown) + label,
-    input:focus + label,
-    textarea:not(:placeholder-shown) + label,
-    textarea:focus + label,
-    select + label.floatLabelFormAnimatedLabel,
-    .checkboxes label.floatLabelFormAnimatedLabel,
-    .radios label.floatLabelFormAnimatedLabel {
-      transform: translate(0, 0) scale(1);
-      text-indent: 6px;
-      cursor: default;
-      color: @lightFormTextColor;
-    }
-
-    input.x {
-      background-position: right 6px center;
-    }
-
-    textarea.x {
-      background-position: right 6px top 10px;
-    }
-
-    .onX {
-      cursor: pointer;
-    }
-
-    // disable autofill yellow
-    input:-webkit-autofill,
-    input:-webkit-autofill:hover,
-    input:-webkit-autofill:focus,
-    input:-webkit-autofill:active,
-    textarea:-webkit-autofill,
-    textarea:-webkit-autofill:hover,
-    textarea:-webkit-autofill:focus,
-    textarea:-webkit-autofill:active,
-    select:-webkit-autofill,
-    select:-webkit-autofill:hover,
-    select:-webkit-autofill:focus,
-    select:-webkit-autofill:active {
-      -webkit-box-shadow: 0 0 0 1000px @lightFormBackgroundColor inset;
-      transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
-      transition-delay: 5000s;
-      transition-property: background-color, color;
-    }
-  }
-
-  .floatLabelForm::after {
-    content: " ";
-    visibility: hidden;
-    display: block;
-    height: 0;
-    clear: both;
-  }
-
-  // #endregion
-
-  // #region side-by-side pattern on large screens
-
-  @media (min-width: 700px) {
-    .floatLabelForm {
-      margin: 0 -10px;
-      width: auto;
-      text-align: left;
-    }
-
-    fieldset {
-      text-align: left;
-
-      input[type='submit'],
-      input[type='reset'],
-      input[type='image'],
-      button {
-        float: left;
-        clear: none;
-      }
-
-      :last-child {
-        margin-right: 0;
-      }
-    }
-
-    .x2 {
-      input:not([type='submit']):not([type='reset']):not([type='image']):not([type=checkbox]):not([type=radio]):not([type=color]),
-      select,
-      textarea {
-        width: 562px;
-      }
-    }
-
-    .x2 {
-      input[type=color] {
-        width: 604px;
-      }
-    }
-
-    .x2 {
-      input[type=range] {
-        width: 560px !important;
-      }
-    }
-
-    .x2 {
-      select {
-        width: 604px;
-      }
-    }
-
-    .x2.checkboxes ul,
-    .x2.radios ul {
-      width: 574px;
-    }
-
-    .x2 {
-      label.floatLabelFormAnimatedLabel {
-        width: 375px;
-      }
-    }
-  }
-
-  // #endregion
-}
-
-// #endregion
-
-// #region non-js exclusive styles
-
-form.semanticForms.lowFlow {
-  dl {
-    margin: 10px 0 0 0;
-  }
-
-  dd {
-    margin: 0 0 25px 0;
-  }
-
-  dd:last-child {
-    margin: 0;
-  }
-}
-
-// #endregion
-
-// #region dark mode styles
-
-form.semanticForms.dark {
-  input:not([type='submit']):not([type='reset']):not([type='image']):not([type=checkbox]):not([type=radio]):not([type=color]),
-  select,
-  textarea {
-    background-color: @darkFormBackgroundColor;
-    border: 1px @darkBorderColor solid;
-    color: @darkFormTextColor;
-  }
-
-  input[type=color] {
-    background-color: @darkFormBackgroundColor;
-    border: 1px @darkBorderColor solid;
-    color: @darkFormTextColor;
-  }
-
-  fieldset {
-    background-color: @darkFormSubBackgroundColor;
-    border: 1px @darkFormSubBorderColor solid;
-  }
-
-  // clear fields
-  input:not([type='submit']):not([type='reset']):not([type=checkbox]):not([type=radio]),
-  textarea {
-    background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' stroke='%23fff' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23fff' d='M964.7,157.6L622.3,500l342.4,342.4l0,0c15.7,15.7,25.3,37.3,25.3,61.1c0,47.7-38.7,86.5-86.5,86.5c-23.9,0-45.5-9.7-61.1-25.3l0,0L500,622.3L157.6,964.7l0,0C142,980.3,120.3,990,96.5,990C48.7,990,10,951.3,10,903.5c0-23.9,9.7-45.5,25.3-61.1l0,0L377.7,500L35.3,157.6l0,0C19.7,142,10,120.3,10,96.5C10,48.7,48.7,10,96.5,10c23.9,0,45.5,9.7,61.1,25.3l0,0L500,377.7L842.4,35.3l0,0C858,19.7,879.7,10,903.5,10c47.8,0,86.5,38.7,86.5,86.5C990,120.3,980.3,142,964.7,157.6L964.7,157.6z'/%3E%3C/g%3E%3C/svg%3E");
-  }
-
-  // custom select box design
-  select {
-    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
-    color: @darkFormTextColor;
-  }
-
-  // style placeholders
-  input::placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  textarea::placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  input:focus::placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  input:focus::-moz-placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  input:focus::-webkit-input-placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  input:focus:-ms-input-placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  textarea:focus::placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  textarea:focus::-moz-placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  textarea:focus::-webkit-input-placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  textarea:focus:-ms-input-placeholder {
-    color: @darkPlaceholderColor;
-  }
-
-  // buttons
-  input[type='submit'],
-  input[type='reset'],
-  input[type='image'],
-  button {
-    border: 2px @darkButtonGradientDark solid;
-    background-image: linear-gradient(to bottom, @darkButtonGradientLight 0%, @darkButtonGradientDark 100%);
-    color: @darkFormTextColor;
-  }
-
-  input[type='submit']:active,
-  input[type='reset']:active,
-  input[type='image']:active,
-  button:active {
-    background-image: linear-gradient(to bottom, @darkButtonGradientDark 0%, @darkButtonGradientLight 100%);
-    color: @darkFormTextColor;
-  }
-
-  .floatLabelForm {
-    label.floatLabelFormAnimatedLabel {
-      color: @darkPlaceholderColor;
-    }
-
-    // move the label off of input to make room for input content
-    input:not(:placeholder-shown) + label,
-    input:focus + label,
-    textarea:not(:placeholder-shown) + label,
-    textarea:focus + label,
-    select + label.floatLabelFormAnimatedLabel,
-    .checkboxes label.floatLabelFormAnimatedLabel,
-    .radios label.floatLabelFormAnimatedLabel {
-      color: @darkFormTextColor;
-    }
-
-    // disable autofill yellow
-    input:-webkit-autofill,
-    input:-webkit-autofill:hover,
-    input:-webkit-autofill:focus,
-    input:-webkit-autofill:active,
-    textarea:-webkit-autofill,
-    textarea:-webkit-autofill:hover,
-    textarea:-webkit-autofill:focus,
-    textarea:-webkit-autofill:active,
-    select:-webkit-autofill,
-    select:-webkit-autofill:hover,
-    select:-webkit-autofill:focus,
-    select:-webkit-autofill:active {
-      -webkit-box-shadow: 0 0 0 1000px @darkFormBackgroundColor inset;
-    }
-  }
-}
-
-// #endregion
diff --git a/semanticForms.scss b/semanticForms.scss
new file mode 100644
index 0000000..3ff0348
--- /dev/null
+++ b/semanticForms.scss
@@ -0,0 +1,986 @@
+// #region global styles
+form.semanticForms {
+  --formBackgroundColor: #fff;
+  --formSubBackgroundColor: #f5f5f5;
+  --formTextColor: #000;
+  --buttonBackgroundColor: #f5f5f5;
+  --borderColor: #c0c0c0;
+  --subBorderColor: #c0c0c0;
+  --placeholderColor: rgba(0, 0, 0, 0.75);
+  --scrollbarColor: #c0c0c0;
+  --clearButtonColor: #000;
+  --buttonGradientLight: #fff;
+  --buttonGradientDark: #c0c0c0;
+  --invalid: #f00;
+  --invalidBorder: 1px solid var(--invalid);
+  --inputHeight: 38px;
+  --inputFontSize: 16px;
+  --inputTopMargin: 15px;
+  --inputMinWidth: 250px;
+  --borderRadius: 10px;
+  --nestedFieldset: rgba(0, 0, 0, .05);
+  --nestedFieldsetBorder: 1px rgba(0, 0, 0, .2) solid;
+  --nestedInput: #fff;
+  --border: 1px var(--borderColor) solid;
+  --selectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000'%3E%3Cpolygon points='0,0 100,0 50,50'/%3E%3C/svg%3E");
+  --customResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23aaa;stroke:%23aaa;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E")
+}
+
+form.semanticForms.dark {
+  --formBackgroundColor: #555;
+  --inputBackgroudColor: rgba(85,85,85,0.1);
+  --formSubBackgroundColor: #2f2f2f;
+  --formTextColor: #fff;
+  --buttonBackgroundColor: #454545;
+  --borderColor: #656565;
+  --subBorderColor: #3f3f3f;
+  --placeholderColor: rgba(255, 255, 255, 0.85);
+  --scrollbarColor: #373737;
+  --clearButtonColor: #fff;
+  --buttonGradientLight: #6f6f6f;
+  --buttonGradientDark: #373737;
+  --nestedFieldset: rgba(255, 255, 255, .05);
+  --nestedFieldsetBorder: 1px rgba(255, 255, 255, .1) solid;
+  --nestedInput: rgba(255, 255, 255, .15);
+  --border: none;
+  --selectIcon: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23fff'%3E%3Cpolygon stroke='%23fff' points='0,0 100,0 50,50'/%3E%3C/svg%3E");
+  --customResizer: url("data:image/svg+xml;utf8,%3Csvg width='20' height='20' viewBox='0 0 5.2916665 5.2916666' version='1.1' id='svg5' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs2' /%3E%3Cg id='layer1'%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 2.8245112,5.0994569 C 4.9396993,2.9842685 4.9396993,2.9842685 4.9396993,2.9842685' id='path1034' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1' d='M 1.515747,5.0406977 C 4.8873304,1.6691138 4.8873304,1.6691138 4.8873304,1.6691138' id='path1034-1' /%3E%3Cpath style='fill:%23c9c9c9;stroke:%23c9c9c9;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='M 0.20657789,5.0909782 C 4.9312207,0.3663348 4.9312207,0.3663348 4.9312207,0.3663348' id='path1034-9' /%3E%3C/g%3E%3C/svg%3E");
+
+  input::-webkit-calendar-picker-indicator {
+    filter: invert(100%);
+  }
+}
+// #endregion
+
+form.semanticForms {
+  width: 100%;
+  container-type: inline-size;
+  container-name: semanticForm;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  // style reset
+  * {
+    color: var(--formTextColor);
+    box-sizing: border-box;
+    font-family: sans-serif;
+    margin: 0;
+    padding: 0;
+  }
+
+  // #region container layout
+  fieldset {
+    border-radius: var(--borderRadius);
+    background: var(--formSubBackgroundColor);
+    border: 1px var(--subBorderColor) solid;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    padding: 10px 10px 20px 10px;
+    margin-bottom: 15px;
+
+    // nested fieldsets are darkened
+    > fieldset {
+      background-color: var(--nestedFieldset);
+      border: var(--nestedFieldsetBorder);
+
+      // add opacity to styled inputs to prevent blending with background
+      input:not([type='submit'], [type='reset'], [type='image'], [type=checkbox], [type=radio]),
+      select,
+      textarea {
+        background: var(--nestedInput);
+      }
+    }
+
+  }
+
+  dl {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+    gap: 10px;
+    margin-bottom: 10px;
+
+    dd {
+      position: relative;
+
+      &:not(.checkboxes, .radios) {
+        display: flex;
+        gap: 10px;
+        max-width: 100%;
+
+        // places all items within the <dd> horizontally
+        &:not(.singleCheckbox) {
+          flex-direction: column;
+        }
+      }
+
+      &.checkboxes ul, &.radios ul {
+        display: flex;
+        flex-direction: column;
+        margin-top: var(--inputTopMargin);
+        padding-left: 10px;
+        gap: 5px;
+
+        li {
+          display: flex;
+          align-items: center;
+          gap: 5px;
+
+          label {
+            // shift text down to match center
+            font-size: var(--inputFontSize);
+            margin-top: 2px;
+          }
+        }
+      }
+    }
+  }
+
+  p {
+    input, select, textarea {
+      max-width: 350px;
+    }
+
+    // input/label combo
+    &:has(input:not([type='checkbox'], [type='radio']), textarea, label) {
+      display: flex;
+      flex-direction: column;
+      gap: 5px;
+    }
+
+    // checkbox or radio/label combo
+    &:has(input[type='checkbox'], input[type='radio'], label) {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: 5px;
+    }
+  }
+
+  menu, ul {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 10px;
+    list-style-type: none;
+  }
+
+  details[open], summary {
+    margin-bottom: 10px;
+  }
+
+  summary {
+    cursor: pointer;
+  }
+  // #endregion
+
+  // #region input styling
+  input:not([type='submit'], [type='reset'], [type='image'], [type=checkbox], [type=radio]),
+  select,
+  textarea {
+    font-size: var(--inputFontSize);
+    background: var(--formBackgroundColor);
+    border: var(--border);
+    border-radius: var(--borderRadius);
+    width: 100%;
+    touch-action: manipulation;
+    outline: none;
+
+    &:not([type="range"]) {
+      padding: 6px 30px 6px 20px;
+    }
+
+    &[disabled] {
+      cursor: not-allowed;
+      opacity: 0.5;
+
+      + label:first-of-type {
+        opacity: 0.5;
+      }
+
+      + label + button {
+        display: none;
+      }
+    }
+  }
+
+  // focused styles
+  input:not([type='submit'], [type='reset'], [type='image']),
+  select,
+  textarea {
+    // custom focus highlight
+    &:focus {
+      outline: none;
+      box-shadow: 0 0 0 1px var(--borderColor);
+    }
+  }
+
+  input:not([type='submit'], [type='reset'], [type='image'], [type=checkbox], [type=radio]),
+  select {
+    height: var(--inputHeight);
+  }
+
+  // specific styling for color input
+  input[type=color] {
+    height: var(--inputHeight);
+    padding: 4px !important;
+    padding-right: 30px !important;
+  }
+
+  input[type=checkbox],
+  input[type=radio] {
+    // 30% larger based on parent font size
+    width: 1.4em;
+    height: 1.4em;
+    cursor: pointer;
+
+    & + label:first-of-type {
+      color: var(--formTextColor) !important;
+    }
+  }
+
+  input[type=file] {
+    cursor: pointer;
+    font-size: var(--inputFontSize);
+  }
+
+  select {
+    cursor: pointer;
+    // custom dropdown graphic on select element
+    background-image: var(--selectIcon);
+    background-size: 14px;
+    background-position: calc(100% - 8px) 16px;
+    background-repeat: no-repeat;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+
+  textarea {
+    resize: vertical;
+    width: 100%;
+    min-height: 38px;
+    height: 100px;
+  }
+  // #endregion
+
+  // #region buttons
+  button.clear {
+    cursor: pointer;
+    appearance: none;
+    -webkit-appearance: none;
+    position: absolute;
+    height: min-content;
+    // account for margin above each input
+    top: calc(var(--inputTopMargin) + 6px);
+    right: 0;
+    width: 25px;
+    height: 25px;
+    margin: auto 6px;
+    padding: 5px;
+    background: none;
+    border: none;
+    color: var(--clearButtonColor);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  // custom styling of clear button on textarea
+  textarea + label + .clear {
+    bottom: auto;
+  }
+
+  // hide clear button while placeholder text is visible
+  input:placeholder-shown + label + .clear,
+  textarea:placeholder-shown + label + .clear,
+  input[type=file] + label + .clear {
+    display: none;
+  }
+
+  // button styling
+  input[type='submit'],
+  input[type='reset'],
+  button:not(.clear) {
+    appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    cursor: pointer;
+    max-width: max-content;
+    background-image: linear-gradient(to bottom, var(--buttonGradientLight) 0%, var(--buttonGradientDark) 100%);
+    border: 2px var(--buttonGradientDark) solid;
+    border-radius: 20px;
+    padding: 5px 25px;
+    font-size: 100%;
+    line-height: 1;
+
+    &:active,
+    &:focus {
+      background-image: linear-gradient(to bottom, var(--buttonGradientDark) 0%, var(--buttonGradientLight) 100%);
+    }
+  }
+
+  input[type='submit'],
+  input[type='reset'],
+  input[type='image'],
+  button:not(.clear) {
+    transition: filter 0.1s;
+
+    &:hover {
+      filter: brightness(1.05);
+    }
+  }
+  // #endregion
+
+  // #region labels
+  .floatLabelForm {
+    &:not(:has(div:nth-of-type(2))) {
+      dd:not(.checkboxes, .radios):not(:has(textarea)) {
+        max-width: 350px;
+      }
+    }
+
+    div {
+      position: relative;
+      width: 100%;
+
+      dd:not(.singleCheckbox, .checkboxes, .radios) {
+        input:not([type='submit'], [type='reset'], [type='image']),
+        select,
+        textarea {
+          &:focus:not([type=checkbox], [type=radio]) + label:first-of-type,
+          &:not(:placeholder-shown, [type=checkbox], [type=radio]) + label:first-of-type {
+            color: var(--formTextColor) !important;
+            transform: translateY(-150%) scale(0.7);
+          }
+        }
+
+        select + label:first-of-type {
+          // force label to be correct color
+          color: var(--formTextColor) !important;
+        }
+
+        label:first-of-type {
+          line-height: 1.2;
+          font-size: var(--inputFontSize);
+          position: absolute;
+          transform-origin: left center;
+          pointer-events: none;
+          // when the label is positioned within the input it needs a buffer
+          top: calc(var(--inputTopMargin) + 10px);
+          left: 20px;
+          transition: transform 250ms;
+          cursor: text;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        // subtext
+        label:nth-of-type(2) {
+          margin-top: -5px;
+          padding-left: 20px;
+          font-size: small;
+          color: var(--formTextColor);
+        }
+
+        input,
+        textarea,
+        select {
+          margin-top: var(--inputTopMargin);
+        }
+
+        input,
+        textarea {
+          transition: opacity 250ms;
+          // hide placeholder content until input is focused
+          &::placeholder {
+            opacity: 0;
+            transition: opacity 250ms;
+          }
+
+          &::-moz-placeholder {
+            opacity: 0;
+            transition: opacity 250ms;
+          }
+
+          &::-webkit-input-placeholder {
+            opacity: 0;
+            transition: opacity 250ms;
+          }
+
+          &:-ms-input-placeholder {
+            opacity: 0;
+            transition: opacity 250ms;
+          }
+
+          // show placeholder content when focused
+          &:focus {
+            &::placeholder {
+              opacity: 1;
+            }
+
+            &::-moz-placeholder {
+              opacity: 1;
+            }
+
+            &::-webkit-input-placeholder {
+              opacity: 1;
+            }
+
+            &:-ms-input-placeholder {
+              opacity: 1;
+            }
+          }
+        }
+
+        label:first-of-type {
+          user-select: none;
+          color: var(--placeholderColor);
+          touch-action: manipulation;
+
+          span {
+            cursor: help;
+            pointer-events: auto;
+            color: red;
+          }
+        }
+      }
+
+      // top level label for checkbox and radio groups
+      dt {
+        position: relative;
+
+        label {
+          user-select: auto;
+          color: var(--formTextColor);
+          position: absolute;
+          transform: translateY(-100%) scale(0.8);
+          top: var(--inputTopMargin);
+        }
+      }
+
+      &:has(dd input:required) {
+        dt {
+          label > span {
+            margin-left: 5px;
+            cursor: help;
+            pointer-events: auto;
+            color: red;
+          }
+
+        }
+      }
+    }
+
+    input, textarea {
+      &::placeholder {
+        color: var(--placeholderColor);
+        opacity: 1;
+      }
+    }
+    // #endregion
+
+  }
+
+  // #region colspan classes
+  div {
+    &.colspan-full {
+      grid-column: 1 / -1;
+    }
+
+    &.colspan-5 {
+      grid-column: span 5;
+    }
+
+    &.colspan-4 {
+      grid-column: span 4;
+    }
+
+    &.colspan-3 {
+      grid-column: span 3;
+    }
+
+    &.colspan-2 {
+      grid-column: span 2;
+    }
+
+    &.colspan-1 {
+      grid-column: span 1;
+    }
+  }
+
+  fieldset.colspan-full dl,
+  dl.colspan-full {
+    grid-template-columns: repeat(auto-fit, minmax(var(--inputMinWidth), 1fr));
+  }
+
+  fieldset.colspan-5 dl,
+  dl.colspan-5 {
+    grid-template-columns: repeat(5, minmax(var(--inputMinWidth), 1fr));
+  }
+
+  fieldset.colspan-4 dl,
+  dl.colspan-4 {
+    grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr));
+  }
+
+
+  fieldset.colspan-3 dl,
+  dl.colspan-3 {
+    grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr));
+  }
+
+  fieldset.colspan-2 dl,
+  dl.colspan-2 {
+    grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+  }
+
+  fieldset.colspan-1 dl,
+  dl.colspan-1 {
+    grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr));
+  }
+
+  // low flow version
+  &.lowFlow fieldset.colspan-full dl,
+  &.lowFlow dl.colspan-full,
+  &.lowFlow fieldset.colspan-5 dl,
+  &.lowFlow dl.colspan-5 {
+    grid-template-columns: repeat(5, minmax(var(--inputMinWidth), 1fr));
+
+    & dt:nth-of-type(5n + 1),
+    & dd:nth-of-type(5n + 1) {
+      grid-column: 1;
+    }
+
+    & dt:nth-of-type(5n + 2),
+    & dd:nth-of-type(5n + 2) {
+      grid-column: 2;
+    }
+
+    & dt:nth-of-type(5n + 3),
+    & dd:nth-of-type(5n + 3) {
+      grid-column: 3;
+    }
+
+    & dt:nth-of-type(5n + 4),
+    & dd:nth-of-type(5n + 4) {
+      grid-column: 4;
+    }
+
+    & dt:nth-of-type(5n + 5),
+    & dd:nth-of-type(5n + 5) {
+      grid-column: 5;
+    }
+  }
+
+  &.lowFlow fieldset.colspan-4 dl,
+  &.lowFlow dl.colspan-4 {
+    grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr));
+
+    & dt:nth-of-type(4n + 1),
+    & dd:nth-of-type(4n + 1) {
+      grid-column: 1;
+    }
+
+    & dt:nth-of-type(4n + 2),
+    & dd:nth-of-type(4n + 2) {
+      grid-column: 2;
+    }
+
+    & dt:nth-of-type(4n + 3),
+    & dd:nth-of-type(4n + 3) {
+      grid-column: 3;
+    }
+
+    & dt:nth-of-type(4n + 4),
+    & dd:nth-of-type(4n + 4) {
+      grid-column: 4;
+    }
+  }
+
+  &.lowFlow fieldset.colspan-3 dl,
+  &.lowFlow dl.colspan-3 {
+    grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr));
+
+    // 1, 4, 7, ...
+    & dt:nth-of-type(3n + 1),
+    & dd:nth-of-type(3n + 1) {
+      grid-column: 1;
+    }
+
+    // 2, 5, 8, ...
+    & dt:nth-of-type(3n + 2),
+    & dd:nth-of-type(3n + 2) {
+      grid-column: 2;
+    }
+
+    // 3, 6, 9, ...
+    & dt:nth-of-type(3n + 3),
+    & dd:nth-of-type(3n + 3) {
+      grid-column: 3;
+    }
+  }
+
+  &.lowFlow fieldset.colspan-2 dl,
+  &.lowFlow dl.colspan-2 {
+    grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+
+    & dt:nth-of-type(2n + 1),
+    & dd:nth-of-type(2n + 1) {
+      grid-column: 1;
+    }
+
+    & dt:nth-of-type(2n + 2),
+    & dd:nth-of-type(2n + 2) {
+      grid-column: 2;
+    }
+  }
+
+  &.lowFlow fieldset.colspan-1 dl,
+  &.lowFlow dl.colspan-1 {
+    grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr));
+
+    & dt:nth-of-type(n + 1),
+    & dd:nth-of-type(n + 1) {
+      grid-column: 1;
+    }
+  }
+
+  // #endregion
+
+  // #region invalid styling
+  input:not([type='submit'], [type='reset'], [type='image']),
+  select,
+  textarea {
+    &.invalid,
+    &:user-invalid {
+      border: var(--invalidBorder) !important;
+
+      ~ label:nth-of-type(2) {
+        color: var(--invalid) !important;
+      }
+    }
+  }
+  // #endregion
+
+  // disable autofill yellow
+  input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  input:-webkit-autofill:active,
+  textarea:-webkit-autofill,
+  textarea:-webkit-autofill:hover,
+  textarea:-webkit-autofill:focus,
+  textarea:-webkit-autofill:active,
+  select:-webkit-autofill,
+  select:-webkit-autofill:hover,
+  select:-webkit-autofill:focus,
+  select:-webkit-autofill:active {
+    -webkit-box-shadow: 0 0 0 1000px var(--formBackgroundColor) inset;
+    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
+    transition-delay: 5000s;
+    transition-property: background-color, color;
+  }
+
+  // update for scrollbars
+  @supports (scrollbar-color: auto) {
+    textarea {
+      scrollbar-color: var(--scrollbarColor) transparent;
+
+      &::-webkit-resizer {
+        border: none;
+        background-image: var(--customResizer);
+        background-size: 14px;
+        background-repeat: no-repeat;
+        background-position: 100%;
+        margin: 0 2px 2px 0;
+      }
+    }
+  }
+
+  // #region low flow form
+  &.lowFlow {
+    dl {
+      grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+      grid-auto-flow: dense;
+      gap: 5px;
+
+      // 1, 4, 7, ...
+      & > dt:nth-of-type(2n + 1),
+      & > dd:nth-of-type(2n + 1) {
+        grid-column: 1;
+      }
+
+      // 2, 5, 8, ...
+      & > dt:nth-of-type(2n + 2),
+      & > dd:nth-of-type(2n + 2) {
+        grid-column: 2;
+      }
+
+      dt {
+        // add required asterisk
+        &:has(+ dd input:required) {
+          label::after {
+            content: ' *';
+            color: red;
+          }
+        }
+      }
+
+
+      dd {
+        margin-bottom: 10px;
+
+        // nudge single checkboxes to match checkbox groups
+        &:not(.checkboxes) {
+          input[type="checkbox"] {
+            margin-left: 10px;
+          }
+        }
+
+        // remove "x" padding
+        input:not([type='submit'], [type='reset'], [type='image'], [type=checkbox], [type=radio], [type="range"]),
+        select,
+        textarea {
+          padding-right: 6px;
+        }
+
+        // subtext
+        label {
+          margin-top: -5px;
+          font-size: small;
+          color: var(--placeholderColor);
+        }
+      }
+    }
+
+    .checkboxes ul,
+    .radios ul {
+      margin-top: calc(var(--inputTopMargin) / 2);
+    }
+  }
+  // #endregion
+
+  // #region container queries
+  // The container is the <fieldset> element
+  @container semanticForm (width > 2250px) {
+    &.lowFlow fieldset dl,
+    &.lowFlow dl {
+      grid-template-columns: repeat(6, minmax(var(--inputMinWidth), 1fr));
+
+      & dt:nth-of-type(6n + 1),
+      & dd:nth-of-type(6n + 1) {
+        grid-column: 1;
+      }
+
+      & dt:nth-of-type(6n + 2),
+      & dd:nth-of-type(6n + 2) {
+        grid-column: 2;
+      }
+
+      & dt:nth-of-type(6n + 3),
+      & dd:nth-of-type(6n + 3) {
+        grid-column: 3;
+      }
+
+      & dt:nth-of-type(6n + 4),
+      & dd:nth-of-type(6n + 4) {
+        grid-column: 4;
+      }
+
+      & dt:nth-of-type(6n + 5),
+      & dd:nth-of-type(6n + 5) {
+        grid-column: 5;
+      }
+
+      & dt:nth-of-type(6n + 6),
+      & dd:nth-of-type(6n + 6) {
+        grid-column: 6;
+      }
+    }
+  }
+
+  @container semanticForm (width < 2250px) {
+    &.lowFlow fieldset dl,
+    &.lowFlow dl {
+      grid-template-columns: repeat(5, minmax(var(--inputMinWidth), 1fr));
+
+      & dt:nth-of-type(5n + 1),
+      & dd:nth-of-type(5n + 1) {
+        grid-column: 1;
+      }
+
+      & dt:nth-of-type(5n + 2),
+      & dd:nth-of-type(5n + 2) {
+        grid-column: 2;
+      }
+
+      & dt:nth-of-type(5n + 3),
+      & dd:nth-of-type(5n + 3) {
+        grid-column: 3;
+      }
+
+      & dt:nth-of-type(5n + 4),
+      & dd:nth-of-type(5n + 4) {
+        grid-column: 4;
+      }
+
+      & dt:nth-of-type(5n + 5),
+      & dd:nth-of-type(5n + 5) {
+        grid-column: 5;
+      }
+    }
+  }
+
+  @container semanticForm (width < 1300px) {
+    fieldset.colspan-5 dl,
+    dl.colspan-5 {
+      grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr)) !important;
+    }
+
+    div.colspan-5 {
+      grid-column: span 4 !important;
+    }
+
+    &.lowFlow fieldset dl,
+    &.lowFlow dl,
+    &.lowFlow fieldset.colspan-5 dl,
+    &.lowFlow dl.colspan-5 {
+      grid-template-columns: repeat(4, minmax(var(--inputMinWidth), 1fr));
+
+      & dt:nth-of-type(4n + 1),
+      & dd:nth-of-type(4n + 1) {
+        grid-column: 1;
+      }
+
+      & dt:nth-of-type(4n + 2),
+      & dd:nth-of-type(4n + 2) {
+        grid-column: 2;
+      }
+
+      & dt:nth-of-type(4n + 3),
+      & dd:nth-of-type(4n + 3) {
+        grid-column: 3;
+      }
+
+      & dt:nth-of-type(4n + 4),
+      & dd:nth-of-type(4n + 4) {
+        grid-column: 4;
+      }
+    }
+  }
+
+  @container semanticForm (width < 1050px) {
+    fieldset.colspan-4 dl,
+    fieldset.colspan-5 dl,
+    dl.colspan-4,
+    dl.colspan-5 {
+      grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr)) !important;
+    }
+
+    div.colspan-4, div.colspan-5 {
+      grid-column: span 3 !important;
+    }
+
+    &.lowFlow fieldset dl,
+    &.lowFlow dl,
+    &.lowFlow fieldset.colspan-4 dl,
+    &.lowFlow dl.colspan-4,
+    &.lowFlow fieldset.colspan-5 dl,
+    &.lowFlow dl.colspan-5 {
+      grid-template-columns: repeat(3, minmax(var(--inputMinWidth), 1fr));
+
+      & dt:nth-of-type(3n + 1),
+      & dd:nth-of-type(3n + 1) {
+        grid-column: 1;
+      }
+
+      & dt:nth-of-type(3n + 2),
+      & dd:nth-of-type(3n + 2) {
+        grid-column: 2;
+      }
+
+      & dt:nth-of-type(3n + 3),
+      & dd:nth-of-type(3n + 3) {
+        grid-column: 3;
+      }
+    }
+  }
+
+  @container semanticForm (width < 800px) {
+    fieldset.colspan-3 dl,
+    fieldset.colspan-4 dl,
+    fieldset.colspan-5 dl,
+    dl.colspan-3,
+    dl.colspan-4,
+    dl.colspan-5 {
+      grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr)) !important;
+    }
+
+    div.colspan-3,
+    div.colspan-4,
+    div.colspan-5 {
+      grid-column: span 2 !important;
+    }
+
+    &.lowFlow fieldset dl,
+    &.lowFlow dl,
+    &.lowFlow fieldset.colspan-3 dl,
+    &.lowFlow dl.colspan-3,
+    &.lowFlow fieldset.colspan-4 dl,
+    &.lowFlow dl.colspan-4,
+    &.lowFlow fieldset.colspan-5 dl,
+    &.lowFlow dl.colspan-5 {
+      grid-template-columns: repeat(2, minmax(var(--inputMinWidth), 1fr));
+
+      & dt:nth-of-type(2n + 1),
+      & dd:nth-of-type(2n + 1) {
+        grid-column: 1;
+      }
+
+      & dt:nth-of-type(2n + 2),
+      & dd:nth-of-type(2n + 2) {
+        grid-column: 2;
+      }
+    }
+  }
+
+  @container semanticForm (width < 550px) {
+    fieldset.colspan-2 dl,
+    fieldset.colspan-3 dl,
+    fieldset.colspan-4 dl,
+    fieldset.colspan-5 dl,
+    dl.colspan-2,
+    dl.colspan-3,
+    dl.colspan-4,
+    dl.colspan-5,
+    dl {
+      grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr)) !important;
+    }
+
+    div.colspan-2, div.colspan-3, div.colspan-4, div.colspan-5 {
+      grid-column: span 1 !important;
+    }
+
+    &.lowFlow fieldset dl,
+    &.lowFlow dl,
+    &.lowFlow fieldset.colspan-2 dl,
+    &.lowFlow dl.colspan-2,
+    &.lowFlow fieldset.colspan-3 dl,
+    &.lowFlow dl.colspan-3,
+    &.lowFlow fieldset.colspan-4 dl,
+    &.lowFlow dl.colspan-4,
+    &.lowFlow fieldset.colspan-5 dl,
+    &.lowFlow dl.colspan-5 {
+      grid-template-columns: repeat(1, minmax(var(--inputMinWidth), 1fr));
+
+      & dt:nth-of-type(n + 1),
+      & dd:nth-of-type(n + 1) {
+        grid-column: 1;
+      }
+    }
+  }
+  // #endregion
+}