diff --git a/CHANGELOG.md b/CHANGELOG.md index 1c0ce144718f8520505788f50ac7f7114296f6a3..e1a5258dc76e2e63983361d3c10c03d310b3c1e0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,23 @@ +## [3.55.0] - 2023-11-29 + +### Add Features + +- New control element ContextError +- The last used sorting for datatable is now also saved. + +### Changes + +- Default-Value by translation `<div data-monster-replace="path:content | i18n::value"></div>` +- The method `generateUniqueConfigKey` do not use hash values for keys +- The collapse control now calculates the height via clientHeight and no longer via scrollHeight +- The updater sleeps between updates to avoid too many updates + +### Bug Fixes + +- ContextHelp fixed + + ## [3.54.0] - 2023-11-23 ### Add Features @@ -10,6 +29,7 @@ ### Add Features - new icons (css) [#130](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/130) + ### Changes - release and publish to npm new version 3.53.0 @@ -22,6 +42,7 @@ - only 10 tabs can be activated [#129](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/129) - fix some css bugs [#128](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/128) + ### Changes - release and publish to npm new version 3.52.1 diff --git a/devenv.lock b/devenv.lock index f77b45c23dda0642ae98df732e9fcb2405eb8f5e..e2d6cc0cfc2a108952cec0ec28a5b3992bcd16c2 100644 --- a/devenv.lock +++ b/devenv.lock @@ -5,11 +5,11 @@ "nixpkgs": "nixpkgs" }, "locked": { - "lastModified": 1692013367, - "narHash": "sha256-zFzJkJo+uwByLnS7LXBui+XEgXHIUP3Ynl+VdSJLG04=", + "lastModified": 1699307555, + "narHash": "sha256-Bwe/tUZRLsk0QXxIQvLqJddwvvBWwSRggcghEkGvnv8=", "ref": "refs/heads/master", - "rev": "b22b32a61da4e73a5b4d7a26d9de3b7e89ad77fd", - "revCount": 83, + "rev": "d634e8f70af0e53735fee249cb5ed96880de4458", + "revCount": 84, "type": "git", "url": "https://gitlab.schukai.com/oss/bob.git" }, @@ -21,11 +21,11 @@ "devenv": { "locked": { "dir": "src/modules", - "lastModified": 1698243190, - "narHash": "sha256-n+SbyNQRhUcaZoU00d+7wi17HJpw/kAUrXOL4zRcqE8=", + "lastModified": 1701187605, + "narHash": "sha256-NctguPdUeDVLXFsv6vI1RlEiHLsXkeW3pgZe/mwn1BU=", "owner": "cachix", "repo": "devenv", - "rev": "86f476f7edb86159fd20764489ab4e4df6edb4b6", + "rev": "a7c4dd8f4eb1f98a6b8f04bf08364954e1e73e4f", "type": "github" }, "original": { @@ -92,11 +92,11 @@ }, "nixpkgs": { "locked": { - "lastModified": 1698696950, - "narHash": "sha256-FHFL58t6lMumvWqwundC8fDDDLOIvc+JJBNIAlPjrDY=", + "lastModified": 1701053011, + "narHash": "sha256-8QQ7rFbKFqgKgLoaXVJRh7Ik5LtI3pyBBCfOnNOGkF0=", "owner": "NixOS", "repo": "nixpkgs", - "rev": "017ef2132a5bda50bd713aeabce8f918502d4ec1", + "rev": "5b528f99f73c4fad127118a8c1126b5e003b01a9", "type": "github" }, "original": { @@ -123,11 +123,11 @@ }, "nixpkgs_2": { "locked": { - "lastModified": 1698696950, - "narHash": "sha256-FHFL58t6lMumvWqwundC8fDDDLOIvc+JJBNIAlPjrDY=", + "lastModified": 1701053011, + "narHash": "sha256-8QQ7rFbKFqgKgLoaXVJRh7Ik5LtI3pyBBCfOnNOGkF0=", "owner": "nixos", "repo": "nixpkgs", - "rev": "017ef2132a5bda50bd713aeabce8f918502d4ec1", + "rev": "5b528f99f73c4fad127118a8c1126b5e003b01a9", "type": "github" }, "original": { @@ -139,11 +139,11 @@ }, "nixpkgs_3": { "locked": { - "lastModified": 1698696950, - "narHash": "sha256-FHFL58t6lMumvWqwundC8fDDDLOIvc+JJBNIAlPjrDY=", + "lastModified": 1701053011, + "narHash": "sha256-8QQ7rFbKFqgKgLoaXVJRh7Ik5LtI3pyBBCfOnNOGkF0=", "owner": "NixOS", "repo": "nixpkgs", - "rev": "017ef2132a5bda50bd713aeabce8f918502d4ec1", + "rev": "5b528f99f73c4fad127118a8c1126b5e003b01a9", "type": "github" }, "original": { @@ -163,11 +163,11 @@ "nixpkgs-stable": "nixpkgs-stable" }, "locked": { - "lastModified": 1698227354, - "narHash": "sha256-Fi5H9jbaQLmLw9qBi/mkR33CoFjNbobo5xWdX4tKz1Q=", + "lastModified": 1700922917, + "narHash": "sha256-ej2fch/T584b5K9sk1UhmZF7W6wEfDHuoUYpFN8dtvM=", "owner": "cachix", "repo": "pre-commit-hooks.nix", - "rev": "bd38df3d508dfcdff52cd243d297f218ed2257bf", + "rev": "e5ee5c5f3844550c01d2131096c7271cec5e9b78", "type": "github" }, "original": { @@ -205,11 +205,11 @@ "nixpkgs": "nixpkgs_3" }, "locked": { - "lastModified": 1690668568, - "narHash": "sha256-jzixQKFFW4oxO0S4GYqbkFCXzhBd6com6Z9+MtVKakU=", + "lastModified": 1700695799, + "narHash": "sha256-nXRhRE69kULaNxijX7ZF14pGSu6Ar/FIvfKCIut7OXc=", "ref": "refs/heads/master", - "rev": "3838f03165b726e47d586c04a1821749375e1001", - "revCount": 37, + "rev": "fdcc60bfd3642207e50e8e6c89c0a9a7b27a40a9", + "revCount": 41, "type": "git", "url": "https://gitlab.schukai.com/oss/utilities/version.git" }, diff --git a/package.json b/package.json index a28d7691902de69666bbd6c8f6318d542e13811f..4ea5a5387cdf805631c64677b599cd67b34a1a44 100644 --- a/package.json +++ b/package.json @@ -51,14 +51,14 @@ "btoa": "^1.2.1", "c8": "^8.0.1", "chai": "^4.3.10", - "chai-dom": "^1.11.0", + "chai-dom": "^1.12.0", "clean-jsdoc-theme": "^4.2.17", "create-polyfill-service-url": "^2.3.0", "crypt": "^0.0.2", "cssnano": "^6.0.1", "dom-storage": "^2.1.0", "element-internals-polyfill": "^1.3.9", - "esbuild": "^0.19.5", + "esbuild": "^0.19.7", "esdoc": "^1.1.0", "esdoc-standard-plugin": "^1.0.0", "flow-bin": "^0.221.0", @@ -77,7 +77,7 @@ "postcss-fluid": "^1.4.2", "postcss-for": "^2.1.1", "postcss-import": "^15.1.0", - "postcss-load-config": "^4.0.1", + "postcss-load-config": "^4.0.2", "postcss-mixins": "^9.0.4", "postcss-nested": "^6.0.1", "postcss-nesting": "^12.0.1", @@ -85,7 +85,7 @@ "postcss-responsive-type": "^1.0.0", "postcss-rtlcss": "^4.0.9", "postcss-strip-units": "^2.0.1", - "puppeteer": "^21.5.1", + "puppeteer": "^21.5.2", "sinon": "^17.0.1", "url": "^0.11.3", "url-exist": "3.0.1", diff --git a/playground/context-help/index.html b/playground/context-help/index.html new file mode 100644 index 0000000000000000000000000000000000000000..19e0bf3e5af236676718781602e8ef7c3c6a605e --- /dev/null +++ b/playground/context-help/index.html @@ -0,0 +1,29 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"> + + <title>Typography</title> + <script src="./main.js" type="module"></script> +</head> +<body style="display:flex;justify-content: center"> + + +<main style="width: 600px"> + + <h1 class="deco">Context Help / Error</h1> + +<div>Hallo<monster-context-help style=""> + <span>Some help text</span> + </monster-context-help>asdf asdf asdf</div> + + Ein anderer <monster-context-error id="error"> + <span>Some help text</span> + </monster-context-error> Text + + +</main> + +</body> +</html> \ No newline at end of file diff --git a/playground/context-help/main.js b/playground/context-help/main.js new file mode 100644 index 0000000000000000000000000000000000000000..5777d260bd2931798430de58a377a9458a8cca27 --- /dev/null +++ b/playground/context-help/main.js @@ -0,0 +1,30 @@ +import "../../source/components/style/property.pcss"; +import "../../source/components/style/normalize.pcss"; +import "../../source/components/style/color.pcss"; +import "../../source/components/style/typography.pcss"; +import "../../source/components/style/theme.pcss"; +import "../../source/components/style/button.pcss"; +import "../../source/components/style/ripple.pcss"; +import "./main.pcss"; +import "../../source/components/style/space.pcss"; + +import "../../source/components/form/context-help.mjs"; +import "../../source/components/form/context-error.mjs"; + + +const elem = document.getElementById("error"); + + +setTimeout(() => { + + elem.setErrorMessage("This is an error message"); + + setTimeout(() => { + + elem.resetErrorMessage(); + + + }, 1000); + +}, 1000); + diff --git a/playground/context-help/main.pcss b/playground/context-help/main.pcss new file mode 100644 index 0000000000000000000000000000000000000000..09c45589179647ff7126b1f31bcc1a2d1c53eb32 --- /dev/null +++ b/playground/context-help/main.pcss @@ -0,0 +1,25 @@ +@import "../../source/components/style/mixin/property.pcss"; + + + +.container{ + font-size: 12px; + display: flex; + flex-direction: column; +} + +button { + margin: 20px 0 0 0; +} + + +@media (prefers-color-scheme: dark) { + html { + background-color: #000; + } + + h1 { + color: #fff; + } + +} \ No newline at end of file diff --git a/playground/datatable/data.json b/playground/datatable/data.json index 208c6ddd8f3402f011241f8cd3f19488ca253bd3..5db2fdaa44a7ca76f679ecbd25022037f404ae45 100644 --- a/playground/datatable/data.json +++ b/playground/datatable/data.json @@ -9,7 +9,7 @@ "archived": false, "oid": 1000, "orderDate": "2019-01-16T10:27:18", - "orderState": 57, + "orderState": 120, "orderLastStatusChange": "2019-01-16T10:38:53", "customerUID": 30, "customerNotice": "", @@ -2247,5815 +2247,7 @@ "channelOrderState": "0", "channelOrderDate": null, "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } ,{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - },{ - "erpID": "", - "erpName": "", - "erpNumber": "", - "erpLastUpdate": "2020-01-16T10:27:18", - "erpCreation": "2020-01-16T10:27:18", - "archived": false, - "oid": 1000, - "orderDate": "2019-01-16T10:27:18", - "orderState": 57, - "orderLastStatusChange": "2019-01-16T10:38:53", - "customerUID": 30, - "customerNotice": "", - "billingAddressAID": 16, - "deliveryAddressAID": 16, - "deliveryNotice": "", - "paymentPID": 101, - "assigndTickets": "", - "resubmissionDate": "1970-01-01T12:00:00", - "resubmissionInfo": "", - "acquisitionPartnerID": 0, - "acquisitionInfo": "", - "acquisitionRedirect": null, - "acquisitionDate": "1970-01-01T12:00:00", - "shippingNotice": "", - "shippingDCID": 2, - "retoureRID": 0, - "companySHID": 1, - "salesmanUID": 0, - "channelOrderID": "", - "channelOrderState": "0", - "channelOrderDate": null, - "channelOrderData": {} - } + } ], "sys": { "pagination": { diff --git a/playground/datatable/index.html b/playground/datatable/index.html index 72c1d066ffebd9cd2c704bb142fb35bf1443aeff..6aaefbf65a89153e4387f3aacf1b349d6bbde499 100644 --- a/playground/datatable/index.html +++ b/playground/datatable/index.html @@ -14,7 +14,7 @@ <script type="application/json" data-monster-role="translations"> { - "key1": "k2 - XXXYYYZZZ", + "Failed to fetch": "Das hat nicht geklappt", "key2": "k1 - ERP" } </script> @@ -22,11 +22,11 @@ <monster-config-manager></monster-config-manager> <h1>Datatable with Pagination </h1> - + <!-- "url": "https://localhost.schukai.net:8443/api/commerce/orders/search?q=${path:query | default:order.customerUID>0}&page=${page}&orderby=${path:order | default:oid}", --> <script id="id-for-this-config" type="application/json"> { "read": { - "url": "https://localhost.schukai.net:8443/api/commerce/orders/search?q=${path:query | default:order.customerUID>0}&page=${page}&orderby=${path:order | default:oid}", + "url": "./data.json", "init": { "method": "GET", "headers": { @@ -56,114 +56,123 @@ </monster-dataset> - - <monster-datatable id="t12" data-monster-datasource-selector="#data1" - data-monster-responsive-breakpoint="1500"> - + <monster-datatable id="t12" data-monster-datasource-selector="#data1" + data-monster-responsive-breakpoint="1500"> - <monster-collapse id="my-collapse" data-monster-role="filter-collapse"> - <div class="flex"> - <monster-datatable-filter id="listfilter1" slot="filter"> - <label data-monster-label="OID1" data-monster-template="${value | call:range:oid}"> + <monster-collapse id="my-collapse" data-monster-role="filter-collapse"> + <div class="flex"> + <monster-tabs style="width: 100%" data-monster-option-classes-button="monster-theme-primary-2" id="filtertabs"> + <div data-monster-button-label="Filter" data-monster-state="active" class="active"> + <monster-datatable-filter id="listfilter1" slot="filter" data-monster-option-storedconfig-selector="#filtertabs"> + <label data-monster-label="OID1" id="oid1" + data-monster-template="${value | call:range:oid}"> RANGE OID <monster-filter-range></monster-filter-range> </label> - <label data-monster-label="date" data-monster-template="${value | call:date-range:orderDate}">Date + <label data-monster-label="date" id="date2" + data-monster-template="${value | call:date-range:orderDate}">Date <monster-filter-date-range></monster-filter-date-range> </label> - <label data-monster-label="OID2" data-monster-template="${value}"> + <label data-monster-label="OID2" data-monster-template="${value}" id="sdfsdf"> The label <monster-filter-select data-monster-selected-template="selected"> <div>sdfsd</div> </monster-filter-select> </label> - <label data-monster-label="OID3" data-monster-template="${value | call:range:oid}">OID - 2<monster-filter-input name="value3" type="search"></monster-filter-input></label> - <label data-monster-label="OID4" data-monster-template="${value | call:range:oid}">OID + <label data-monster-label="OID3" data-monster-template="${value | call:range:oid}" id="qq">OID + 2 + <monster-filter-input name="value3" type="search"></monster-filter-input> + </label> + <label data-monster-label="OID4" data-monster-template="${value | call:range:oid}" id="cc">OID 3<input name="value4" type="search"></label> - <label data-monster-label="OID5" data-monster-template="${value | call:range:oid}">OID + <label data-monster-label="OID5" data-monster-template="${value | call:range:oid}" id="gd">OID 4<input name="value5" type="search"></label> - <label data-monster-label="OID6" data-monster-template="${value | call:range:oid}">OID + <label data-monster-label="OID6" data-monster-template="${value | call:range:oid}" id="dq">OID 5<input name="value6" type="search"></label> - <label data-monster-label="OID7" data-monster-template="${value | call:range:oid}">OID + <label data-monster-label="OID7" data-monster-template="${value | call:range:oid}" id="xc">OID 6<input name="value7" type="search"></label> </monster-datatable-filter> + </div> + <div data-monster-button-label="SDAFASDFDS"></div> + </monster-tabs> + </div> + </monster-collapse> - </div> - </monster-collapse> + <div slot="bar" class="monster-button-group"> + <monster-datasource-status data-monster-option-datasource-selector="#data1"></monster-datasource-status> + <monster-embedded-pagination + data-monster-datasource-selector="#data1"></monster-embedded-pagination> + <!-- <monster-embedded-state--> + <!-- data-monster-datasource-selector="#data1"></monster-embedded-state>--> - <div slot="bar" class="monster-button-group"> - <monster-embedded-pagination - data-monster-datasource-selector="#data1"></monster-embedded-pagination> + <monster-datatable-filter-button data-monster-reference="#my-collapse" + data-monster-role="filter-button">Filter + </monster-datatable-filter-button> + </div> - <monster-datatable-filter-button data-monster-reference="#my-collapse" - data-monster-role="filter-button">Filter - </monster-datatable-filter-button> + <template id="t12-row"> + <div data-monster-mode="fixed" data-monster-sortable="oid" data-monster-head="OID"> + <a data-monster-attributes="href path:t12-row.oid | tostring | prefix:#" + data-monster-replace="path:t12-row.oid | tostring">Link</a> </div> + <div data-monster-grid-template="1fr"> + <ul> + <li><input type="date"></li> + <li data-monster-replace="path:t12-row.oid">test 1</li> + <li>asdfjasdkfjk</li> + </ul> + </div> + <div data-monster-mode="fixed" data-monster-head="i18n:key2" + data-monster-replace="path:t12-row.erpCreation"></div> + <div data-monster-mode="fixed" data-monster-head="i18n:key1" data-monster-grid-template="1fr"><input + type="checkbox"></div> + <div data-monster-mode="fixed" data-monster-head="i18n:key2" + data-monster-replace="path:t12-row.erpCreation | date"></div> + <div data-monster-mode="fixed" data-monster-head="i18n:key2" + data-monster-replace="path:t12-row.erpCreation | time"></div> + <div data-monster-mode="fixed" data-monster-head="i18n:key2" + data-monster-replace="path:t12-row.erpCreation | time"></div> + <div data-monster-mode="fixed" data-monster-head="i18n:key2" + data-monster-replace="path:t12-row.erpCreation | time"></div> + <div data-monster-mode="fixed" data-monster-head="i18n:key2" + data-monster-replace="path:t12-row.erpCreation | time"></div> + <div data-monster-mode="fixed" + data-monster-replace="path:t12-row.erpCreation | time"></div> + <div data-monster-head="orderState 2" class="center" data-monster-align="center" + data-monster-replace="path:t12-row.orderState"></div> + <div class="end" data-monster-align="end" + data-monster-replace="path:t12-row.orderState | tostring | prefix:<span class=monster-badge-secondary-pill>|suffix:</span>"></div> + <div data-monster-mode="hidden" data-monster-head="OS2" data-monster-replace="static:OXXXXX"></div> + <div data-monster-sortable="orderState" data-monster-head="State" + data-monster-replace="path:t12-row.orderState | tostring | prefix:____"></div> + <div data-monster-head="xxx" data-monster-replace="static:wwwww"></div> + <div> + <button data-monster-replace="static:doit">Click</button> + <monster-popper-button> + <form class="monster-form"> + <label><input>test 1</label> + <label>test 2<input></label> + <button>OK</button> + </form> + </monster-popper-button> - <template id="t12-row"> - <div data-monster-mode="fixed" data-monster-sortable="oid" data-monster-head="OID"> - <a data-monster-attributes="href path:t12-row.oid | tostring | prefix:#" - data-monster-replace="path:t12-row.oid | tostring">Link</a> - </div> - <div data-monster-grid-template="1fr"> - <ul> - <li><input type="date"></li> - <li data-monster-replace="path:t12-row.oid">test 1</li> - <li>asdfjasdkfjk</li> - </ul> - </div> - <div data-monster-mode="fixed" data-monster-head="i18n:key2" - data-monster-replace="path:t12-row.erpCreation"></div> - <div data-monster-mode="fixed" data-monster-head="i18n:key1" data-monster-grid-template="1fr"><input - type="checkbox"></div> - <div data-monster-mode="fixed" data-monster-head="i18n:key2" - data-monster-replace="path:t12-row.erpCreation | date"></div> - <div data-monster-mode="fixed" data-monster-head="i18n:key2" - data-monster-replace="path:t12-row.erpCreation | time"></div> - <div data-monster-mode="fixed" data-monster-head="i18n:key2" - data-monster-replace="path:t12-row.erpCreation | time"></div> - <div data-monster-mode="fixed" data-monster-head="i18n:key2" - data-monster-replace="path:t12-row.erpCreation | time"></div> - <div data-monster-mode="fixed" data-monster-head="i18n:key2" - data-monster-replace="path:t12-row.erpCreation | time"></div> - <div data-monster-mode="fixed" - data-monster-replace="path:t12-row.erpCreation | time"></div> - <div data-monster-head="orderState 2" class="center" data-monster-align="center" - data-monster-replace="path:t12-row.orderState"></div> - <div class="end" data-monster-align="end" - data-monster-replace="path:t12-row.orderState | tostring | prefix:<span class=monster-badge-secondary-pill>|suffix:</span>"></div> - <div data-monster-mode="hidden" data-monster-head="OS2" data-monster-replace="static:OXXXXX"></div> - <div data-monster-sortable="orderState" data-monster-head="State" - data-monster-replace="path:t12-row.orderState | tostring | prefix:____"></div> - <div data-monster-head="xxx" data-monster-replace="static:wwwww"></div> - <div> - <button data-monster-replace="static:doit">Click</button> - <monster-popper-button> - <form class="monster-form"> - <label><input>test 1</label> - <label>test 2<input></label> - <button>OK</button> - </form> - </monster-popper-button> - - </div> - </template> - - - <div slot="footer" class="monster-button-group"> - <monster-button>Aktion 1</monster-button> - <monster-button>Aktion 2</monster-button> - <monster-button>Aktion 3</monster-button> </div> + </template> + + + <div slot="footer" class="monster-button-group"> + <monster-button>Aktion 1</monster-button> + <monster-button>Aktion 2</monster-button> + <monster-button>Aktion 3</monster-button> + </div> + + </monster-datatable> - </monster-datatable> - <monster-pagination data-monster-datasource-selector="#data1"></monster-pagination> diff --git a/playground/datatable/main.js b/playground/datatable/main.js index 5b78f33af7886a5d284bb43da8ac29c81056ca05..a83c7f2180bb244ab64b04ccc299d5b87ae0cb02 100644 --- a/playground/datatable/main.js +++ b/playground/datatable/main.js @@ -9,22 +9,24 @@ import "../../source/components/style/data-grid.pcss"; import "../../source/components/style/property.pcss"; import "../../source/components/style/typography.pcss"; import "../../source/components/style/display.pcss"; -import "../../../application/source/datasource/rest.mjs"; -import "../../../application/source/filter.mjs"; -import "../../../application/source/filter-button.mjs"; -import "../../../application/source/embedded-pagination.mjs"; -import "../../../application/source/datatable.mjs"; -import "../../../application/source/dataset.mjs"; -import "../../../application/source/filter/range.mjs"; -import "../../../application/source/filter/select.mjs"; -import "../../../application/source/filter/input.mjs"; -import "../../../application/source/filter/date-range.mjs"; +import "../../source/components/datatable/datasource/rest.mjs"; +import "../../source/components/datatable/filter.mjs"; +import "../../source/components/datatable/filter-button.mjs"; +import "../../source/components/datatable/embedded-pagination.mjs"; +import "../../source/components/datatable/datatable.mjs"; +import "../../source/components/datatable/dataset.mjs"; +import "../../source/components/datatable/status.mjs"; +import "../../source/components/datatable/filter/range.mjs"; +import "../../source/components/datatable/filter/select.mjs"; +import "../../source/components/datatable/filter/input.mjs"; +import "../../source/components/datatable/filter/date-range.mjs"; import {windowReady} from "../../source/dom/ready.mjs"; import "../../source/components/host/host.mjs"; import "../../source/components/form/button.mjs"; import "../../source/components/form/popper-button.mjs"; +import "../../source/components/form/tabs.mjs"; - + import { Embed } from "../../source/i18n/providers/embed.mjs"; diff --git a/playground/select/data.json b/playground/select/data.json index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..915f1a166a9f217be98184764f462ae684f46f55 100644 --- a/playground/select/data.json +++ b/playground/select/data.json @@ -0,0 +1,22 @@ +{ + "dataset": { + "state": "partlyopen", + "possibleTransitions": [ + { + "name": "cmd-reset", + "from": null, + "to": "init" + }, + { + "name": "cmd-partlyopen-to-edit", + "from": "partlyopen", + "to": "edit" + }, + { + "name": "cmd-partlyopen-to-visuellCheck", + "from": "partlyopen", + "to": "visuellCheck" + } + ] + } +} \ No newline at end of file diff --git a/playground/select/data2.json b/playground/select/data2.json index 915f1a166a9f217be98184764f462ae684f46f55..0bbe4c70e0bf9f5f12c15b298b9ae11fc3b368ad 100644 --- a/playground/select/data2.json +++ b/playground/select/data2.json @@ -3,19 +3,24 @@ "state": "partlyopen", "possibleTransitions": [ { - "name": "cmd-reset", + "name": "cmd-reset 2", "from": null, - "to": "init" + "to": "init 5" }, { - "name": "cmd-partlyopen-to-edit", - "from": "partlyopen", - "to": "edit" + "name": "cmd-partlyopen-to-edit 2", + "from": "partlyopen 4", + "to": "edit 6" }, { - "name": "cmd-partlyopen-to-visuellCheck", + "name": "cmd-partlyopen-to-visuellCheck 2", "from": "partlyopen", - "to": "visuellCheck" + "to": "visuellCheck 2" + }, + { + "name": "cmd-partlyopen-to-visuellCheck 33", + "from": "xxxxx", + "to": "visuellCheck 3" } ] } diff --git a/playground/select/index.html b/playground/select/index.html index c5b49bcdd05a6f3ab14fb8231231ff98f7cca129..39d203a2dfc21cd32406317bd334b6c61f8bf9c6 100644 --- a/playground/select/index.html +++ b/playground/select/index.html @@ -12,179 +12,11 @@ <main> - <h1>Form</h1> + <h1>Select</h1> - <h2 id="form1">Form 1</h2> - - <form class="monster-form"> - - - <div class="input-group"> - <label for="name2">Name</label> - <input type="text" id="name2" name="user_name"/> - <input type="text" id="name32" name="user_name"/> - </div> - - - - <label for="msg">Your message: - <textarea id="msg2" name="user_message"></textarea> - </label> - - - <fieldset> - <legend>Personal Information</legend> - - - <label for="na3me">test - <input type="text" id="na3me" name="user_name"/></label> - - - <label for="ma3il">reply: - <input type="email" id="ma3il" name="user_email"/> - </label> - - - <label for="ms1g">Your message: - <textarea id="ms1g" name="user_message"></textarea> - </label> - - - </fieldset> - - <fieldset> - <legend>Detasil Information</legend> - - <div id="from"> - <label for="name">from:</label> - <input type="text" id="name" name="user_name"/> - </div> - - <label for="mail">reply:</label> - <input type="email" id="mail" name="user_email"/> - - <label >reply:</label> - <select><option>test</option><option>test2</option></select> - <p>sdafasd fasdf klasdjfklöjasdklöfjasdfjasdfklö</p> - - <div id="message"> - <label for="msg">Your message:</label> - <textarea id="msg" name="user_message"></textarea> - </div> - - <div class="button"> - <button type="submit">Send your message</button> - </div> - - - </fieldset> - - </form> - - - <h2 id="form2">Form 2</h2> - - <p>Forms are useful for all kinds of things on webpages. Contact forms, newsletter sign ups etc. Forms also look - pretty good on Simple.css:</p> - - <form class="monster-form"> - <p><strong>This is just a test form. It doesn't do anything.</strong></p> - - <label> - <svg class="icon prefix"> - <use xlink:href="#icon-envelope"></use> - </svg> - <input placeholder="Your Email" - type="email" inputmode="email" - autocomplete="off" - aria-required="true" - required - title="Email address"> - <span>Your email address</span> - </label> - - - <label> - <input placeholder="Your Email" - type="email" inputmode="email" - autocomplete="off" - aria-required="true" - required - title="Email address"> - <span>Your email address</span> - </label> - - - <label for="customRange1" class="form-label">Example range - <input type="range" class="form-range" id="customRange1"> - </label> - - - <select> - <option selected="selected" value="1">Title</option> - <option value="2">Mr</option> - <option value="3">Miss</option> - <option value="4">Mrs</option> - <option value="5">Other</option> - </select> - <label>First name</label> - <input type="text" name="first_name"/> - <label>Surname</label> - <input type="text" name="surname"/> - <label>Email</label> - <input type="email" name="email" required=""/> - <label>Enquiry type:</label> - <label><input checked="checked" name="type" type="radio" value="sales"/>Sales</label> - <label><input name="type" type="radio" value="support"/>Support - <input name="type" type="radio" value="billing"/>Billing</label> + <monster-select> - <label>Enquiry type:</label> - <label>Sales<input checked="checked" name="type" type="radio" value="sales"/></label> - <label>Support<input name="type" type="radio" value="support"/> - Billing<input name="type" type="radio" value="billing"/></label> - <label>Message - <textarea rows="6"></textarea></label> - <label for="cars">Choose a car: - <select name="cars" id="cars" multiple=""> - <option value="volvo">Volvo</option> - <option value="saab">Saab</option> - <option value="opel">Opel</option> - <option value="audi">Audi</option> - </select> - </label> - <label> - <input type="checkbox" id="chec3k233box" value="terms"/> - I agree to the <a href="#">terms and conditions</a> - </label> - <label> - <input type="checkbox" id="chec3k2box" value="terms"/> - I agree to the <a href="#">terms and conditions</a> - </label> - <label> - <input type="checkbox" id="che4ckbox" value="terms"/> - I agree to the <a href="#">terms and conditions</a> - </label> - - <label> - I agree to the <a href="#">terms and conditions</a> - <input type="checkbox" id="chec3k233box" value="terms"/> - </label> - <label> - I agree to the <a href="#">terms and conditions</a> - <input type="checkbox" id="chec3k2box" value="terms"/> - </label> - <label> - I agree to the <a href="#">terms and conditions</a> - <input type="checkbox" id="che4ckbox" value="terms"/> - </label> - - - <button>Send</button> - <button type="reset">Reset</button> - <button disabled="disabled">Disabled</button> - asdfsdafasd - <div>dsfsdfsdf</div> - </form> + </monster-select> </main> diff --git a/playground/select/main.js b/playground/select/main.js index 4d4884d75ade3b34068816d0e828719b898fd1bf..366f9b56ff5072193c55f21ef63d2d8321e3806e 100644 --- a/playground/select/main.js +++ b/playground/select/main.js @@ -7,6 +7,52 @@ import "../../source/components/style/form.pcss"; import "../../source/components/style/link.pcss"; import "../../source/components/style/button.pcss"; import "../../source/components/style/ripple.pcss"; +import "../../source/components/form/select.mjs"; import "./main.pcss"; +const url = "/select/data.json"; +const select = document.querySelector("monster-select"); + + +const option = { + "url": url, + "features": { + "closeOnSelect": true, + }, + "fetch": { + "headers": { + "Content-Type": "application/json", + "Accept": "application/json" + }, + "mode": "cors" + }, + "mapping": { + "selector": "dataset.possibleTransitions.*", + "apiTemplate": "${name}", + "urlTemplate": "/api/workflow/transfer?${name}",// $ muss enthalten sein !! + "labelTemplate": "Übergang zu ${to}", + "valueTemplate": "${name}",//name > API Antwort wird zu $0.value Button + "labelSelector": "dataset.state" + } +} + +select.setOptions(option); + + +select.fetch(url).then((data) => { + console.log(data); +}).catch((error) => { + console.error(error); +}); + +const url2 = "/select/data2.json"; + +setTimeout(() => { + console.log("fetch2"); + select.fetch(url2).then((data) => { + console.log(data); + }).catch((error) => { + console.error(error); + }) +},2000); \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index efcc09fb3a0dcdd7357ca33a69c23fdf299fe051..41f85e1747590b164ebe28e14ce6f17fef57e53c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -35,8 +35,8 @@ devDependencies: specifier: ^4.3.10 version: 4.3.10 chai-dom: - specifier: ^1.11.0 - version: 1.11.0(chai@4.3.10)(mocha@10.2.0) + specifier: ^1.12.0 + version: 1.12.0(chai@4.3.10) clean-jsdoc-theme: specifier: ^4.2.17 version: 4.2.17(jsdoc@4.0.2) @@ -56,8 +56,8 @@ devDependencies: specifier: ^1.3.9 version: 1.3.9 esbuild: - specifier: ^0.19.5 - version: 0.19.5 + specifier: ^0.19.7 + version: 0.19.7 esdoc: specifier: ^1.1.0 version: 1.1.0 @@ -113,8 +113,8 @@ devDependencies: specifier: ^15.1.0 version: 15.1.0(postcss@8.4.31) postcss-load-config: - specifier: ^4.0.1 - version: 4.0.1(postcss@8.4.31) + specifier: ^4.0.2 + version: 4.0.2(postcss@8.4.31) postcss-mixins: specifier: ^9.0.4 version: 9.0.4(postcss@8.4.31) @@ -137,8 +137,8 @@ devDependencies: specifier: ^2.0.1 version: 2.0.1 puppeteer: - specifier: ^21.5.1 - version: 21.5.1 + specifier: ^21.5.2 + version: 21.5.2 sinon: specifier: ^17.0.1 version: 17.0.1 @@ -153,7 +153,7 @@ devDependencies: version: 0.12.5 vite: specifier: ^4.5.0 - version: 4.5.0(@types/node@18.18.9) + version: 4.5.0(@types/node@18.18.13) vite-plugin-banner: specifier: ^0.7.1 version: 0.7.1 @@ -177,11 +177,11 @@ packages: '@jridgewell/trace-mapping': 0.3.20 dev: true - /@babel/code-frame@7.22.13: - resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==} + /@babel/code-frame@7.23.4: + resolution: {integrity: sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==} engines: {node: '>=6.9.0'} dependencies: - '@babel/highlight': 7.22.20 + '@babel/highlight': 7.23.4 chalk: 2.4.2 dev: true @@ -195,15 +195,15 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@ampproject/remapping': 2.2.1 - '@babel/code-frame': 7.22.13 - '@babel/generator': 7.23.3 + '@babel/code-frame': 7.23.4 + '@babel/generator': 7.23.4 '@babel/helper-compilation-targets': 7.22.15 '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.3) - '@babel/helpers': 7.23.2 - '@babel/parser': 7.23.3 + '@babel/helpers': 7.23.4 + '@babel/parser': 7.23.4 '@babel/template': 7.22.15 - '@babel/traverse': 7.23.3 - '@babel/types': 7.23.3 + '@babel/traverse': 7.23.4 + '@babel/types': 7.23.4 convert-source-map: 2.0.0 debug: 4.3.4(supports-color@8.1.1) gensync: 1.0.0-beta.2 @@ -213,11 +213,11 @@ packages: - supports-color dev: true - /@babel/generator@7.23.3: - resolution: {integrity: sha512-keeZWAV4LU3tW0qRi19HRpabC/ilM0HRBBzf9/k8FFiG4KVpiv0FIy4hHfLfFQZNhziCTPTmd59zoyv6DNISzg==} + /@babel/generator@7.23.4: + resolution: {integrity: sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 '@jridgewell/gen-mapping': 0.3.3 '@jridgewell/trace-mapping': 0.3.20 jsesc: 2.5.2 @@ -244,21 +244,21 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@babel/template': 7.22.15 - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 dev: true /@babel/helper-hoist-variables@7.22.5: resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 dev: true /@babel/helper-module-imports@7.22.15: resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 dev: true /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.3): @@ -279,18 +279,18 @@ packages: resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 dev: true /@babel/helper-split-export-declaration@7.22.6: resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 dev: true - /@babel/helper-string-parser@7.22.5: - resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==} + /@babel/helper-string-parser@7.23.4: + resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==} engines: {node: '>=6.9.0'} dev: true @@ -304,19 +304,19 @@ packages: engines: {node: '>=6.9.0'} dev: true - /@babel/helpers@7.23.2: - resolution: {integrity: sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==} + /@babel/helpers@7.23.4: + resolution: {integrity: sha512-HfcMizYz10cr3h29VqyfGL6ZWIjTwWfvYBMsBVGwpcbhNGe3wQ1ZXZRPzZoAHhd9OqHadHqjQ89iVKINXnbzuw==} engines: {node: '>=6.9.0'} dependencies: '@babel/template': 7.22.15 - '@babel/traverse': 7.23.3 - '@babel/types': 7.23.3 + '@babel/traverse': 7.23.4 + '@babel/types': 7.23.4 transitivePeerDependencies: - supports-color dev: true - /@babel/highlight@7.22.20: - resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==} + /@babel/highlight@7.23.4: + resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==} engines: {node: '>=6.9.0'} dependencies: '@babel/helper-validator-identifier': 7.22.20 @@ -324,46 +324,46 @@ packages: js-tokens: 4.0.0 dev: true - /@babel/parser@7.23.3: - resolution: {integrity: sha512-uVsWNvlVsIninV2prNz/3lHCb+5CJ+e+IUBfbjToAHODtfGYLfCFuY4AU7TskI+dAKk+njsPiBjq1gKTvZOBaw==} + /@babel/parser@7.23.4: + resolution: {integrity: sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==} engines: {node: '>=6.0.0'} hasBin: true dependencies: - '@babel/types': 7.23.3 + '@babel/types': 7.23.4 dev: true /@babel/template@7.22.15: resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==} engines: {node: '>=6.9.0'} dependencies: - '@babel/code-frame': 7.22.13 - '@babel/parser': 7.23.3 - '@babel/types': 7.23.3 + '@babel/code-frame': 7.23.4 + '@babel/parser': 7.23.4 + '@babel/types': 7.23.4 dev: true - /@babel/traverse@7.23.3: - resolution: {integrity: sha512-+K0yF1/9yR0oHdE0StHuEj3uTPzwwbrLGfNOndVJVV2TqA5+j3oljJUb4nmB954FLGjNem976+B+eDuLIjesiQ==} + /@babel/traverse@7.23.4: + resolution: {integrity: sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==} engines: {node: '>=6.9.0'} dependencies: - '@babel/code-frame': 7.22.13 - '@babel/generator': 7.23.3 + '@babel/code-frame': 7.23.4 + '@babel/generator': 7.23.4 '@babel/helper-environment-visitor': 7.22.20 '@babel/helper-function-name': 7.23.0 '@babel/helper-hoist-variables': 7.22.5 '@babel/helper-split-export-declaration': 7.22.6 - '@babel/parser': 7.23.3 - '@babel/types': 7.23.3 + '@babel/parser': 7.23.4 + '@babel/types': 7.23.4 debug: 4.3.4(supports-color@8.1.1) globals: 11.12.0 transitivePeerDependencies: - supports-color dev: true - /@babel/types@7.23.3: - resolution: {integrity: sha512-OZnvoH2l8PK5eUvEcUyCt/sXgr/h+UWpVuBbOljwcrAgUl6lpchoQ++PHGyQy1AtYnVA6CEq3y5xeEI10brpXw==} + /@babel/types@7.23.4: + resolution: {integrity: sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==} engines: {node: '>=6.9.0'} dependencies: - '@babel/helper-string-parser': 7.22.5 + '@babel/helper-string-parser': 7.23.4 '@babel/helper-validator-identifier': 7.22.20 to-fast-properties: 2.0.0 dev: true @@ -462,8 +462,8 @@ packages: dev: true optional: true - /@esbuild/android-arm64@0.19.5: - resolution: {integrity: sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==} + /@esbuild/android-arm64@0.19.7: + resolution: {integrity: sha512-YEDcw5IT7hW3sFKZBkCAQaOCJQLONVcD4bOyTXMZz5fr66pTHnAet46XAtbXAkJRfIn2YVhdC6R9g4xa27jQ1w==} engines: {node: '>=12'} cpu: [arm64] os: [android] @@ -480,8 +480,8 @@ packages: dev: true optional: true - /@esbuild/android-arm@0.19.5: - resolution: {integrity: sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==} + /@esbuild/android-arm@0.19.7: + resolution: {integrity: sha512-YGSPnndkcLo4PmVl2tKatEn+0mlVMr3yEpOOT0BeMria87PhvoJb5dg5f5Ft9fbCVgtAz4pWMzZVgSEGpDAlww==} engines: {node: '>=12'} cpu: [arm] os: [android] @@ -498,8 +498,8 @@ packages: dev: true optional: true - /@esbuild/android-x64@0.19.5: - resolution: {integrity: sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==} + /@esbuild/android-x64@0.19.7: + resolution: {integrity: sha512-jhINx8DEjz68cChFvM72YzrqfwJuFbfvSxZAk4bebpngGfNNRm+zRl4rtT9oAX6N9b6gBcFaJHFew5Blf6CvUw==} engines: {node: '>=12'} cpu: [x64] os: [android] @@ -516,8 +516,8 @@ packages: dev: true optional: true - /@esbuild/darwin-arm64@0.19.5: - resolution: {integrity: sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==} + /@esbuild/darwin-arm64@0.19.7: + resolution: {integrity: sha512-dr81gbmWN//3ZnBIm6YNCl4p3pjnabg1/ZVOgz2fJoUO1a3mq9WQ/1iuEluMs7mCL+Zwv7AY5e3g1hjXqQZ9Iw==} engines: {node: '>=12'} cpu: [arm64] os: [darwin] @@ -534,8 +534,8 @@ packages: dev: true optional: true - /@esbuild/darwin-x64@0.19.5: - resolution: {integrity: sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==} + /@esbuild/darwin-x64@0.19.7: + resolution: {integrity: sha512-Lc0q5HouGlzQEwLkgEKnWcSazqr9l9OdV2HhVasWJzLKeOt0PLhHaUHuzb8s/UIya38DJDoUm74GToZ6Wc7NGQ==} engines: {node: '>=12'} cpu: [x64] os: [darwin] @@ -552,8 +552,8 @@ packages: dev: true optional: true - /@esbuild/freebsd-arm64@0.19.5: - resolution: {integrity: sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==} + /@esbuild/freebsd-arm64@0.19.7: + resolution: {integrity: sha512-+y2YsUr0CxDFF7GWiegWjGtTUF6gac2zFasfFkRJPkMAuMy9O7+2EH550VlqVdpEEchWMynkdhC9ZjtnMiHImQ==} engines: {node: '>=12'} cpu: [arm64] os: [freebsd] @@ -570,8 +570,8 @@ packages: dev: true optional: true - /@esbuild/freebsd-x64@0.19.5: - resolution: {integrity: sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==} + /@esbuild/freebsd-x64@0.19.7: + resolution: {integrity: sha512-CdXOxIbIzPJmJhrpmJTLx+o35NoiKBIgOvmvT+jeSadYiWJn0vFKsl+0bSG/5lwjNHoIDEyMYc/GAPR9jxusTA==} engines: {node: '>=12'} cpu: [x64] os: [freebsd] @@ -588,8 +588,8 @@ packages: dev: true optional: true - /@esbuild/linux-arm64@0.19.5: - resolution: {integrity: sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==} + /@esbuild/linux-arm64@0.19.7: + resolution: {integrity: sha512-inHqdOVCkUhHNvuQPT1oCB7cWz9qQ/Cz46xmVe0b7UXcuIJU3166aqSunsqkgSGMtUCWOZw3+KMwI6otINuC9g==} engines: {node: '>=12'} cpu: [arm64] os: [linux] @@ -606,8 +606,8 @@ packages: dev: true optional: true - /@esbuild/linux-arm@0.19.5: - resolution: {integrity: sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==} + /@esbuild/linux-arm@0.19.7: + resolution: {integrity: sha512-Y+SCmWxsJOdQtjcBxoacn/pGW9HDZpwsoof0ttL+2vGcHokFlfqV666JpfLCSP2xLxFpF1lj7T3Ox3sr95YXww==} engines: {node: '>=12'} cpu: [arm] os: [linux] @@ -624,8 +624,8 @@ packages: dev: true optional: true - /@esbuild/linux-ia32@0.19.5: - resolution: {integrity: sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==} + /@esbuild/linux-ia32@0.19.7: + resolution: {integrity: sha512-2BbiL7nLS5ZO96bxTQkdO0euGZIUQEUXMTrqLxKUmk/Y5pmrWU84f+CMJpM8+EHaBPfFSPnomEaQiG/+Gmh61g==} engines: {node: '>=12'} cpu: [ia32] os: [linux] @@ -642,8 +642,8 @@ packages: dev: true optional: true - /@esbuild/linux-loong64@0.19.5: - resolution: {integrity: sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==} + /@esbuild/linux-loong64@0.19.7: + resolution: {integrity: sha512-BVFQla72KXv3yyTFCQXF7MORvpTo4uTA8FVFgmwVrqbB/4DsBFWilUm1i2Oq6zN36DOZKSVUTb16jbjedhfSHw==} engines: {node: '>=12'} cpu: [loong64] os: [linux] @@ -660,8 +660,8 @@ packages: dev: true optional: true - /@esbuild/linux-mips64el@0.19.5: - resolution: {integrity: sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==} + /@esbuild/linux-mips64el@0.19.7: + resolution: {integrity: sha512-DzAYckIaK+pS31Q/rGpvUKu7M+5/t+jI+cdleDgUwbU7KdG2eC3SUbZHlo6Q4P1CfVKZ1lUERRFP8+q0ob9i2w==} engines: {node: '>=12'} cpu: [mips64el] os: [linux] @@ -678,8 +678,8 @@ packages: dev: true optional: true - /@esbuild/linux-ppc64@0.19.5: - resolution: {integrity: sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==} + /@esbuild/linux-ppc64@0.19.7: + resolution: {integrity: sha512-JQ1p0SmUteNdUaaiRtyS59GkkfTW0Edo+e0O2sihnY4FoZLz5glpWUQEKMSzMhA430ctkylkS7+vn8ziuhUugQ==} engines: {node: '>=12'} cpu: [ppc64] os: [linux] @@ -696,8 +696,8 @@ packages: dev: true optional: true - /@esbuild/linux-riscv64@0.19.5: - resolution: {integrity: sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==} + /@esbuild/linux-riscv64@0.19.7: + resolution: {integrity: sha512-xGwVJ7eGhkprY/nB7L7MXysHduqjpzUl40+XoYDGC4UPLbnG+gsyS1wQPJ9lFPcxYAaDXbdRXd1ACs9AE9lxuw==} engines: {node: '>=12'} cpu: [riscv64] os: [linux] @@ -714,8 +714,8 @@ packages: dev: true optional: true - /@esbuild/linux-s390x@0.19.5: - resolution: {integrity: sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==} + /@esbuild/linux-s390x@0.19.7: + resolution: {integrity: sha512-U8Rhki5PVU0L0nvk+E8FjkV8r4Lh4hVEb9duR6Zl21eIEYEwXz8RScj4LZWA2i3V70V4UHVgiqMpszXvG0Yqhg==} engines: {node: '>=12'} cpu: [s390x] os: [linux] @@ -732,8 +732,8 @@ packages: dev: true optional: true - /@esbuild/linux-x64@0.19.5: - resolution: {integrity: sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==} + /@esbuild/linux-x64@0.19.7: + resolution: {integrity: sha512-ZYZopyLhm4mcoZXjFt25itRlocKlcazDVkB4AhioiL9hOWhDldU9n38g62fhOI4Pth6vp+Mrd5rFKxD0/S+7aQ==} engines: {node: '>=12'} cpu: [x64] os: [linux] @@ -750,8 +750,8 @@ packages: dev: true optional: true - /@esbuild/netbsd-x64@0.19.5: - resolution: {integrity: sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==} + /@esbuild/netbsd-x64@0.19.7: + resolution: {integrity: sha512-/yfjlsYmT1O3cum3J6cmGG16Fd5tqKMcg5D+sBYLaOQExheAJhqr8xOAEIuLo8JYkevmjM5zFD9rVs3VBcsjtQ==} engines: {node: '>=12'} cpu: [x64] os: [netbsd] @@ -768,8 +768,8 @@ packages: dev: true optional: true - /@esbuild/openbsd-x64@0.19.5: - resolution: {integrity: sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==} + /@esbuild/openbsd-x64@0.19.7: + resolution: {integrity: sha512-MYDFyV0EW1cTP46IgUJ38OnEY5TaXxjoDmwiTXPjezahQgZd+j3T55Ht8/Q9YXBM0+T9HJygrSRGV5QNF/YVDQ==} engines: {node: '>=12'} cpu: [x64] os: [openbsd] @@ -786,8 +786,8 @@ packages: dev: true optional: true - /@esbuild/sunos-x64@0.19.5: - resolution: {integrity: sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==} + /@esbuild/sunos-x64@0.19.7: + resolution: {integrity: sha512-JcPvgzf2NN/y6X3UUSqP6jSS06V0DZAV/8q0PjsZyGSXsIGcG110XsdmuWiHM+pno7/mJF6fjH5/vhUz/vA9fw==} engines: {node: '>=12'} cpu: [x64] os: [sunos] @@ -804,8 +804,8 @@ packages: dev: true optional: true - /@esbuild/win32-arm64@0.19.5: - resolution: {integrity: sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==} + /@esbuild/win32-arm64@0.19.7: + resolution: {integrity: sha512-ZA0KSYti5w5toax5FpmfcAgu3ZNJxYSRm0AW/Dao5up0YV1hDVof1NvwLomjEN+3/GMtaWDI+CIyJOMTRSTdMw==} engines: {node: '>=12'} cpu: [arm64] os: [win32] @@ -822,8 +822,8 @@ packages: dev: true optional: true - /@esbuild/win32-ia32@0.19.5: - resolution: {integrity: sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==} + /@esbuild/win32-ia32@0.19.7: + resolution: {integrity: sha512-CTOnijBKc5Jpk6/W9hQMMvJnsSYRYgveN6O75DTACCY18RA2nqka8dTZR+x/JqXCRiKk84+5+bRKXUSbbwsS0A==} engines: {node: '>=12'} cpu: [ia32] os: [win32] @@ -840,8 +840,8 @@ packages: dev: true optional: true - /@esbuild/win32-x64@0.19.5: - resolution: {integrity: sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==} + /@esbuild/win32-x64@0.19.7: + resolution: {integrity: sha512-gRaP2sk6hc98N734luX4VpF318l3w+ofrtTu9j5L8EQXF+FzQKV6alCOHMVoJJHvVK/mGbwBXfOL1HETQu9IGQ==} engines: {node: '>=12'} cpu: [x64] os: [win32] @@ -944,31 +944,31 @@ packages: '@jridgewell/sourcemap-codec': 1.4.15 dev: true - /@jsdoc/salty@0.2.5: - resolution: {integrity: sha512-TfRP53RqunNe2HBobVBJ0VLhK1HbfvBYeTC1ahnN64PWvyYyGebmMiPkuwvD9fpw2ZbkoPb8Q7mwy0aR8Z9rvw==} + /@jsdoc/salty@0.2.6: + resolution: {integrity: sha512-aA+awb5yoml8TQ3CzI5Ue7sM3VMRC4l1zJJW4fgZ8OCL1wshJZhNzaf0PL85DSnOUw6QuFgeHGD/eq/xwwAF2g==} engines: {node: '>=v12.0.0'} dependencies: lodash: 4.17.21 dev: true - /@microsoft/api-extractor-model@7.28.2(@types/node@18.18.9): + /@microsoft/api-extractor-model@7.28.2(@types/node@18.18.13): resolution: {integrity: sha512-vkojrM2fo3q4n4oPh4uUZdjJ2DxQ2+RnDQL/xhTWSRUNPF6P4QyrvY357HBxbnltKcYu+nNNolVqc6TIGQ73Ig==} dependencies: '@microsoft/tsdoc': 0.14.2 '@microsoft/tsdoc-config': 0.16.2 - '@rushstack/node-core-library': 3.61.0(@types/node@18.18.9) + '@rushstack/node-core-library': 3.61.0(@types/node@18.18.13) transitivePeerDependencies: - '@types/node' dev: true - /@microsoft/api-extractor@7.38.3(@types/node@18.18.9): + /@microsoft/api-extractor@7.38.3(@types/node@18.18.13): resolution: {integrity: sha512-xt9iYyC5f39281j77JTA9C3ISJpW1XWkCcnw+2vM78CPnro6KhPfwQdPDfwS5JCPNuq0grm8cMdPUOPvrchDWw==} hasBin: true dependencies: - '@microsoft/api-extractor-model': 7.28.2(@types/node@18.18.9) + '@microsoft/api-extractor-model': 7.28.2(@types/node@18.18.13) '@microsoft/tsdoc': 0.14.2 '@microsoft/tsdoc-config': 0.16.2 - '@rushstack/node-core-library': 3.61.0(@types/node@18.18.9) + '@rushstack/node-core-library': 3.61.0(@types/node@18.18.13) '@rushstack/rig-package': 0.5.1 '@rushstack/ts-command-line': 4.17.1 colors: 1.2.5 @@ -1082,7 +1082,7 @@ packages: picomatch: 2.3.1 dev: true - /@rushstack/node-core-library@3.61.0(@types/node@18.18.9): + /@rushstack/node-core-library@3.61.0(@types/node@18.18.13): resolution: {integrity: sha512-tdOjdErme+/YOu4gPed3sFS72GhtWCgNV9oDsHDnoLY5oDfwjKUc9Z+JOZZ37uAxcm/OCahDHfuu2ugqrfWAVQ==} peerDependencies: '@types/node': '*' @@ -1090,7 +1090,7 @@ packages: '@types/node': optional: true dependencies: - '@types/node': 18.18.9 + '@types/node': 18.18.13 colors: 1.2.5 fs-extra: 7.0.1 import-lazy: 4.0.0 @@ -1116,46 +1116,46 @@ packages: string-argv: 0.3.2 dev: true - /@sentry-internal/tracing@7.80.0: - resolution: {integrity: sha512-P1Ab9gamHLsbH9D82i1HY8xfq9dP8runvc4g50AAd6OXRKaJ45f2KGRZUmnMEVqBQ7YoPYp2LFMkrhNYbcZEoQ==} + /@sentry-internal/tracing@7.81.1: + resolution: {integrity: sha512-E5xm27xrLXL10knH2EWDQsQYh5nb4SxxZzJ3sJwDGG9XGKzBdlp20UUhKqx00wixooVX9uCj3e4Jg8SvNB1hKg==} engines: {node: '>=8'} dependencies: - '@sentry/core': 7.80.0 - '@sentry/types': 7.80.0 - '@sentry/utils': 7.80.0 + '@sentry/core': 7.81.1 + '@sentry/types': 7.81.1 + '@sentry/utils': 7.81.1 dev: true - /@sentry/core@7.80.0: - resolution: {integrity: sha512-nJiiymdTSEyI035/rdD3VOq6FlOZ2wWLR5bit9LK8a3rzHU3UXkwScvEo6zYgs0Xp1sC0yu1S9+0BEiYkmi29A==} + /@sentry/core@7.81.1: + resolution: {integrity: sha512-tU37yAmckOGCw/moWKSwekSCWWJP15O6luIq+u7wal22hE88F3Vc5Avo8SeF3upnPR+4ejaOFH+BJTr6bgrs6Q==} engines: {node: '>=8'} dependencies: - '@sentry/types': 7.80.0 - '@sentry/utils': 7.80.0 + '@sentry/types': 7.81.1 + '@sentry/utils': 7.81.1 dev: true - /@sentry/node@7.80.0: - resolution: {integrity: sha512-J35fqe8J5ac/17ZXT0ML3opYGTOclqYNE9Sybs1y9n6BqacHyzH8By72YrdI03F7JJDHwrcGw+/H8hGpkCwi0Q==} + /@sentry/node@7.81.1: + resolution: {integrity: sha512-bKS3Mb95bar8AUEZSLKQ/RTSfFXo5sCSPNiBr5dDFuVljDFdkLq6NE3svG5bisrbENqfi0bqWsB4GZ7NHRTPbA==} engines: {node: '>=8'} dependencies: - '@sentry-internal/tracing': 7.80.0 - '@sentry/core': 7.80.0 - '@sentry/types': 7.80.0 - '@sentry/utils': 7.80.0 + '@sentry-internal/tracing': 7.81.1 + '@sentry/core': 7.81.1 + '@sentry/types': 7.81.1 + '@sentry/utils': 7.81.1 https-proxy-agent: 5.0.1 transitivePeerDependencies: - supports-color dev: true - /@sentry/types@7.80.0: - resolution: {integrity: sha512-4bpMO+2jWiWLDa8zbTASWWNLWe6yhjfPsa7/6VH5y9x1NGtL8oRbqUsTgsvjF3nmeHEMkHQsC8NHPaQ/ibFmZQ==} + /@sentry/types@7.81.1: + resolution: {integrity: sha512-dvJvGyctiaPMIQqa46k56Re5IODWMDxiHJ1UjBs/WYDLrmWFPGrEbyJ8w8CYLhYA+7qqrCyIZmHbWSTRIxstHw==} engines: {node: '>=8'} dev: true - /@sentry/utils@7.80.0: - resolution: {integrity: sha512-XbBCEl6uLvE50ftKwrEo6XWdDaZXHXu+kkHXTPWQEcnbvfZKLuG9V0Hxtxxq3xQgyWmuF05OH1GcqYqiO+v5Yg==} + /@sentry/utils@7.81.1: + resolution: {integrity: sha512-gq+MDXIirHKxNZ+c9/lVvCXd6y2zaZANujwlFggRH2u9SRiPaIXVilLpvMm4uJqmqBMEcY81ArujExtHvkbCqg==} engines: {node: '>=8'} dependencies: - '@sentry/types': 7.80.0 + '@sentry/types': 7.81.1 dev: true /@sinonjs/commons@2.0.0: @@ -1229,8 +1229,8 @@ packages: resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==} dev: true - /@types/jasmine@3.10.16: - resolution: {integrity: sha512-yta4vvl7W3H6nFPIp6fvd7YCVMgWp3ir8Bv+AGfBll1a5hoKVs9eLcj15Fy9DDn9Yp8fHOjb/YEJd1vWYyE78A==} + /@types/jasmine@3.10.18: + resolution: {integrity: sha512-jOk52a1Kz+1oU5fNWwAcNe64/GsE7r/Q6ronwDox0D3ETo/cr4ICMQyeXrj7G6FPW1n8YjRoAZA2F0XBr6GicQ==} dev: true /@types/linkify-it@3.0.5: @@ -1248,14 +1248,14 @@ packages: resolution: {integrity: sha512-6L6VymKTzYSrEf4Nev4Xa1LCHKrlTlYCBMTlQKFuddo1CvQcE52I0mwfOJayueUC7MJuXOeHTcIU683lzd0cUA==} dev: true - /@types/node@18.18.9: - resolution: {integrity: sha512-0f5klcuImLnG4Qreu9hPj/rEfFq6YRc5n2mAjSsH+ec/mJL+3voBH0+8T7o8RpFjH7ovc+TRsL/c7OYIQsPTfQ==} + /@types/node@18.18.13: + resolution: {integrity: sha512-vXYZGRrSCreZmq1rEjMRLXJhiy8MrIeVasx+PCVlP414N7CJLHnMf+juVvjdprHyH+XRy3zKZLHeNueOpJCn0g==} dependencies: undici-types: 5.26.5 dev: true - /@types/node@20.9.0: - resolution: {integrity: sha512-nekiGu2NDb1BcVofVcEKMIwzlx4NjHlcjhoxxKBNLtz15Y1z7MYf549DFvkHSId02Ax6kGwWntIBPC3l/JZcmw==} + /@types/node@20.10.0: + resolution: {integrity: sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==} dependencies: undici-types: 5.26.5 dev: true @@ -1264,16 +1264,16 @@ packages: resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==} requiresBuild: true dependencies: - '@types/node': 20.9.0 + '@types/node': 20.10.0 dev: true optional: true /@wesbos/code-icons@1.2.4: resolution: {integrity: sha512-ZiU0xf7epnCRrLDQIPnFstzoNWDvcUTtKoDU3VhpjsaGRzVClSmsi39c4kHxIOdfxvg4zwdW+goH96xr/vMTQQ==} dependencies: - '@types/node': 18.18.9 - vite: 4.5.0(@types/node@18.18.9) - vite-plugin-dts: 1.7.3(@types/node@18.18.9)(vite@4.5.0) + '@types/node': 18.18.13 + vite: 4.5.0(@types/node@18.18.13) + vite-plugin-dts: 1.7.3(@types/node@18.18.13)(vite@4.5.0) vscode-icons-js: 11.6.1 transitivePeerDependencies: - less @@ -1471,7 +1471,7 @@ packages: postcss: ^8.1.0 dependencies: browserslist: 4.22.1 - caniuse-lite: 1.0.30001561 + caniuse-lite: 1.0.30001564 fraction.js: 4.3.7 normalize-range: 0.1.2 picocolors: 1.0.0 @@ -1642,8 +1642,8 @@ packages: engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true dependencies: - caniuse-lite: 1.0.30001561 - electron-to-chromium: 1.4.581 + caniuse-lite: 1.0.30001564 + electron-to-chromium: 1.4.594 node-releases: 2.0.13 update-browserslist-db: 1.0.13(browserslist@4.22.1) dev: true @@ -1683,7 +1683,7 @@ packages: istanbul-reports: 3.1.6 rimraf: 3.0.2 test-exclude: 6.0.0 - v8-to-istanbul: 9.1.3 + v8-to-istanbul: 9.2.0 yargs: 17.7.2 yargs-parser: 21.1.1 dev: true @@ -1727,13 +1727,13 @@ packages: resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==} dependencies: browserslist: 4.22.1 - caniuse-lite: 1.0.30001561 + caniuse-lite: 1.0.30001564 lodash.memoize: 4.1.2 lodash.uniq: 4.5.0 dev: true - /caniuse-lite@1.0.30001561: - resolution: {integrity: sha512-NTt0DNoKe958Q0BE0j0c1V9jbUzhBxHIEJy7asmGrpE0yG63KTV7PLHPnK2E1O9RsQrQ081I3NLuXGS6zht3cw==} + /caniuse-lite@1.0.30001564: + resolution: {integrity: sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==} dev: true /caseless@0.12.0: @@ -1749,15 +1749,13 @@ packages: lodash: 4.17.21 dev: true - /chai-dom@1.11.0(chai@4.3.10)(mocha@10.2.0): - resolution: {integrity: sha512-ZzGlEfk1UhHH5+N0t9bDqstOxPEXmn3EyXvtsok5rfXVDOFDJbHVy12rED6ZwkJAUDs2w7/Da4Hlq2LB63kltg==} + /chai-dom@1.12.0(chai@4.3.10): + resolution: {integrity: sha512-pLP8h6IBR8z1AdeQ+EMcJ7dXPdsax/1Q7gdGZjsnAmSBl3/gItQUYSCo32br1qOy4SlcBjvqId7ilAf3uJ2K1w==} engines: {node: '>= 0.12.0'} peerDependencies: chai: '>= 3' - mocha: '>= 2' dependencies: chai: 4.3.10 - mocha: 10.2.0 dev: true /chai@4.3.10: @@ -1891,7 +1889,7 @@ packages: peerDependencies: jsdoc: '>=3.x <=4.x' dependencies: - '@jsdoc/salty': 0.2.5 + '@jsdoc/salty': 0.2.6 fs-extra: 10.1.0 html-minifier-terser: 7.2.0 jsdoc: 4.0.2 @@ -2047,7 +2045,7 @@ packages: execa: 7.2.0 polyfill-library: 4.8.0 semver: 7.5.4 - snyk: 1.1243.0 + snyk: 1.1253.0 yargs: 17.7.2 transitivePeerDependencies: - supports-color @@ -2467,8 +2465,8 @@ packages: dev: true optional: true - /electron-to-chromium@1.4.581: - resolution: {integrity: sha512-6uhqWBIapTJUxgPTCHH9sqdbxIMPt7oXl0VcAL1kOtlU6aECdcMncCrX5Z7sHQ/invtrC9jUQUef7+HhO8vVFw==} + /electron-to-chromium@1.4.594: + resolution: {integrity: sha512-xT1HVAu5xFn7bDfkjGQi9dNpMqGchUkebwf1GL7cZN32NSwwlHRPMSDJ1KN6HkS0bWUtndbSQZqvpQftKG2uFQ==} dev: true /element-internals-polyfill@1.3.9: @@ -2550,34 +2548,34 @@ packages: '@esbuild/win32-x64': 0.18.20 dev: true - /esbuild@0.19.5: - resolution: {integrity: sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==} + /esbuild@0.19.7: + resolution: {integrity: sha512-6brbTZVqxhqgbpqBR5MzErImcpA0SQdoKOkcWK/U30HtQxnokIpG3TX2r0IJqbFUzqLjhU/zC1S5ndgakObVCQ==} engines: {node: '>=12'} hasBin: true requiresBuild: true optionalDependencies: - '@esbuild/android-arm': 0.19.5 - '@esbuild/android-arm64': 0.19.5 - '@esbuild/android-x64': 0.19.5 - '@esbuild/darwin-arm64': 0.19.5 - '@esbuild/darwin-x64': 0.19.5 - '@esbuild/freebsd-arm64': 0.19.5 - '@esbuild/freebsd-x64': 0.19.5 - '@esbuild/linux-arm': 0.19.5 - '@esbuild/linux-arm64': 0.19.5 - '@esbuild/linux-ia32': 0.19.5 - '@esbuild/linux-loong64': 0.19.5 - '@esbuild/linux-mips64el': 0.19.5 - '@esbuild/linux-ppc64': 0.19.5 - '@esbuild/linux-riscv64': 0.19.5 - '@esbuild/linux-s390x': 0.19.5 - '@esbuild/linux-x64': 0.19.5 - '@esbuild/netbsd-x64': 0.19.5 - '@esbuild/openbsd-x64': 0.19.5 - '@esbuild/sunos-x64': 0.19.5 - '@esbuild/win32-arm64': 0.19.5 - '@esbuild/win32-ia32': 0.19.5 - '@esbuild/win32-x64': 0.19.5 + '@esbuild/android-arm': 0.19.7 + '@esbuild/android-arm64': 0.19.7 + '@esbuild/android-x64': 0.19.7 + '@esbuild/darwin-arm64': 0.19.7 + '@esbuild/darwin-x64': 0.19.7 + '@esbuild/freebsd-arm64': 0.19.7 + '@esbuild/freebsd-x64': 0.19.7 + '@esbuild/linux-arm': 0.19.7 + '@esbuild/linux-arm64': 0.19.7 + '@esbuild/linux-ia32': 0.19.7 + '@esbuild/linux-loong64': 0.19.7 + '@esbuild/linux-mips64el': 0.19.7 + '@esbuild/linux-ppc64': 0.19.7 + '@esbuild/linux-riscv64': 0.19.7 + '@esbuild/linux-s390x': 0.19.7 + '@esbuild/linux-x64': 0.19.7 + '@esbuild/netbsd-x64': 0.19.7 + '@esbuild/openbsd-x64': 0.19.7 + '@esbuild/sunos-x64': 0.19.7 + '@esbuild/win32-arm64': 0.19.7 + '@esbuild/win32-ia32': 0.19.7 + '@esbuild/win32-x64': 0.19.7 dev: true /escalade@3.1.1: @@ -3647,8 +3645,8 @@ packages: engines: {node: '>=12.0.0'} hasBin: true dependencies: - '@babel/parser': 7.23.3 - '@jsdoc/salty': 0.2.5 + '@babel/parser': 7.23.4 + '@jsdoc/salty': 0.2.6 '@types/markdown-it': 12.2.3 bluebird: 3.7.2 catharsis: 0.9.0 @@ -3861,6 +3859,11 @@ packages: engines: {node: '>=10'} dev: true + /lilconfig@3.0.0: + resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==} + engines: {node: '>=14'} + dev: true + /lines-and-columns@1.2.4: resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==} dev: true @@ -3981,11 +3984,9 @@ packages: tslib: 2.6.2 dev: true - /lru-cache@10.0.2: - resolution: {integrity: sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg==} + /lru-cache@10.1.0: + resolution: {integrity: sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==} engines: {node: 14 || >=16.14} - dependencies: - semver: 7.5.4 dev: true /lru-cache@5.1.1: @@ -4461,7 +4462,7 @@ packages: resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==} engines: {node: '>=8'} dependencies: - '@babel/code-frame': 7.22.13 + '@babel/code-frame': 7.23.4 error-ex: 1.3.2 json-parse-even-better-errors: 2.3.1 lines-and-columns: 1.2.4 @@ -4476,7 +4477,7 @@ packages: /parse5@3.0.3: resolution: {integrity: sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==} dependencies: - '@types/node': 20.9.0 + '@types/node': 20.10.0 dev: true /parse5@7.1.2: @@ -4529,7 +4530,7 @@ packages: resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==} engines: {node: '>=16 || 14 >=14.17'} dependencies: - lru-cache: 10.0.2 + lru-cache: 10.1.0 minipass: 7.0.4 dev: true @@ -4705,8 +4706,8 @@ packages: postcss: 8.4.31 dev: true - /postcss-load-config@4.0.1(postcss@8.4.31): - resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==} + /postcss-load-config@4.0.2(postcss@8.4.31): + resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==} engines: {node: '>= 14'} peerDependencies: postcss: '>=8.0.9' @@ -4717,7 +4718,7 @@ packages: ts-node: optional: true dependencies: - lilconfig: 2.1.0 + lilconfig: 3.0.0 postcss: 8.4.31 yaml: 2.3.4 dev: true @@ -5014,7 +5015,7 @@ packages: dependencies: postcss: 8.4.31 postcss-value-parser: 4.2.0 - svgo: 3.0.3 + svgo: 3.0.4 dev: true /postcss-unique-selectors@6.0.0(postcss@8.4.31): @@ -5119,9 +5120,9 @@ packages: engines: {node: '>=6'} dev: true - /puppeteer-core@21.5.1: - resolution: {integrity: sha512-u6c3SZKAOaOQogaTkQvllxT/o2PP16wkbrUWINtMhfvrB4ko+xwqC1pb+vyCPMmNUh3N/CX5YGqb3DWx2fUPSQ==} - engines: {node: '>=16.3.0'} + /puppeteer-core@21.5.2: + resolution: {integrity: sha512-v4T0cWnujSKs+iEfmb8ccd7u4/x8oblEyKqplqKnJ582Kw8PewYAWvkH4qUWhitN3O2q9RF7dzkvjyK5HbzjLA==} + engines: {node: '>=16.13.2'} dependencies: '@puppeteer/browsers': 1.8.0 chromium-bidi: 0.4.33(devtools-protocol@0.0.1203626) @@ -5136,14 +5137,14 @@ packages: - utf-8-validate dev: true - /puppeteer@21.5.1: - resolution: {integrity: sha512-NkI06BXckVZeZUkODK+BbgGelQSu7uYEp9PaJDozxpwNRFDYoVfHQvd2G4dERoLdP6+qx4EBPwEhk4dEkQc2Kg==} - engines: {node: '>=16.3.0'} + /puppeteer@21.5.2: + resolution: {integrity: sha512-BaAGJOq8Fl6/cck6obmwaNLksuY0Bg/lIahCLhJPGXBFUD2mCffypa4A592MaWnDcye7eaHmSK9yot0pxctY8A==} + engines: {node: '>=16.13.2'} requiresBuild: true dependencies: '@puppeteer/browsers': 1.8.0 cosmiconfig: 8.3.6 - puppeteer-core: 21.5.1 + puppeteer-core: 21.5.2 transitivePeerDependencies: - bufferutil - encoding @@ -5515,13 +5516,13 @@ packages: engines: {node: '>= 6.0.0', npm: '>= 3.0.0'} dev: true - /snyk@1.1243.0: - resolution: {integrity: sha512-6//wRnkyzwO3+Pc0uFrB9fDV0fEBsv78WzU2YcYB4wJ9wL12UP32r8qzGB4DpZJdpnYNQ/k+JeohnGFNON5j7w==} + /snyk@1.1253.0: + resolution: {integrity: sha512-M7eqX0v+KoALmTpXA2NYmSjHGKqLEHC8jNmVaEi54tlXNOKTJDMK17WbPA61Me9tlxFKzztkPyM+Y5ys5wg+vA==} engines: {node: '>=12'} hasBin: true requiresBuild: true dependencies: - '@sentry/node': 7.80.0 + '@sentry/node': 7.81.1 global-agent: 3.0.0 transitivePeerDependencies: - supports-color @@ -5605,8 +5606,8 @@ packages: promise-polyfill: 1.1.6 dev: true - /streamx@2.15.4: - resolution: {integrity: sha512-uSXKl88bibiUCQ1eMpItRljCzDENcDx18rsfDmV79r0e/ThfrAwxG4Y2FarQZ2G4/21xcOKmFFd1Hue+ZIDwHw==} + /streamx@2.15.5: + resolution: {integrity: sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==} dependencies: fast-fifo: 1.3.2 queue-tick: 1.0.1 @@ -5756,8 +5757,8 @@ packages: engines: {node: '>= 0.4'} dev: true - /svgo@3.0.3: - resolution: {integrity: sha512-X4UZvLhOglD5Xrp834HzGHf8RKUW0Ahigg/08yRO1no9t2NxffOkMiQ0WmaMIbaGlVTlSst2zWANsdhz5ybXgA==} + /svgo@3.0.4: + resolution: {integrity: sha512-T+Xul3JwuJ6VGXKo/p2ndqx1ibxNKnLTvRc1ZTWKCfyKS/GgNjRZcYsK84fxTsy/izr91g/Rwx6fGnVgaFSI5g==} engines: {node: '>=14.0.0'} hasBin: true dependencies: @@ -5765,6 +5766,7 @@ packages: commander: 7.2.0 css-select: 5.1.0 css-tree: 2.3.1 + css-what: 6.1.0 csso: 5.0.5 picocolors: 1.0.0 dev: true @@ -5794,7 +5796,7 @@ packages: dependencies: b4a: 1.6.4 fast-fifo: 1.3.2 - streamx: 2.15.4 + streamx: 2.15.5 dev: true /temp@0.4.0: @@ -6037,8 +6039,8 @@ packages: dev: true optional: true - /v8-to-istanbul@9.1.3: - resolution: {integrity: sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==} + /v8-to-istanbul@9.2.0: + resolution: {integrity: sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==} engines: {node: '>=10.12.0'} dependencies: '@jridgewell/trace-mapping': 0.3.20 @@ -6066,21 +6068,21 @@ packages: resolution: {integrity: sha512-Bww2Xd5tOGsZ1yZ9rQiGneryvsL1u86znPrqeQjCsXPsG72pnSdV5lcQA+cy8UNDguMqyTJiCevlNUbLnT85UA==} dev: true - /vite-plugin-dts@1.7.3(@types/node@18.18.9)(vite@4.5.0): + /vite-plugin-dts@1.7.3(@types/node@18.18.13)(vite@4.5.0): resolution: {integrity: sha512-u3t45p6fTbzUPMkwYe0ESwuUeiRMlwdPfD3dRyDKUwLe2WmEYcFyVp2o9/ke2EMrM51lQcmNWdV9eLcgjD1/ng==} engines: {node: ^14.18.0 || >=16.0.0} peerDependencies: vite: '>=2.9.0' dependencies: - '@microsoft/api-extractor': 7.38.3(@types/node@18.18.9) + '@microsoft/api-extractor': 7.38.3(@types/node@18.18.13) '@rollup/pluginutils': 5.0.5 - '@rushstack/node-core-library': 3.61.0(@types/node@18.18.9) + '@rushstack/node-core-library': 3.61.0(@types/node@18.18.13) debug: 4.3.4(supports-color@8.1.1) fast-glob: 3.3.2 fs-extra: 10.1.0 kolorist: 1.8.0 ts-morph: 17.0.1 - vite: 4.5.0(@types/node@18.18.9) + vite: 4.5.0(@types/node@18.18.13) transitivePeerDependencies: - '@types/node' - rollup @@ -6091,8 +6093,8 @@ packages: resolution: {integrity: sha512-67Abh1X9rhJq7u9Hxq9CJznM0acAPynvumkQ33wzvigW1aaPfsHNNMnhArABYryXnqASlmiZHpbhYOtDI9KfYw==} dependencies: '@wesbos/code-icons': 1.2.4 - vite: 4.5.0(@types/node@18.18.9) - vite-plugin-dts: 1.7.3(@types/node@18.18.9)(vite@4.5.0) + vite: 4.5.0(@types/node@18.18.13) + vite-plugin-dts: 1.7.3(@types/node@18.18.13)(vite@4.5.0) vscode-icons-js: 11.6.1 transitivePeerDependencies: - '@types/node' @@ -6112,10 +6114,10 @@ packages: vite: '*' dependencies: html-minifier-terser: 6.1.0 - vite: 4.5.0(@types/node@18.18.9) + vite: 4.5.0(@types/node@18.18.13) dev: true - /vite@4.5.0(@types/node@18.18.9): + /vite@4.5.0(@types/node@18.18.13): resolution: {integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==} engines: {node: ^14.18.0 || >=16.0.0} hasBin: true @@ -6143,7 +6145,7 @@ packages: terser: optional: true dependencies: - '@types/node': 18.18.9 + '@types/node': 18.18.13 esbuild: 0.18.20 postcss: 8.4.31 rollup: 3.29.4 @@ -6154,7 +6156,7 @@ packages: /vscode-icons-js@11.6.1: resolution: {integrity: sha512-rht18IFYv117UlqBn6o9j258SOtwhDBmtVrGwdoLPpSj6Z5LKQIzarQDd/tCRWneU68KEX25+nsh48tAoknKNw==} dependencies: - '@types/jasmine': 3.10.16 + '@types/jasmine': 3.10.18 dev: true /w3c-xmlserializer@4.0.0: diff --git a/source/components/datatable/datasource/rest.mjs b/source/components/datatable/datasource/rest.mjs index f797018e41d2adcc487032ff24ca90fc14534e6c..7c8353ad4af4af7f12eecc8b7932a5500b81d744 100644 --- a/source/components/datatable/datasource/rest.mjs +++ b/source/components/datatable/datasource/rest.mjs @@ -3,25 +3,25 @@ * SPDX-License-Identifier: AGPL-3.0 */ -import { addAttributeToken } from "../../../dom/attributes.mjs"; -import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs"; -import { Datasource, dataSourceSymbol } from "../datasource.mjs"; -import { DatasourceStyleSheet } from "../stylesheet/datasource.mjs"; -import { instanceSymbol } from "../../../constants.mjs"; +import {addAttributeToken} from "../../../dom/attributes.mjs"; +import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs"; +import {Datasource, dataSourceSymbol} from "../datasource.mjs"; +import {DatasourceStyleSheet} from "../stylesheet/datasource.mjs"; +import {instanceSymbol} from "../../../constants.mjs"; import { - assembleMethodSymbol, - registerCustomElement, + assembleMethodSymbol, + registerCustomElement, } from "../../../dom/customelement.mjs"; -import { RestAPI } from "../../../data/datasource/server/restapi.mjs"; -import { Formatter } from "../../../text/formatter.mjs"; -import { clone } from "../../../util/clone.mjs"; -import { validateBoolean } from "../../../types/validate.mjs"; -import { findElementWithIdUpwards } from "../../../dom/util.mjs"; -import { Observer } from "../../../types/observer.mjs"; -import { Pathfinder } from "../../../data/pathfinder.mjs"; -import { fireCustomEvent } from "../../../dom/events.mjs"; +import {RestAPI} from "../../../data/datasource/server/restapi.mjs"; +import {Formatter} from "../../../text/formatter.mjs"; +import {clone} from "../../../util/clone.mjs"; +import {validateBoolean} from "../../../types/validate.mjs"; +import {findElementWithIdUpwards} from "../../../dom/util.mjs"; +import {Observer} from "../../../types/observer.mjs"; +import {Pathfinder} from "../../../data/pathfinder.mjs"; +import {fireCustomEvent} from "../../../dom/events.mjs"; -export { Rest }; +export {Rest}; /** * @private @@ -34,7 +34,7 @@ const intersectionObserverHandlerSymbol = Symbol("intersectionObserverHandler"); * @type {symbol} */ const intersectionObserverObserverSymbol = Symbol( - "intersectionObserverObserver", + "intersectionObserverObserver", ); /** @@ -63,322 +63,371 @@ const filterObserverSymbol = Symbol("filterObserver"); * @summary A rest api datasource */ class Rest extends Datasource { - /** - * the constructor of the class - */ - constructor() { - super(); - this[dataSourceSymbol] = new RestAPI(); - } - - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/monster/components/datasource/rest@@instance"); - } - - /** - * To set the options via the html tag the attribute `data-monster-options` must be used. - * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} - * - * The individual configuration values can be found in the table. - * - * @property {Object} templates Template definitions - * @property {string} templates.main Main template - * @property {Object} features Feature definitions - * @property {boolean} features.autoInit If true, the component is initialized automatically - * @property {Object} read Read configuration - * @property {string} read.url The url of the rest api - * @property {string} read.method The method of the rest api - * @property {Object} read.parameters The parameters of the rest api - * @property {Object} read.parameters.filter The filter of the rest api - * @property {Object} read.parameters.orderBy The order by of the rest api - * @property {Object} read.parameters.page The page of the rest api - * @property {Object} write Write configuration - */ - get defaults() { - const restOptions = new RestAPI().defaults; - - restOptions.read.parameters = { - filter: undefined, - oderBy: undefined, - page: "1", - }; - - return Object.assign({}, super.defaults, restOptions, { - templates: { - main: getTemplate(), - }, - - features: { - autoInit: true, - filter: false, - }, - - autoInit: { - intersectionObserver: false, - oneTime: true, - }, - - filter: { - id: undefined, - }, - - response: { - errorMessagePath: "sys.message", - }, - }); - } - - /** - * - * @param {string} page - * @param {string} query - * @param {string} orderBy - * @returns {Monster.Components.Datatable.Datasource.Rest} - */ - setParameters({ page, query, orderBy }) { - const parameters = this.getOption("read.parameters"); - if (query !== undefined) { - parameters.query = `${query}`; - parameters.page = "1"; - } - - // after a query the page is set to 1, so if the page is not set, it is set to 1 - if (page !== undefined) parameters.page = `${page}`; - if (orderBy !== undefined) parameters.order = `${orderBy}`; - this.setOption("read.parameters", parameters); - return this; - } - - /** - * - * @return {Monster.Components.Form.Form} - */ - [assembleMethodSymbol]() { - super[assembleMethodSymbol](); - - initEventHandler.call(this); - initAutoInit.call(this); - } - - /** - * @deprecated 2023-06-25 - * @returns {Promise<never>|*} - */ - reload() { - return this.fetch(); - } - - /** - * Fetches the data from the rest api - * @returns {Promise<never>|*} - */ - fetch() { - const opt = clone(this.getOption("read")); - this[dataSourceSymbol].setOption("read", opt); - - let url = this.getOption("read.url"); - const formatter = new Formatter(this.getOption("read.parameters")); - - if (!url) { - return Promise.reject(new Error("No url defined")); - } - - url = formatter.format(url); - - this[dataSourceSymbol].setOption("read.url", url); - return this[dataSourceSymbol].read(); - } - - /** - * - * @return {CSSStyleSheet[]} - */ - static getCSSStyleSheet() { - return [DatasourceStyleSheet]; - } - - /** - * @private - * @return {string} - */ - static getTag() { - return "monster-datasource-rest"; - } - - /** - * This method activates the intersection observer manually. - * For this purpose, the option `autoInit.intersectionObserver` must be set to `false`. - * - * @returns {Monster.Components.Datatable.Datasource.Rest} - */ - initIntersectionObserver() { - initIntersectionObserver.call(this); - return this; - } - - /** - * @private - */ - connectedCallback() { - super.connectedCallback(); - - setTimeout(() => { - if (this.getOption("features.filter", false) === true) { - initFilter.call(this); - } - }, 0); - } - - /** - * @private - */ - disconnectedCallback() { - super.disconnectedCallback(); - removeFilter.call(this); - } + /** + * the constructor of the class + */ + constructor() { + super(); + this[dataSourceSymbol] = new RestAPI(); + } + + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/datasource/rest@@instance"); + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates Template definitions + * @property {string} templates.main Main template + * @property {Object} features Feature definitions + * @property {boolean} features.autoInit If true, the component is initialized automatically + * @property {boolean} features.filter If true, the component is initialized automatically + * @property {Object} autoInit Auto init definitions + * @property {boolean} autoInit.intersectionObserver If true, the intersection observer is initialized automatically + * @property {boolean} autoInit.oneTime If true, the intersection observer is initialized only once + * @property {Object} filter Filter definitions + * @property {string} filter.id The id of the filter control + * @property {Object} datatable Datatable definitions + * @property {string} datatable.id The id of the datatable control + * @property {Object} response Response definitions + * @property {string} response.errorMessagePath The path to the error message in the response + * @property {Object} read Read configuration + * @property {string} read.url The url of the rest api + * @property {string} read.method The method of the rest api + * @property {Object} read.parameters The parameters of the rest api + * @property {Object} read.parameters.filter The filter of the rest api + * @property {Object} read.parameters.orderBy The order by of the rest api + * @property {Object} read.parameters.page The page of the rest api + * @property {Object} write Write configuration + + */ + get defaults() { + const restOptions = new RestAPI().defaults; + + restOptions.read.parameters = { + filter: undefined, + oderBy: undefined, + page: "1", + }; + + return Object.assign({}, super.defaults, restOptions, { + templates: { + main: getTemplate(), + }, + + features: { + autoInit: true, + filter: false, + }, + + autoInit: { + intersectionObserver: false, + oneTime: true, + }, + + filter: { + id: undefined, + }, + + datatable: { + id: undefined, + }, + + response: { + errorMessagePath: "sys.message", + }, + }); + } + + /** + * + * @param {string} page + * @param {string} query + * @param {string} orderBy + * @returns {Monster.Components.Datatable.Datasource.Rest} + */ + setParameters({page, query, orderBy}) { + const parameters = this.getOption("read.parameters"); + if (query !== undefined) { + parameters.query = `${query}`; + parameters.page = "1"; + } + + // after a query the page is set to 1, so if the page is not set, it is set to 1 + if (page !== undefined) parameters.page = `${page}`; + if (orderBy !== undefined) parameters.order = `${orderBy}`; + this.setOption("read.parameters", parameters); + return this; + } + + /** + * + * @return {Monster.Components.Form.Form} + */ + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + + initEventHandler.call(this); + initAutoInit.call(this); + } + + /** + * @deprecated 2023-06-25 + * @returns {Promise<never>|*} + */ + reload() { + return this.fetch(); + } + + /** + * Fetches the data from the rest api + * @returns {Promise<never>|*} + */ + fetch() { + const self = this; + const opt = clone(this.getOption("read")); + this[dataSourceSymbol].setOption("read", opt); + + let url = this.getOption("read.url"); + const formatter = new Formatter(this.getOption("read.parameters")); + + if (!url) { + return Promise.reject(new Error("No url defined")); + } + + url = formatter.format(url); + + this[dataSourceSymbol].setOption("read.url", url); + + return new Promise((resolve, reject) => { + + fireCustomEvent(self, "monster-datasource-fetch", { + datasource: self, + }); + + setTimeout(() => { + self[dataSourceSymbol].read().then((response) => { + fireCustomEvent(self, "monster-datasource-fetched", { + datasource: self, + }); + + resolve(response); + + }) + .catch((error) => { + fireCustomEvent(self, "monster-datasource-error", { + error: error, + }); + + addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, error.toString()); + reject(error); + + }); + },0); + + }); + + + } + + /** + * + * @return {CSSStyleSheet[]} + */ + static getCSSStyleSheet() { + return [DatasourceStyleSheet]; + } + + /** + * @private + * @return {string} + */ + static getTag() { + return "monster-datasource-rest"; + } + + /** + * This method activates the intersection observer manually. + * For this purpose, the option `autoInit.intersectionObserver` must be set to `false`. + * + * @returns {Monster.Components.Datatable.Datasource.Rest} + */ + initIntersectionObserver() { + initIntersectionObserver.call(this); + return this; + } + + /** + * @private + */ + connectedCallback() { + super.connectedCallback(); + + setTimeout(() => { + if (this.getOption("features.filter", false) === true) { + initFilter.call(this); + } + }, 0); + } + + /** + * @private + */ + disconnectedCallback() { + super.disconnectedCallback(); + removeFilter.call(this); + } } /** * @private */ function removeFilter() { - const filterID = this.getOption("filter.id", undefined); - if (!filterID) return; + const filterID = this.getOption("filter.id", undefined); + if (!filterID) return; - const filterControl = findElementWithIdUpwards(this, filterID); + const filterControl = findElementWithIdUpwards(this, filterID); - if (filterControl && this[filterObserverSymbol]) { - filterControl?.detachObserver(this[filterObserverSymbol]); - } + if (filterControl && this[filterObserverSymbol]) { + filterControl?.detachObserver(this[filterObserverSymbol]); + } } + /** * @private */ function initFilter() { - const filterID = this.getOption("filter.id", undefined); - - if (!filterID) - throw new Error("filter feature is enabled but no filter id is defined"); - - const filterControl = findElementWithIdUpwards(this, filterID); - if (!filterControl) - throw new Error( - "filter feature is enabled but no filter control with id " + - filterID + - " is found", - ); - - this[filterObserverSymbol] = new Observer(() => { - const query = filterControl.getOption("query", undefined); - this.setParameters({ query: query }); - this.fetch() - .then(() => { - this.dispatchEvent(new CustomEvent("reload", { bubbles: true })); - filterControl?.showSuccess(); - }) - .catch((e) => { - this.dispatchEvent( - new CustomEvent("error", { bubbles: true, detail: e }), - ); - - const response = e?.getResponse(); - if (response && response.status === 400) { - response - .json() - .then((json) => { - const path = new Pathfinder(json); - const error = path.getVia( - this.getOption("response.errorMessagePath"), - ); - if (error) { - filterControl?.showFailureMessage(error); - return; - } - - filterControl?.showFailureMessage(e.message); - }) - .catch((e) => { - filterControl?.showFailureMessage(e.message); - }); - } else { - filterControl?.showFailureMessage(e.message); - } - }); - }); - - filterControl.attachObserver(this[filterObserverSymbol]); + const filterID = this.getOption("filter.id", undefined); + + if (!filterID) + throw new Error("filter feature is enabled but no filter id is defined"); + + const filterControl = findElementWithIdUpwards(this, filterID); + if (!filterControl) + throw new Error( + "filter feature is enabled but no filter control with id " + + filterID + + " is found", + ); + + this[filterObserverSymbol] = new Observer(() => { + + const query = filterControl.getOption("query", undefined); + this.setParameters({query: query}); + this.fetch() + .then((response) => { + + if(!(response instanceof Response) ){ + throw new Error("Response is not an instance of Response"); + } + + if (response?.ok === true) { + this.dispatchEvent(new CustomEvent("reload", {bubbles: true})); + filterControl?.showSuccess(); + } + + response + .json() + .then((json) => { + const path = new Pathfinder(json); + const error = path.getVia( + this.getOption("response.errorMessagePath"), + ); + if (error) { + filterControl?.showFailureMessage(error); + return; + } + + filterControl?.showFailureMessage(e.message); + }) + .catch((e) => { + filterControl?.showFailureMessage(e.message); + }); + + + }) + .catch((e) => { + this.dispatchEvent( + new CustomEvent("error", {bubbles: true, detail: e}), + ); + + if (!(e instanceof Error)) { + e = new Error(e); + } + + filterControl?.showFailureMessage(e.message); + return Promise.reject(e); + + }); + }); + + filterControl.attachObserver(this[filterObserverSymbol]); } /** * @private */ function initAutoInit() { - const autoInit = this.getOption("features.autoInit"); - validateBoolean(autoInit); - - if (autoInit !== true) return; - - if (this.getOption("autoInit.intersectionObserver") === true) { - initIntersectionObserver.call(this); - return; - } - - setTimeout(() => { - this.fetch() - .then(() => { - fireCustomEvent(this, "monster-datasource-fetched", { - datasource: this, - }); - }) - .catch((error) => { - fireCustomEvent(this, "monster-datasource-error", { - error: error, - }); - - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - }); - }, 0); + const autoInit = this.getOption("features.autoInit"); + validateBoolean(autoInit); + + if (autoInit !== true) return; + + if (this.getOption("autoInit.intersectionObserver") === true) { + initIntersectionObserver.call(this); + return; + } + + setTimeout(() => { + this.fetch().catch(() => { + + }); + }, 0); } function initEventHandler() { - this[intersectionObserverHandlerSymbol] = (entries) => { - entries.forEach((entry) => { - if (entry.isIntersecting) { - if (entry.intersectionRatio > 0) { - this.fetch(); - } - - // only load once - if ( - this.getOption("autoInit.oneTime") === true && - this[intersectionObserverObserverSymbol] !== undefined - ) { - this[intersectionObserverObserverSymbol].unobserve(this); - } - } - }); - }; + this[intersectionObserverHandlerSymbol] = (entries) => { + entries.forEach((entry) => { + if (entry.isIntersecting) { + if (entry.intersectionRatio > 0) { + this.fetch(); + } + + // only load once + if ( + this.getOption("autoInit.oneTime") === true && + this[intersectionObserverObserverSymbol] !== undefined + ) { + this[intersectionObserverObserverSymbol].unobserve(this); + } + } + }); + }; } function initIntersectionObserver() { - this.classList.add("intersection-observer"); - - const options = { - root: null, - rootMargin: "0px", - threshold: 0.1, - }; - - this[intersectionObserverObserverSymbol] = new IntersectionObserver( - this[intersectionObserverHandlerSymbol], - options, - ); - this[intersectionObserverObserverSymbol].observe(this); + this.classList.add("intersection-observer"); + + const options = { + root: null, + rootMargin: "0px", + threshold: 0.1, + }; + + this[intersectionObserverObserverSymbol] = new IntersectionObserver( + this[intersectionObserverHandlerSymbol], + options, + ); + this[intersectionObserverObserverSymbol].observe(this); } /** @@ -386,8 +435,8 @@ function initIntersectionObserver() { * @return {string} */ function getTemplate() { - // language=HTML - return ` + // language=HTML + return ` <slot></slot>`; } diff --git a/source/components/datatable/datatable.mjs b/source/components/datatable/datatable.mjs index 152c3953c560df95b9d96104155918a8608de501..9c455f7d0014b7ca521658e4d6433ff7b8a79027 100644 --- a/source/components/datatable/datatable.mjs +++ b/source/components/datatable/datatable.mjs @@ -3,62 +3,63 @@ * SPDX-License-Identifier: AGPL-3.0 */ -import { Datasource } from "./datasource.mjs"; +import {Datasource} from "./datasource.mjs"; import { - assembleMethodSymbol, - CustomElement, - registerCustomElement, - getSlottedElements, + assembleMethodSymbol, + CustomElement, + registerCustomElement, + getSlottedElements, } from "../../dom/customelement.mjs"; -import { findTargetElementFromEvent } from "../../dom/events.mjs"; +import {findTargetElementFromEvent} from "../../dom/events.mjs"; import { - isString, - isFunction, - isInstance, - isObject, - isArray, + isString, + isFunction, + isInstance, + isObject, + isArray, } from "../../types/is.mjs"; -import { Observer } from "../../types/observer.mjs"; +import {Observer} from "../../types/observer.mjs"; import { - ATTRIBUTE_DATATABLE_HEAD, - ATTRIBUTE_DATATABLE_GRID_TEMPLATE, - ATTRIBUTE_DATASOURCE_SELECTOR, - ATTRIBUTE_DATATABLE_ALIGN, - ATTRIBUTE_DATATABLE_SORTABLE, - ATTRIBUTE_DATATABLE_MODE, - ATTRIBUTE_DATATABLE_INDEX, - ATTRIBUTE_DATATABLE_MODE_HIDDEN, - ATTRIBUTE_DATATABLE_MODE_VISIBLE, - ATTRIBUTE_DATATABLE_RESPONSIVE_BREAKPOINT, - ATTRIBUTE_DATATABLE_MODE_FIXED, + ATTRIBUTE_DATATABLE_HEAD, + ATTRIBUTE_DATATABLE_GRID_TEMPLATE, + ATTRIBUTE_DATASOURCE_SELECTOR, + ATTRIBUTE_DATATABLE_ALIGN, + ATTRIBUTE_DATATABLE_SORTABLE, + ATTRIBUTE_DATATABLE_MODE, + ATTRIBUTE_DATATABLE_INDEX, + ATTRIBUTE_DATATABLE_MODE_HIDDEN, + ATTRIBUTE_DATATABLE_MODE_VISIBLE, + ATTRIBUTE_DATATABLE_RESPONSIVE_BREAKPOINT, + ATTRIBUTE_DATATABLE_MODE_FIXED, } from "./constants.mjs"; -import { instanceSymbol } from "../../constants.mjs"; +import {instanceSymbol} from "../../constants.mjs"; import { - Header, - createOrderStatement, - DIRECTION_ASC, - DIRECTION_DESC, - DIRECTION_NONE, + Header, + createOrderStatement, + DIRECTION_ASC, + DIRECTION_DESC, + DIRECTION_NONE, } from "./datatable/header.mjs"; -import { DatatableStyleSheet } from "./stylesheet/datatable.mjs"; +import {getStoredFilterConfigKey} from "./filter/util.mjs"; +import {DatatableStyleSheet} from "./stylesheet/datatable.mjs"; import { - handleDataSourceChanges, - datasourceLinkedElementSymbol, + handleDataSourceChanges, + datasourceLinkedElementSymbol, } from "./util.mjs"; import "./columnbar.mjs"; import "./filter-button.mjs"; -import { getDocument, getWindow } from "../../dom/util.mjs"; -import { addAttributeToken } from "../../dom/attributes.mjs"; -import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs"; -import { getDocumentTranslations } from "../../i18n/translations.mjs"; +import {getDocument, getWindow} from "../../dom/util.mjs"; +import {addAttributeToken} from "../../dom/attributes.mjs"; +import {ATTRIBUTE_ERRORMESSAGE} from "../../dom/constants.mjs"; +import {getDocumentTranslations} from "../../i18n/translations.mjs"; import "../state/state.mjs"; import "../host/collapse.mjs"; -import { generateUniqueConfigKey } from "../host/util.mjs"; +import {generateUniqueConfigKey} from "../host/util.mjs"; import "./datasource/dom.mjs"; import "./datasource/rest.mjs"; -export { DataTable }; +export {DataTable}; /** * @private @@ -119,192 +120,210 @@ const columnBarElementSymbol = Symbol("columnBarElement"); * @summary A data table */ class DataTable extends CustomElement { - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/monster/components/datatable@@instance"); - } - - /** - * To set the options via the html tag the attribute `data-monster-options` must be used. - * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} - * - * The individual configuration values can be found in the table. - * - * @property {Object} templates Template definitions - * @property {string} templates.main Main template - * @property {Object} datasource Datasource configuration - * @property {string} datasource.selector Selector for the datasource - * @property {Object} mapping Mapping configuration - * @property {string} mapping.data Data mapping - * @property {Array} data Data - * @property {Array} headers Headers - * @property {Object} responsive Responsive configuration - * @property {number} responsive.breakpoint Breakpoint for responsive mode - * @property {Object} labels Labels - * @property {string} labels.theListContainsNoEntries Label for empty state - * @property {Object} features Features - * @property {boolean} features.settings Settings feature - * @property {boolean} features.footer Footer feature - * @property {boolean} features.autoInit Auto init feature (init datasource automatically) - * @property {Object} templateMapping Template mapping - * @property {string} templateMapping.row-key Row key - * @property {string} templateMapping.filter-id Filter id - **/ - get defaults() { - return Object.assign( - {}, - super.defaults, - { - templates: { - main: getTemplate(), - emptyState: getEmptyTemplate(), - }, - - datasource: { - selector: null, - }, - - mapping: { - data: "dataset", - }, - - data: [], - headers: [], - - responsive: { - breakpoint: 800, - }, - - labels: { - theListContainsNoEntries: "The list contains no entries", - }, - - features: { - settings: true, - footer: true, - autoInit: true, - }, - - templateMapping: { - "row-key": null, - "filter-id": null, - }, - }, - initOptionsFromArguments.call(this), - ); - } - - /** - * - * @param {string} selector - * @returns {NodeListOf<*>} - */ - getGridElements(selector) { - return this[gridElementSymbol].querySelectorAll(selector); - } - - /** - * - * @return {string} - */ - static getTag() { - return "monster-datatable"; - } - - /** - * - * @return {Monster.Components.Form.Form} - */ - [assembleMethodSymbol]() { - const rawKey = this.getOption("templateMapping.row-key"); - - if (rawKey === null) { - if (this.id !== null && this.id !== "") { - const rawKey = this.getOption("templateMapping.row-key"); - if (rawKey === null) { - this.setOption("templateMapping.row-key", this.id + "-row"); - } - } else { - this.setOption("templateMapping.row-key", "row"); - } - } - - if (this.id !== null && this.id !== "") { - this.setOption("templateMapping.filter-id", "" + this.id + "-filter"); - } else { - this.setOption("templateMapping.filter-id", "filter"); - } - - super[assembleMethodSymbol](); - - initControlReferences.call(this); - initEventHandler.call(this); - - const selector = this.getOption("datasource.selector"); - - if (isString(selector)) { - const elements = document.querySelectorAll(selector); - if (elements.length !== 1) { - throw new Error("the selector must match exactly one element"); - } - - const element = elements[0]; - - if (!isInstance(element, Datasource)) { - throw new TypeError("the element must be a datasource"); - } - - this[datasourceLinkedElementSymbol] = element; - - setTimeout(() => { - handleDataSourceChanges.call(this); - element.datasource.attachObserver( - new Observer(handleDataSourceChanges.bind(this)), - ); - }, 0); - } - - getHostConfig - .call(this, getColumnVisibilityConfigKey) - .then((config) => { - try { - initGridAndStructs.call(this, config); - } catch (error) { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - } - - updateColumnBar.call(this); - }) - .catch((error) => { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - }); - - getHostConfig - .call(this, getFilterConfigKey) - .then((config) => { - try { - // initGridAndStructs.call(self, config); - } catch (error) { - // addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, String(error)); - } - - //updateColumnBar.call(self); - }) - .catch((error) => { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - }); - } - - /** - * - * @return {CSSStyleSheet[]} - */ - static getCSSStyleSheet() { - return [DatatableStyleSheet]; - } + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/datatable@@instance"); + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates Template definitions + * @property {string} templates.main Main template + * @property {Object} datasource Datasource configuration + * @property {string} datasource.selector Selector for the datasource + * @property {Object} mapping Mapping configuration + * @property {string} mapping.data Data mapping + * @property {Array} data Data + * @property {Array} headers Headers + * @property {Object} responsive Responsive configuration + * @property {number} responsive.breakpoint Breakpoint for responsive mode + * @property {Object} labels Labels + * @property {string} labels.theListContainsNoEntries Label for empty state + * @property {Object} features Features + * @property {boolean} features.settings Settings feature + * @property {boolean} features.footer Footer feature + * @property {boolean} features.autoInit Auto init feature (init datasource automatically) + * @property {Object} templateMapping Template mapping + * @property {string} templateMapping.row-key Row key + * @property {string} templateMapping.filter-id Filter id + **/ + get defaults() { + return Object.assign( + {}, + super.defaults, + { + templates: { + main: getTemplate(), + emptyState: getEmptyTemplate() + }, + + datasource: { + selector: null, + }, + + mapping: { + data: "dataset", + }, + + data: [], + headers: [], + + responsive: { + breakpoint: 800, + }, + + labels: { + theListContainsNoEntries: "The list contains no entries", + }, + + features: { + settings: true, + footer: true, + autoInit: true, + }, + + templateMapping: { + "row-key": null, + "filter-id": null, + }, + }, + initOptionsFromArguments.call(this), + ); + } + + /** + * + * @param {string} selector + * @returns {NodeListOf<*>} + */ + getGridElements(selector) { + return this[gridElementSymbol].querySelectorAll(selector); + } + + /** + * + * @return {string} + */ + static getTag() { + return "monster-datatable"; + } + + /** + * + * @return {Monster.Components.Form.Form} + */ + [assembleMethodSymbol]() { + const rawKey = this.getOption("templateMapping.row-key"); + + if (rawKey === null) { + if (this.id !== null && this.id !== "") { + const rawKey = this.getOption("templateMapping.row-key"); + if (rawKey === null) { + this.setOption("templateMapping.row-key", this.id + "-row"); + } + } else { + this.setOption("templateMapping.row-key", "row"); + } + } + + if (this.id !== null && this.id !== "") { + this.setOption("templateMapping.filter-id", "" + this.id + "-filter"); + } else { + this.setOption("templateMapping.filter-id", "filter"); + } + + super[assembleMethodSymbol](); + + initControlReferences.call(this); + initEventHandler.call(this); + + const selector = this.getOption("datasource.selector"); + + if (isString(selector)) { + const elements = document.querySelectorAll(selector); + if (elements.length !== 1) { + throw new Error("the selector must match exactly one element"); + } + + const element = elements[0]; + + if (!isInstance(element, Datasource)) { + throw new TypeError("the element must be a datasource"); + } + + this[datasourceLinkedElementSymbol] = element; + + setTimeout(() => { + handleDataSourceChanges.call(this); + element.datasource.attachObserver( + new Observer(handleDataSourceChanges.bind(this)), + ); + }, 0); + } + + getHostConfig + .call(this, getColumnVisibilityConfigKey) + .then((config) => { + + const headerOrderMap = new Map(); + + getHostConfig + .call(this, getStoredOrderConfigKey) + .then((orderConfig) => { + + if (isArray(orderConfig) || orderConfig.length > 0) { + for (let i = 0; i < orderConfig.length; i++) { + const item = orderConfig[i]; + const parts = item.split(" "); + const field = parts[0]; + const direction = parts[1] || DIRECTION_ASC; + headerOrderMap.set(field, direction); + } + } + + }).then(() => { + + const headers = this.getOption("headers", undefined); + console.log(headers); + + try { + initGridAndStructs.call(this, config, headerOrderMap); + } catch (error) { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error.toString()); + } + + + + + updateColumnBar.call(this); + + }) + .catch((error) => { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error.toString()); + }); + + + }) + .catch((error) => { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error.toString()); + }) + + } + + /** + * + * @return {CSSStyleSheet[]} + */ + static getCSSStyleSheet() { + return [DatatableStyleSheet]; + } } /** @@ -312,7 +331,7 @@ class DataTable extends CustomElement { * @returns {string} */ function getColumnVisibilityConfigKey() { - return generateUniqueConfigKey("datatable", this?.id, "columns-visibility"); + return generateUniqueConfigKey("datatable", this?.id, "columns-visibility"); } /** @@ -320,7 +339,7 @@ function getColumnVisibilityConfigKey() { * @returns {string} */ function getFilterConfigKey() { - return generateUniqueConfigKey("datatable", this?.id, "filter"); + return generateUniqueConfigKey("datatable", this?.id, "filter"); } /** @@ -328,333 +347,363 @@ function getFilterConfigKey() { * @returns {Promise} */ function getHostConfig(callback) { - const document = getDocument(); - const host = document.querySelector("monster-host"); - - if (!(host && this.id)) { - return Promise.resolve({}); - } - - if (!host || !isFunction(host?.getConfig)) { - throw new TypeError("the host must be a monster-host"); - } - - const configKey = callback.call(this); - return host - .getConfig(configKey) - .then((config) => { - return config; - }) - .catch(() => { - return {}; - }); + const document = getDocument(); + const host = document.querySelector("monster-host"); + + if (!(host && this.id)) { + return Promise.resolve({}); + } + + if (!host || !isFunction(host?.getConfig)) { + throw new TypeError("the host must be a monster-host"); + } + + const configKey = callback.call(this); + return host.hasConfig(configKey).then((hasConfig) => { + if (hasConfig) { + return host.getConfig(configKey); + } else { + return {}; + } + }); + } /** * @private */ function updateColumnBar() { - if (!this[columnBarElementSymbol]) { - return; - } - - const columns = []; - for (const header of this.getOption("headers")) { - const mode = header.getInternal("mode"); - - if (mode === ATTRIBUTE_DATATABLE_MODE_FIXED) { - continue; - } - - columns.push({ - visible: mode === ATTRIBUTE_DATATABLE_MODE_HIDDEN ? false : true, - name: header.label, - index: header.index, - }); - } - - this[columnBarElementSymbol].setOption("columns", columns); + if (!this[columnBarElementSymbol]) { + return; + } + + const columns = []; + for (const header of this.getOption("headers")) { + const mode = header.getInternal("mode"); + + if (mode === ATTRIBUTE_DATATABLE_MODE_FIXED) { + continue; + } + + columns.push({ + visible: mode !== ATTRIBUTE_DATATABLE_MODE_HIDDEN, + name: header.label, + index: header.index, + }); + } + + this[columnBarElementSymbol].setOption("columns", columns); } /** * @private */ function updateHeaderFromColumnBar() { - if (!this[columnBarElementSymbol]) { - return; - } + if (!this[columnBarElementSymbol]) { + return; + } - const options = this[columnBarElementSymbol].getOption("columns"); - if (!isArray(options)) return; + const options = this[columnBarElementSymbol].getOption("columns"); + if (!isArray(options)) return; - const invisibleMap = {}; + const invisibleMap = {}; - for (let i = 0; i < options.length; i++) { - const option = options[i]; - invisibleMap[option.index] = option.visible; - } + for (let i = 0; i < options.length; i++) { + const option = options[i]; + invisibleMap[option.index] = option.visible; + } - for (const header of this.getOption("headers")) { - const mode = header.getInternal("mode"); + for (const header of this.getOption("headers")) { + const mode = header.getInternal("mode"); - if (mode === ATTRIBUTE_DATATABLE_MODE_FIXED) { - continue; - } + if (mode === ATTRIBUTE_DATATABLE_MODE_FIXED) { + continue; + } - if (invisibleMap[header.index] === false) { - header.setInternal("mode", ATTRIBUTE_DATATABLE_MODE_HIDDEN); - } else { - header.setInternal("mode", ATTRIBUTE_DATATABLE_MODE_VISIBLE); - } - } + if (invisibleMap[header.index] === false) { + header.setInternal("mode", ATTRIBUTE_DATATABLE_MODE_HIDDEN); + } else { + header.setInternal("mode", ATTRIBUTE_DATATABLE_MODE_VISIBLE); + } + } } /** * @private */ function updateConfigColumnBar() { - if (!this[columnBarElementSymbol]) { - return; - } - - const options = this[columnBarElementSymbol].getOption("columns"); - if (!isArray(options)) return; - - const map = {}; - for (let i = 0; i < options.length; i++) { - const option = options[i]; - map[option.name] = option.visible; - } - - const document = getDocument(); - const host = document.querySelector("monster-host"); - if (!(host && this.id)) { - return; - } - const configKey = getColumnVisibilityConfigKey.call(this); - - try { - host.setConfig(configKey, map); - } catch (error) { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - } + if (!this[columnBarElementSymbol]) { + return; + } + + const options = this[columnBarElementSymbol].getOption("columns"); + if (!isArray(options)) return; + + const map = {}; + for (let i = 0; i < options.length; i++) { + const option = options[i]; + map[option.name] = option.visible; + } + + const document = getDocument(); + const host = document.querySelector("monster-host"); + if (!(host && this.id)) { + return; + } + const configKey = getColumnVisibilityConfigKey.call(this); + + try { + host.setConfig(configKey, map); + } catch (error) { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); + } } /** * @private */ function initEventHandler() { - const self = this; - - getWindow().addEventListener("resize", (event) => { - updateGrid.call(self); - }); - - self[columnBarElementSymbol].attachObserver( - new Observer((e) => { - updateHeaderFromColumnBar.call(self); - updateGrid.call(self); - updateConfigColumnBar.call(self); - }), - ); - - self[gridHeadersElementSymbol].addEventListener("click", function (event) { - let element = null; - const datasource = self[datasourceLinkedElementSymbol]; - if (!datasource) { - return; - } - - element = findTargetElementFromEvent(event, ATTRIBUTE_DATATABLE_SORTABLE); - if (element) { - const index = element.parentNode.getAttribute(ATTRIBUTE_DATATABLE_INDEX); - const headers = self.getOption("headers"); - - event.preventDefault(); - - headers[index].changeDirection(); - - setTimeout(function () { - /** hotfix, normally this should be done via the updater, no idea why this is not possible. */ - element.setAttribute( - ATTRIBUTE_DATATABLE_SORTABLE, - `${headers[index].field} ${headers[index].direction}`, - ); - setDataSource.call( - self, - { orderBy: createOrderStatement(headers) }, - true, - ); - }, 0); - } - }); + const self = this; + + getWindow().addEventListener("resize", (event) => { + updateGrid.call(self); + }); + + self[columnBarElementSymbol].attachObserver( + new Observer((e) => { + updateHeaderFromColumnBar.call(self); + updateGrid.call(self); + updateConfigColumnBar.call(self); + }), + ); + + self[gridHeadersElementSymbol].addEventListener("click", function (event) { + let element = null; + const datasource = self[datasourceLinkedElementSymbol]; + if (!datasource) { + return; + } + + element = findTargetElementFromEvent(event, ATTRIBUTE_DATATABLE_SORTABLE); + if (element) { + const index = element.parentNode.getAttribute(ATTRIBUTE_DATATABLE_INDEX); + const headers = self.getOption("headers"); + + event.preventDefault(); + + headers[index].changeDirection(); + + setTimeout(function () { + /** hotfix, normally this should be done via the updater, no idea why this is not possible. */ + element.setAttribute( + ATTRIBUTE_DATATABLE_SORTABLE, + `${headers[index].field} ${headers[index].direction}`, + ); + + storeOrderStatement.call(self, true); + + }, 0); + } + }); +} + +/** + * @private + */ +function initGridAndStructs(hostConfig, headerOrderMap) { + const rowID = this.getOption("templateMapping.row-key"); + + if (!this[gridElementSymbol]) { + throw new Error("no grid element is defined"); + } + + let template; + getSlottedElements.call(this).forEach((e) => { + if (e instanceof HTMLTemplateElement && e.id === rowID) { + template = e; + } + }); + + if (!template) { + throw new Error("no template is defined"); + } + + const rowCount = template.content.children.length; + + const headers = []; + + for (let i = 0; i < rowCount; i++) { + let hClass = ""; + const row = template.content.children[i]; + + let mode = ""; + if (row.hasAttribute(ATTRIBUTE_DATATABLE_MODE)) { + mode = row.getAttribute(ATTRIBUTE_DATATABLE_MODE); + } + + let grid = row.getAttribute(ATTRIBUTE_DATATABLE_GRID_TEMPLATE); + if (!grid || grid === "" || grid === "auto") { + grid = "minmax(0, 1fr)"; + } + + let label = ""; + let labelKey = ""; + + if (row.hasAttribute(ATTRIBUTE_DATATABLE_HEAD)) { + label = row.getAttribute(ATTRIBUTE_DATATABLE_HEAD); + labelKey = label; + + try { + if (label.startsWith("i18n:")) { + label = label.substring(5, label.length); + label = getDocumentTranslations().getText(label, label); + } + } catch (e) { + label = "i18n error " + label; + } + } + + if (!label) { + label = i + 1 + ""; + mode = ATTRIBUTE_DATATABLE_MODE_FIXED; + labelKey = label; + } + + if (isObject(hostConfig) && hostConfig.hasOwnProperty(label)) { + if (hostConfig[label] === false) { + mode = ATTRIBUTE_DATATABLE_MODE_HIDDEN; + } else { + mode = ATTRIBUTE_DATATABLE_MODE_VISIBLE; + } + } + + let align = ""; + if (row.hasAttribute(ATTRIBUTE_DATATABLE_ALIGN)) { + align = row.getAttribute(ATTRIBUTE_DATATABLE_ALIGN); + } + + switch (align) { + case "center": + hClass = "flex-center"; + break; + case "end": + hClass = "flex-end"; + break; + case "start": + hClass = "flex-start"; + break; + default: + hClass = "flex-start"; + } + + let field = ""; + if (row.hasAttribute(ATTRIBUTE_DATATABLE_SORTABLE)) { + field = row.getAttribute(ATTRIBUTE_DATATABLE_SORTABLE); + } + + if (mode === ATTRIBUTE_DATATABLE_MODE_HIDDEN) { + hClass += " hidden"; + } + + const header = new Header(); + header.setInternals({ + field: field, + label: label, + classes: hClass, + index: i, + mode: mode, + grid: grid, + labelKey: labelKey, + direction: headerOrderMap.get(field) || DIRECTION_NONE, + }); + + headers.push(header); + } + + this.setOption("headers", headers); + storeOrderStatement.call(this, this.getOption("features.autoInit")); +} + +/** + * @private + * @returns {string} + */ +export function getStoredOrderConfigKey() { + return generateUniqueConfigKey("datatable", this?.id, "stored-order"); } + /** * @private */ -function initGridAndStructs(hostConfig) { - const rowID = this.getOption("templateMapping.row-key"); - - if (!this[gridElementSymbol]) { - throw new Error("no grid element is defined"); - } - - let template; - getSlottedElements.call(this).forEach((e) => { - if (e instanceof HTMLTemplateElement && e.id === rowID) { - template = e; - } - }); - - if (!template) { - throw new Error("no template is defined"); - } - - const rowCount = template.content.children.length; - - const headers = []; - - for (let i = 0; i < rowCount; i++) { - let hClass = ""; - const row = template.content.children[i]; - - let mode = ""; - if (row.hasAttribute(ATTRIBUTE_DATATABLE_MODE)) { - mode = row.getAttribute(ATTRIBUTE_DATATABLE_MODE); - } - - let grid = row.getAttribute(ATTRIBUTE_DATATABLE_GRID_TEMPLATE); - if (!grid || grid === "" || grid === "auto") { - grid = "minmax(0, 1fr)"; - } - - let label = ""; - let labelKey = ""; - - if (row.hasAttribute(ATTRIBUTE_DATATABLE_HEAD)) { - label = row.getAttribute(ATTRIBUTE_DATATABLE_HEAD); - labelKey = label; - - try { - if (label.startsWith("i18n:")) { - label = label.substring(5, label.length); - label = getDocumentTranslations().getText(label, label); - } - } catch (e) { - label = "i18n error " + label; - } - } - - if (!label) { - label = i + 1 + ""; - mode = ATTRIBUTE_DATATABLE_MODE_FIXED; - labelKey = label; - } - - if (isObject(hostConfig) && hostConfig.hasOwnProperty(label)) { - if (hostConfig[label] === false) { - mode = ATTRIBUTE_DATATABLE_MODE_HIDDEN; - } else { - mode = ATTRIBUTE_DATATABLE_MODE_VISIBLE; - } - } - - let align = ""; - if (row.hasAttribute(ATTRIBUTE_DATATABLE_ALIGN)) { - align = row.getAttribute(ATTRIBUTE_DATATABLE_ALIGN); - } - - switch (align) { - case "center": - hClass = "flex-center"; - break; - case "end": - hClass = "flex-end"; - break; - case "start": - hClass = "flex-start"; - break; - default: - hClass = "flex-start"; - } - - let field = ""; - if (row.hasAttribute(ATTRIBUTE_DATATABLE_SORTABLE)) { - field = row.getAttribute(ATTRIBUTE_DATATABLE_SORTABLE); - } - - if (mode === ATTRIBUTE_DATATABLE_MODE_HIDDEN) { - hClass += " hidden"; - } - - const header = new Header(); - header.setInternals({ - field: field, - label: label, - classes: hClass, - index: i, - mode: mode, - grid: grid, - labelKey: labelKey, - }); - - headers.push(header); - } - - const statement = createOrderStatement(headers); - setDataSource.call( - this, - { orderBy: statement }, - this.getOption("features.autoInit"), - ); - this.setOption("headers", headers); +function storeOrderStatement(doFetch) { + const headers = this.getOption("headers"); + const statement = createOrderStatement(headers); + setDataSource.call(this, {orderBy: statement}, doFetch); + + const document = getDocument(); + const host = document.querySelector("monster-host"); + if (!(host && this.id)) { + return; + } + + const configKey = getStoredOrderConfigKey.call(this); + + // statement explode with , and remove all empty + const list = statement.split(",").filter((item) => item.trim() !== ""); + if (list.length === 0) { + // host.deleteConfig(configKey); + return; + } + + host.setConfig(configKey, list); + } /** * @private */ function updateGrid() { - if (!this[gridElementSymbol]) { - throw new Error("no grid element is defined"); - } - - let gridTemplateColumns = ""; - - const headers = this.getOption("headers"); - - let styles = ""; - - for (let i = 0; i < headers.length; i++) { - const header = headers[i]; - - if (header.mode === ATTRIBUTE_DATATABLE_MODE_HIDDEN) { - styles += `[data-monster-role=datatable]>[data-monster-head="${header.labelKey}"] { display: none; }\n`; - styles += `[data-monster-role=datatable-headers]>[data-monster-index="${header.index}"] { display: none; }\n`; - } else { - gridTemplateColumns += `${header.grid} `; - } - } - - const sheet = new CSSStyleSheet(); - if (styles !== "") sheet.replaceSync(styles); - this.shadowRoot.adoptedStyleSheets = [...DataTable.getCSSStyleSheet(), sheet]; - - const bodyWidth = getDocument().body.getBoundingClientRect().width; - - const breakpoint = this.getOption("responsive.breakpoint"); - - if (bodyWidth > breakpoint) { - this[ - gridElementSymbol - ].style.gridTemplateColumns = `${gridTemplateColumns}`; - this[ - gridHeadersElementSymbol - ].style.gridTemplateColumns = `${gridTemplateColumns}`; - } else { - this[gridElementSymbol].style.gridTemplateColumns = "auto"; - this[gridHeadersElementSymbol].style.gridTemplateColumns = "auto"; - } + if (!this[gridElementSymbol]) { + throw new Error("no grid element is defined"); + } + + let gridTemplateColumns = ""; + + const headers = this.getOption("headers"); + + let styles = ""; + + for (let i = 0; i < headers.length; i++) { + const header = headers[i]; + + if (header.mode === ATTRIBUTE_DATATABLE_MODE_HIDDEN) { + styles += `[data-monster-role=datatable]>[data-monster-head="${header.labelKey}"] { display: none; }\n`; + styles += `[data-monster-role=datatable-headers]>[data-monster-index="${header.index}"] { display: none; }\n`; + } else { + gridTemplateColumns += `${header.grid} `; + } + } + + const sheet = new CSSStyleSheet(); + if (styles !== "") sheet.replaceSync(styles); + this.shadowRoot.adoptedStyleSheets = [...DataTable.getCSSStyleSheet(), sheet]; + + const bodyWidth = getDocument().body.getBoundingClientRect().width; + + const breakpoint = this.getOption("responsive.breakpoint"); + + if (bodyWidth > breakpoint) { + this[ + gridElementSymbol + ].style.gridTemplateColumns = `${gridTemplateColumns}`; + this[ + gridHeadersElementSymbol + ].style.gridTemplateColumns = `${gridTemplateColumns}`; + } else { + this[gridElementSymbol].style.gridTemplateColumns = "auto"; + this[gridHeadersElementSymbol].style.gridTemplateColumns = "auto"; + } } /** @@ -662,20 +711,20 @@ function updateGrid() { * @param {Monster.Components.Datatable.Header[]} headers * @param {bool} doFetch */ -function setDataSource({ orderBy }, doFetch) { - const datasource = this[datasourceLinkedElementSymbol]; +function setDataSource({orderBy}, doFetch) { + const datasource = this[datasourceLinkedElementSymbol]; - if (!datasource) { - return; - } + if (!datasource) { + return; + } - if (isFunction(datasource?.setParameters)) { - datasource.setParameters({ orderBy }); - } + if (isFunction(datasource?.setParameters)) { + datasource.setParameters({orderBy}); + } - if (doFetch !== false && isFunction(datasource?.fetch)) { - datasource.fetch(); - } + if (doFetch !== false && isFunction(datasource?.fetch)) { + datasource.fetch(); + } } /** @@ -683,20 +732,20 @@ function setDataSource({ orderBy }, doFetch) { * @return {Monster.Components.Datatable.Form} */ function initControlReferences() { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } - - this[gridElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=datatable]", - ); - this[gridHeadersElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=datatable-headers]", - ); - this[columnBarElementSymbol] = - this.shadowRoot.querySelector("monster-column-bar"); - - return this; + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + this[gridElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=datatable]", + ); + this[gridHeadersElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=datatable-headers]", + ); + this[columnBarElementSymbol] = + this.shadowRoot.querySelector("monster-column-bar"); + + return this; } /** @@ -706,22 +755,22 @@ function initControlReferences() { * @throws {Error} the datasource could not be initialized */ function initOptionsFromArguments() { - const options = {}; - const selector = this.getAttribute(ATTRIBUTE_DATASOURCE_SELECTOR); - - if (selector) { - options.datasource = { selector: selector }; - } - - const breakpoint = this.getAttribute( - ATTRIBUTE_DATATABLE_RESPONSIVE_BREAKPOINT, - ); - if (breakpoint) { - options.responsive = {}; - options.responsive.breakpoint = parseInt(breakpoint); - } - - return options; + const options = {}; + const selector = this.getAttribute(ATTRIBUTE_DATASOURCE_SELECTOR); + + if (selector) { + options.datasource = {selector: selector}; + } + + const breakpoint = this.getAttribute( + ATTRIBUTE_DATATABLE_RESPONSIVE_BREAKPOINT, + ); + if (breakpoint) { + options.responsive = {}; + options.responsive.breakpoint = parseInt(breakpoint); + } + + return options; } /** @@ -729,14 +778,14 @@ function initOptionsFromArguments() { * @return {string} */ function getEmptyTemplate() { - return `<monster-state data-monster-role="empty-without-action"> + return `<monster-state data-monster-role="empty-without-action"> <div part="visual"> <svg width="4rem" height="4rem" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="m21.5 22h-19c-1.378 0-2.5-1.121-2.5-2.5v-7c0-.07.015-.141.044-.205l3.969-8.82c.404-.896 1.299-1.475 2.28-1.475h11.414c.981 0 1.876.579 2.28 1.475l3.969 8.82c.029.064.044.135.044.205v7c0 1.379-1.122 2.5-2.5 2.5zm-20.5-9.393v6.893c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5v-6.893l-3.925-8.723c-.242-.536-.779-.884-1.368-.884h-11.414c-.589 0-1.126.348-1.368.885z"/> <path d="m16.807 17h-9.614c-.622 0-1.186-.391-1.404-.973l-1.014-2.703c-.072-.194-.26-.324-.468-.324h-3.557c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.557c.622 0 1.186.391 1.405.973l1.013 2.703c.073.194.261.324.468.324h9.613c.208 0 .396-.13.468-.324l1.013-2.703c.22-.582.784-.973 1.406-.973h3.807c.276 0 .5.224.5.5s-.224.5-.5.5h-3.807c-.208 0-.396.13-.468.324l-1.013 2.703c-.219.582-.784.973-1.405.973z"/> </svg> </div> - <div part="content" monster-replace="path:labels.theListContainsNoEntries"> + <div part="content" data-monster-replace="path:labels.theListContainsNoEntries"> The list contains no entries. </div> </monster-state>`; @@ -747,8 +796,8 @@ function getEmptyTemplate() { * @return {string} */ function getTemplate() { - // language=HTML - return ` + // language=HTML + return ` <div data-monster-role="control" part="control"> <template id="headers-row"> <div data-monster-attributes="class path:headers-row.classname, diff --git a/source/components/datatable/datatable/header.mjs b/source/components/datatable/datatable/header.mjs index 870e1c4ea309aa10deca416f415ca566943fcb33..a39afa1a6ebdb3ef38e42c493a483c264699d07a 100644 --- a/source/components/datatable/datatable/header.mjs +++ b/source/components/datatable/datatable/header.mjs @@ -110,6 +110,14 @@ class Header extends Base { this.setInternal("direction", direction); } + /** + * + * @param direction + */ + setDirection(direction) { + this.setInternal("direction", direction); + } + /** * @param {string} field */ diff --git a/source/components/datatable/embedded-pagination.mjs b/source/components/datatable/embedded-pagination.mjs index 04cee42b0818a12ab1bd71ee38f0ce530953d068..6bfd862c77fef766d3a84cacdda69e7d4bb813ef 100644 --- a/source/components/datatable/embedded-pagination.mjs +++ b/source/components/datatable/embedded-pagination.mjs @@ -3,16 +3,18 @@ * SPDX-License-Identifier: AGPL-3.0 */ -import { registerCustomElement } from "../../dom/customelement.mjs"; -import { EmbeddedPaginationStyleSheet } from "./stylesheet/embedded-pagination.mjs"; -import { instanceSymbol } from "../../constants.mjs"; +import {assembleMethodSymbol, registerCustomElement} from "../../dom/customelement.mjs"; +import {EmbeddedPaginationStyleSheet} from "./stylesheet/embedded-pagination.mjs"; +import {instanceSymbol} from "../../constants.mjs"; + import "../form/select.mjs"; -import { Pagination } from "./pagination.mjs"; +import {Pagination} from "./pagination.mjs"; import "./datasource/dom.mjs"; import "./datasource/rest.mjs"; -export { EmbeddedPagination }; + +export {EmbeddedPagination}; /** * The EmbeddedPagination component is used to show the current page and the total number of pages. @@ -47,67 +49,53 @@ export { EmbeddedPagination }; * @summary A datatable */ class EmbeddedPagination extends Pagination { - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/monster/components/embedded-pagination"); - } + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/embedded-pagination"); + } - /** - * - * @return {string} - */ - static getTag() { - return "monster-embedded-pagination"; - } + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + } - /** - * - * @return {CSSStyleSheet[]} - */ - static getCSSStyleSheet() { - return [EmbeddedPaginationStyleSheet]; - } -} + get defaults() { + return Object.assign( + {}, + super.defaults, + { + classes: { + spinner: "monster-spinner monster-theme-primary-3", + spinnerContainer: "monster-theme-primary-2 ", + error: "monster-theme-error-2 monster-bg-color-primary-2", + errorContainer: "monster-theme-primary-2", + }, + + } + ); -/** - * @private - * @return {string} - */ -function getTemplate() { - // language=HTML - return ` - <template id="items"> - <li><a data-monster-attributes="class path:items.class, - href path:items.href, - aria-label path:items.description, - disabled path:items.disabled:?disabled:undefined, - data-page-no path:items.pageNo, - aria-current path:items.current" - data-monster-role="pagination-item" - data-monster-replace="path:items.label"></a></li> - </template> + } + + /** + * + * @return {string} + */ + static getTag() { + return "monster-embedded-pagination"; + } + + + /** + * @private + * @returns {CSSStyleSheet} + */ + static getControlCSSStyleSheet() { + return EmbeddedPaginationStyleSheet; + } - <div data-monster-role="control"> - <nav data-monster-role="pagination" role="navigation" aria-label="pagination"> - <ul class="pagination-list" data-monster-insert="items path:pagination.items"> - <li part="pagination-prev"><a data-monster-role="pagination-prev" - data-monster-attributes=" - class path:pagination.prevClass | prefix: previous, - data-page-no path:pagination.prevNo, - href path:pagination.prevHref | prefix: #" - data-monster-replace="path:labels.previous">Previous</a></li> - <li part="pagination-next"><a data-monster-role="pagination-next" - data-monster-attributes="class path:pagination.nextClass | prefix: next, - data-page-no path:pagination.nextNo, - href path:pagination.nextHref | prefix: #" - data-monster-replace="path:labels.next">Next</a></li> - </ul> - </nav> - </div> - `; } + registerCustomElement(EmbeddedPagination); diff --git a/source/components/datatable/filter.mjs b/source/components/datatable/filter.mjs index 518410ddd80cb07ed16a934519abcbbb0c796e0d..13be8e0a79b00614c40ad1bd5d7cd2228cc15b4f 100644 --- a/source/components/datatable/filter.mjs +++ b/source/components/datatable/filter.mjs @@ -3,35 +3,41 @@ * SPDX-License-Identifier: AGPL-3.0 */ -import { instanceSymbol } from "../../constants.mjs"; -import { findElementWithIdUpwards } from "../../dom/util.mjs"; +import {instanceSymbol} from "../../constants.mjs"; +import {findTargetElementFromEvent} from "../../dom/events.mjs"; +import {findElementWithIdUpwards, findElementWithSelectorUpwards} from "../../dom/util.mjs"; import { - assembleMethodSymbol, - CustomElement, - getSlottedElements, - registerCustomElement, + assembleMethodSymbol, + CustomElement, + getSlottedElements, + registerCustomElement, } from "../../dom/customelement.mjs"; -import { ID } from "../../types/id.mjs"; -import { Settings } from "./filter/settings.mjs"; -import { FilterStyleSheet } from "./stylesheet/filter.mjs"; -import { getDocument, getWindow } from "../../dom/util.mjs"; -import { getGlobal } from "../../types/global.mjs"; -import { isInstance, isFunction, isObject, isArray } from "../../types/is.mjs"; -import { Host } from "../host/host.mjs"; -import { addAttributeToken } from "../../dom/attributes.mjs"; -import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs"; +import {ID} from "../../types/id.mjs"; +import {Settings} from "./filter/settings.mjs"; +import {FilterStyleSheet} from "./stylesheet/filter.mjs"; +import {getDocument, getWindow} from "../../dom/util.mjs"; +import {getGlobal} from "../../types/global.mjs"; +import {isInstance, isFunction, isObject, isArray} from "../../types/is.mjs"; +import {Host} from "../host/host.mjs"; +import {addAttributeToken} from "../../dom/attributes.mjs"; +import {ATTRIBUTE_ERRORMESSAGE} from "../../dom/constants.mjs"; import "../form/message-state-button.mjs"; -import { Formatter } from "../../text/formatter.mjs"; -import { generateRangeComparisonExpression } from "../../text/util.mjs"; -import { generateUniqueConfigKey } from "../host/util.mjs"; +import {Formatter} from "../../text/formatter.mjs"; +import {generateRangeComparisonExpression} from "../../text/util.mjs"; + import { - parseBracketedKeyValueHash, - createBracketedKeyValueHash, + parseBracketedKeyValueHash, + createBracketedKeyValueHash, } from "../../text/bracketed-key-value-hash.mjs"; +import {ThemeStyleSheet} from "../stylesheet/theme.mjs"; +import {SpaceStyleSheet} from "../stylesheet/space.mjs"; +import {FormStyleSheet} from "../stylesheet/form.mjs"; + +import {getStoredFilterConfigKey, getFilterConfigKey, parseDateInput} from "./filter/util.mjs"; import "./filter/select.mjs"; -export { Filter }; +export {Filter}; /** * @private @@ -51,12 +57,30 @@ const searchButtonElementSymbol = Symbol("searchButtonElement"); */ const resetButtonElementSymbol = Symbol("resetButtonElement"); +/** + * @private + * @type {symbol} + */ +const saveButtonElementSymbol = Symbol("saveButtonElement"); + /** * @private * @type {symbol} */ const filterControlElementSymbol = Symbol("filterControlElement"); +/** + * @private + * @type {symbol} + */ +const filterSaveActionButtonElementSymbol = Symbol("filterSaveActionButtonElement"); + +/** + * @private + * @type {symbol} + */ +const filterTabElementSymbol = Symbol("filterTabElement"); + /** * @private * @type {symbol} @@ -110,158 +134,180 @@ const settingsSymbol = Symbol("settings"); * @summary A data set */ class Filter extends CustomElement { - /** - * - */ - constructor() { - super(); - this[settingsSymbol] = new Settings(); - } - - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/monster/components/filter@@instance"); - } - - /** - * - * @param {string} message - * @returns {Monster.Components.Datatable.Filter} - */ - showFailureMessage(message) { - this[searchButtonElementSymbol].setState("failed", 10000); - this[searchButtonElementSymbol] - .setMessage(String(message)) - .showMessage(10000); - return this; - } - - /** - * - * @returns {Monster.Components.Datatable.Filter} - */ - resetFailureMessage() { - this[searchButtonElementSymbol].hideMessage(); - this[searchButtonElementSymbol].removeState(); - return this; - } - - /** - * - * @returns {Monster.Components.Datatable.Filter} - */ - showSuccess() { - this[searchButtonElementSymbol].setState("successful", 5000); - return this; - } - - /** - * To set the options via the html tag the attribute `data-monster-options` must be used. - * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} - * - * The individual configuration values can be found in the table. - * - * @property {Object} templates Template definitions - * @property {string} templates.main Main template - * @property {Object} labels Label definitions - * @property {string} labels.search Search button label - * @property {string} labels.reset Reset button label - * @property {Object} queries Query definitions - * @property {function} queries.wrap Wrap query - * @property {function} queries.join Join queries - * @property {string} defaultQuery Default query - */ - get defaults() { - const obj = Object.assign({}, super.defaults, { - templates: { - main: getTemplate(), - }, - labels: { - search: "Search", - reset: "Reset", - "empty-query-and-no-default": "Please select a filter", - "query-not-changed": "The query has not changed", - }, - - queries: { - wrap: (value, definition) => { - return value; - }, - join: (queries) => { - if (queries.length === 0) { - return ""; - } - return queries.join(" AND "); - }, - }, - - query: "", - defaultQuery: "", - }); - - return obj; - } - - /** - * - * @return {string} - */ - static getTag() { - return "monster-datatable-filter"; - } - - /** - * @return {FilterButton} - */ - [assembleMethodSymbol]() { - super[assembleMethodSymbol](); - - initControlReferences.call(this); - initEventHandler.call(this); - - initFromConfig - .call(this) - .then(() => { - initFilter.call(this); - }) - .catch((error) => { - console.error(error); - }); - } - - /** - * - */ - connectedCallback() { - super.connectedCallback(); - - getWindow().addEventListener( - "hashchange", - this[locationChangeHandlerSymbol], - ); - } - - /** - * - */ - disconnectedCallback() { - super.disconnectedCallback(); - - getWindow().removeEventListener( - "hashchange", - this[locationChangeHandlerSymbol], - ); - } - - /** - * @return {Array<CSSStyleSheet>} - */ - static getCSSStyleSheet() { - return [FilterStyleSheet]; - } + /** + * + */ + constructor() { + super(); + this[settingsSymbol] = new Settings(); + } + + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/filter@@instance"); + } + + /** + * + * @param {string} message + * @returns {Monster.Components.Datatable.Filter} + */ + showFailureMessage(message) { + this[searchButtonElementSymbol].setState("failed", this.getOption("timeouts.message", 4000)); + this[searchButtonElementSymbol] + .setMessage(message.toString()) + .showMessage(this.getOption("timeouts.message", 4000)); + return this; + } + + /** + * + * @returns {Monster.Components.Datatable.Filter} + */ + resetFailureMessage() { + this[searchButtonElementSymbol].hideMessage(); + this[searchButtonElementSymbol].removeState(); + return this; + } + + /** + * + * @returns {Monster.Components.Datatable.Filter} + */ + showSuccess() { + this[searchButtonElementSymbol].setState("successful", this.getOption("timeouts.message", 4000)); + return this; + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates Template definitions + * @property {string} templates.main Main template + * @property {Object} labels Label definitions + * @property {string} labels.search Search button label + * @property {string} labels.reset Reset button label + * @property {Object} queries Query definitions + * @property {function} queries.wrap Wrap query + * @property {function} queries.join Join queries + * @property {string} defaultQuery Default query + */ + get defaults() { + return Object.assign({}, super.defaults, { + templates: { + main: getTemplate(), + }, + + labels: { + search: "Search", + reset: "Reset", + save: "Save", + "filter-name": "Filter name", + "empty-query-and-no-default": "Please select a filter", + "query-not-changed": "The query has not changed", + }, + + templateMapping: { + "filter-save-label": null, + "filter-name-label": name, + }, + + storedConfig: { + enabled: true, + selector: "" + }, + + timeouts: { + message: 4000, + }, + + queries: { + wrap: (value, definition) => { + return value; + }, + join: (queries) => { + if (queries.length === 0) { + return ""; + } + return queries.join(" AND "); + }, + }, + + query: "", + defaultQuery: "", + }); + + } + + /** + * + * @return {string} + */ + static getTag() { + return "monster-datatable-filter"; + } + + /** + * @return {FilterButton} + */ + [assembleMethodSymbol]() { + + this.setOption("templateMapping.filter-save-label", this.getOption("labels.save")); + this.setOption("templateMapping.filter-name-label", this.getOption("labels.filter-name")); + + super[assembleMethodSymbol](); + + initControlReferences.call(this); + initEventHandler.call(this); + + initFromConfig.call(this) + .then(() => { + initFilter.call(this); + updateFilterTabs.call(this); + + }) + .catch((error) => { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message); + }); + + } + + /** + * + */ + connectedCallback() { + super.connectedCallback(); + + getWindow().addEventListener( + "hashchange", + this[locationChangeHandlerSymbol], + ); + } + + /** + * + */ + disconnectedCallback() { + super.disconnectedCallback(); + + getWindow().removeEventListener( + "hashchange", + this[locationChangeHandlerSymbol], + ); + } + + /** + * @return {Array<CSSStyleSheet>} + */ + static getCSSStyleSheet() { + return [FilterStyleSheet, FormStyleSheet, ThemeStyleSheet, SpaceStyleSheet]; + } } /** @@ -269,23 +315,35 @@ class Filter extends CustomElement { * @return {FilterButton} */ function initControlReferences() { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } - - this[filterControlElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=control]", - ); - this[filterSelectElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=filter-select]", - ); - this[searchButtonElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=search-button]", - ); - this[resetButtonElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=reset-button]", - ); - return this; + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + this[filterControlElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=control]" + ); + this[filterSelectElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=filter-select]" + ); + this[searchButtonElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=search-button]" + ); + this[resetButtonElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=reset-button]" + ); + + this[saveButtonElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=save-button]" + ); + + this[filterSaveActionButtonElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=save-action-button]" + ); + + this[filterTabElementSymbol] = findElementWithSelectorUpwards(this, this.getOption("storedConfig.selector", "")) + + + return this; } /** @@ -293,65 +351,69 @@ function initControlReferences() { * @throws {Error} no filter label is defined */ function initFilter() { - const storedConfig = this[settingsSymbol]; - this[settingsSymbol] = new Settings(); - - const result = parseBracketedKeyValueHash(getGlobal().location.hash); - let valuesFromHash = {}; - if (isObject(result) && result?.[this.id]) { - valuesFromHash = result[this.id]; - } - - getSlottedElements - .call(this, "label[data-monster-label]") - .forEach((element) => { - const label = element.getAttribute("data-monster-label"); - if (!label) { - throw new Error("no filter label is defined"); - } - - let value = element.id; - if (!value) { - const prefix = label.replace(/\W/g, "-"); - prefix.charAt(0).match(/[\d_]/g)?.length ? `f${prefix}` : prefix; - - value = new ID(prefix + "-").toString(); - element.id = value; - } - - let setting = storedConfig.get(value); - - if (setting) { - this[settingsSymbol].set(setting); - } - - if (valuesFromHash?.[element.id]) { - const v = escapeAttributeValue(valuesFromHash[element.id]); - const searchInput = element.firstElementChild; - try { - searchInput.value = valuesFromHash[element.id]; - } catch (error) {} - } - - setting = this[settingsSymbol].get(value); - if (setting) { - setSlotAttribute(element, setting.visible); - //style.display = setting.visible ? "block" : "none"; - } - - //const visible = window.getComputedStyle(element).display !== "none"; - const visible = getVisibilityFromSlotAttribute(element); - - this[settingsSymbol].set({ value, label, visible }); - }); - - this[filterSelectElementSymbol].setOption( - "options", - this[settingsSymbol].getOptions(), - ); - setTimeout(() => { - this[filterSelectElementSymbol].value = this[settingsSymbol].getSelected(); - }, 10); + + const storedConfig = this[settingsSymbol]; + this[settingsSymbol] = new Settings(); + + const result = parseBracketedKeyValueHash(getGlobal().location.hash); + let valuesFromHash = {}; + if (isObject(result) && result?.[this.id]) { + valuesFromHash = result[this.id]; + } + + getSlottedElements + .call(this, "label[data-monster-label]") + .forEach((element) => { + const label = element.getAttribute("data-monster-label"); + if (!label) { + throw new Error("no filter label is defined"); + } + + let value = element.id; + if (!value) { + const prefix = label.replace(/\W/g, "-"); + prefix.charAt(0).match(/[\d_]/g)?.length ? `f${prefix}` : prefix; + + value = new ID(prefix + "-").toString(); + element.id = value; + } + + let setting = storedConfig.get(value); + + if (setting) { + this[settingsSymbol].set(setting); + } + + if (valuesFromHash?.[element.id]) { + const v = escapeAttributeValue(valuesFromHash[element.id]); + const searchInput = element.firstElementChild; + try { + // searchInput.value = valuesFromHash[element.id]; + searchInput.value = v;//valuesFromHash[element.id]; + } catch (error) { + } + } + + setting = this[settingsSymbol].get(value); + if (setting) { + setSlotAttribute(element, setting.visible); + //style.display = setting.visible ? "block" : "none"; + } + + //const visible = window.getComputedStyle(element).display !== "none"; + const visible = getVisibilityFromSlotAttribute(element); + + this[settingsSymbol].set({value, label, visible}); + }); + + this[filterSelectElementSymbol].setOption( + "options", + this[settingsSymbol].getOptions(), + ); + + setTimeout(() => { + this[filterSelectElementSymbol].value = this[settingsSymbol].getSelected(); + }, 10); } /** @@ -360,12 +422,18 @@ function initFilter() { * @returns {*} */ function escapeAttributeValue(input) { - return input - .replace(/&/g, "&") - .replace(/"/g, """) - .replace(/'/g, "'") - .replace(/</g, "<") - .replace(/>/g, ">"); + + if (input === undefined || input === null) { + debugger + return input; + } + + return input + .replace(/&/g, "&") + .replace(/"/g, """) + .replace(/'/g, "'") + .replace(/</g, "<") + .replace(/>/g, ">"); } /** @@ -374,10 +442,7 @@ function escapeAttributeValue(input) { * @returns {boolean} */ function getVisibilityFromSlotAttribute(element) { - return element.hasAttribute("slot") && - element.getAttribute("slot") === "hidden" - ? false - : true; + return !(element.hasAttribute("slot") && element.getAttribute("slot") === "hidden"); } /** @@ -386,188 +451,404 @@ function getVisibilityFromSlotAttribute(element) { * @param {boolean} visible */ function setSlotAttribute(element, visible) { - if (visible) { - element.removeAttribute("slot"); - return; - } + if (visible) { + element.removeAttribute("slot"); + return; + } - element.setAttribute("slot", "hidden"); + element.setAttribute("slot", "hidden"); } /** * @private */ function initEventHandler() { - const self = this; - /** - * Monster.Components.Form.event:monster-selection-cleared - */ - if (self[filterSelectElementSymbol]) { - self[filterSelectElementSymbol].addEventListener( - "monster-selection-cleared", - function (event) { - const settings = self[settingsSymbol].getOptions(); - - for (const setting of settings) { - const filterElement = findElementWithIdUpwards(self, setting.value); - if (filterElement) { - setSlotAttribute(filterElement, false); - - self[settingsSymbol].set({ value: setting.value, visible: false }); - } - } - - updateConfig.call(self); - }, - ); - - self[filterSelectElementSymbol].addEventListener( - "monster-changed", - function (event) { - const filterElement = findElementWithIdUpwards( - self, - event.detail.value, - ); - if (filterElement) { - //filterElement.style.display = event.detail.checked ? "block" : "none"; - setSlotAttribute(filterElement, event.detail.checked); - } - - self[settingsSymbol].set({ - value: event.detail.value, - visible: event.detail.checked, - }); - - updateConfig.call(self); - }, - ); - } - - self[searchButtonElementSymbol].setOption("actions.click", () => { - doSearch.call(self); - }); - - // the reset button should reset the filter and the search query - // all input elements should be reset to their default values - // which is the empty string. we search for all input elements - // in the filter and reset them to their default value - self[resetButtonElementSymbol].setOption("actions.click", () => { - getSlottedElements - .call(self, "label[data-monster-label]") - .forEach((element) => { - const label = element.getAttribute("data-monster-label"); - if (!label) { - return; - } - - const input = element.firstElementChild; - - if (input) { - input.value = ""; - } - }); - - doSearch.call(self, { showEffect: false }); - }); - - self[locationChangeHandlerSymbol] = (event) => { - if (event instanceof HashChangeEvent) { - if (event.oldURL === event.newURL) { - return; - } - } - }; - - self.addEventListener("keyup", (event) => { - const path = event.composedPath(); - if (path.length === 0) { - return; - } - - if (!(path[0] instanceof HTMLInputElement)) { - return; - } - - if (event.keyCode === 13) { - doSearch.call(self, { showEffect: false }); - } - }); + const self = this; + /** + * Monster.Components.Form.event:monster-selection-cleared + */ + if (self[filterSelectElementSymbol]) { + self[filterSelectElementSymbol].addEventListener( + "monster-selection-cleared", + function () { + const settings = self[settingsSymbol].getOptions(); + + for (const setting of settings) { + const filterElement = findElementWithIdUpwards(self, setting.value); + if (filterElement) { + setSlotAttribute(filterElement, false); + + self[settingsSymbol].set({value: setting.value, visible: false}); + } + } + + updateConfig.call(self); + }, + ); + + self[filterSelectElementSymbol].addEventListener( + "monster-changed", + function (event) { + const filterElement = findElementWithIdUpwards( + self, + event.detail.value, + ); + if (filterElement) { + //filterElement.style.display = event.detail.checked ? "block" : "none"; + setSlotAttribute(filterElement, event.detail.checked); + } + + self[settingsSymbol].set({ + value: event.detail.value, + visible: event.detail.checked, + }); + + updateConfig.call(self); + }, + ); + } + + if (self[filterSaveActionButtonElementSymbol]) { + self[filterSaveActionButtonElementSymbol].setOption("actions.click", function (event) { + + const button = findTargetElementFromEvent(event, "data-monster-role", "save-action-button"); + const form = button.closest("[data-monster-role=form]"); + + if (!form) { + button.setState("failed", self.getOption("timeouts.message", 4000)) + return; + } + + const input = form.querySelector("input[name=filter-name]"); + if (!input) { + button.setState("failed", self.getOption("timeouts.message", 4000)) + return; + } + + const name = input.value; + if (!name) { + button.setState("failed", self.getOption("timeouts.message", 4000)) + button.setMessage("Please enter a name").showMessage(); + return; + } + + doSearch.call(self, {showEffect: false}).then(() => { + + const configKey = getStoredFilterConfigKey.call(self); + const host = getDocument().querySelector("monster-host"); + if (!(host)) { + return; + } + + const query = self.getOption("query"); + if (!query) { + button.setState("failed", self.getOption("timeouts.message", self.getOption("timeouts.message", 4000))) + button.setMessage("No query found").showMessage(self.getOption("timeouts.message", 4000)); + return; + } + + host.hasConfig(configKey).then((hasConfig) => { + + return new Promise((resolve, reject) => { + if (hasConfig) { + host.getConfig(configKey).then(resolve).catch(reject); + return; + } + return resolve({}); + }) + + }).then((config) => { + + config[name] = query; + return host.setConfig(configKey, { + ...config, + }) + + + }).then(() => { + button.setState("successful", self.getOption("timeouts.message", 4000)) + updateFilterTabs.call(self); + + }).catch((error) => { + button.setState("failed", self.getOption("timeouts.message", 4000)) + button.setMessage(error.message).showMessage(self.getOption("timeouts.message", 4000)); + }) + + }).catch((error) => { + button.setState("failed", self.getOption("timeouts.message", 4000)) + const msg = error.message || error; + button.setMessage(msg).showMessage(self.getOption("timeouts.message", 4000)); + }) + + }); + } + + + self[searchButtonElementSymbol].setOption("actions.click", () => { + doSearch.call(self).then(() => { + + }).catch((error) => { + + }) + }); + + // the reset button should reset the filter and the search query + // all input elements should be reset to their default values + // which is the empty string. we search for all input elements + // in the filter and reset them to their default value + self[resetButtonElementSymbol].setOption("actions.click", () => { + getSlottedElements + .call(self, "label[data-monster-label]") + .forEach((element) => { + const label = element.getAttribute("data-monster-label"); + if (!label) { + return; + } + + const input = element.firstElementChild; + + if (input) { + input.value = ""; + } + }); + + doSearch.call(self, {showEffect: false}); + }); + + self[locationChangeHandlerSymbol] = (event) => { + if (event instanceof HashChangeEvent) { + if (event.oldURL === event.newURL) { + return; + } + } + }; + + self.addEventListener("keyup", (event) => { + const path = event.composedPath(); + if (path.length === 0) { + return; + } + + if (!(path[0] instanceof HTMLInputElement)) { + return; + } + + if (event.keyCode === 13) { + doSearch.call(self, {showEffect: false}); + } + }); + + // tabs + const element = this[filterTabElementSymbol]; + if (element) { + initTabEvents.call(this) + } + +} + +function initTabEvents() { + + this[filterTabElementSymbol].addEventListener("monster-tab-changed", (event) => { + + const query = event?.detail?.data?.['data-monster-query']; + this.setOption("query", query); + + + }) + + this[filterTabElementSymbol].addEventListener("monster-tab-remove", (event) => { + + const labels = [] + const buttons = this[filterTabElementSymbol].getOption("buttons") + + const keys=["popper", "standard"] + for(let i=0; i<keys.length; i++) { + const key = keys[i] + + for (const button of buttons[key]) { + if (button.label !== event.detail.label) { + labels.push(button.label) + } + } + } + + const document = getDocument(); + const host = document.querySelector("monster-host"); + if (!(host && this.id)) { + return; + } + + const configKey = getStoredFilterConfigKey.call(this); + host.hasConfig(configKey).then((hasConfig) => { + if (!hasConfig) { + return; + } + + return host.getConfig(configKey); + }).then((config) => { + + for (const [name, query] of Object.entries(config)) { + if (labels.includes(name)) { + continue; + } + + delete config[name] + } + + return host.setConfig(configKey, { + ...config + }) + + }) + + }); + + +} + +/** + * @private + */ +function updateFilterTabs() { + + const element = this[filterTabElementSymbol]; + if (!element) { + return; + } + + const document = getDocument(); + const host = document.querySelector("monster-host"); + if (!(host && this.id)) { + return; + } + + const configKey = getStoredFilterConfigKey.call(this); + host.hasConfig(configKey).then((hasConfig) => { + if (!hasConfig) { + return; + } + + return host.getConfig(configKey); + }).then((config) => { + + for (const [name, query] of Object.entries(config)) { + + const found = element.querySelector(`[data-monster-button-label="${name}"]`); + if (found) { + continue; + } + + if (query===undefined || query===null) { + continue; + } + + const escapedQuery = escapeAttributeValue(query); + + element.insertAdjacentHTML("beforeend", ` + <div data-monster-button-label="${name}" + data-monster-removable="true" + data-monster-query="${escapedQuery}" data-monster-role="filter-tab" > + </div>`); + } + }) } /** * @private + * @param showEffect + * @returns {Promise<*>} */ -function doSearch({ showEffect } = { showEffect: true }) { - this.resetFailureMessage(); - - if (showEffect) { - this[searchButtonElementSymbol].setState("activity", 10000); - } - - collectSearchQueries - .call(this) - .then((query) => { - const buildQuery = buildSearchQuery.call(this, query); - if (buildQuery === "" && !this.getOption("defaultQuery")) { - this[searchButtonElementSymbol].removeState(); - this[searchButtonElementSymbol] - .setMessage(this.getOption("labels.empty-query-and-no-default")) - .showMessage(5000); - return; - } - - if (buildQuery === this.getOption("query")) { - this[searchButtonElementSymbol].removeState(); - this[searchButtonElementSymbol] - .setMessage(this.getOption("labels.query-not-changed")) - .showMessage(5000); - return; - } - - if (showEffect) { - this[searchButtonElementSymbol].setState("activity", 2000); - } - - this.setOption("query", buildSearchQuery.call(this, query)); - }) - .catch((error) => { - console.error(error); - if (error instanceof Error) { - addAttributeToken( - this, - ATTRIBUTE_ERRORMESSAGE, - error.message + " " + error.stack, - ); - } else { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - } - - this[searchButtonElementSymbol].setState("failed", 10000); - this[searchButtonElementSymbol].setMessage(String(error)).showMessage(); - }); +function doSearch({showEffect} = {showEffect: true}) { + const self = this; + + this.resetFailureMessage(); + + if (showEffect) { + this[searchButtonElementSymbol].setState("activity", self.getOption("timeouts.message", 4000)); + } + + return collectSearchQueries + .call(this) + .then((query) => { + + const buildQuery = buildSearchQuery.call(this, query); + if (buildQuery === "" && !this.getOption("defaultQuery")) { + + const msg = this.getOption("labels.empty-query-and-no-default"); + + if (showEffect) { + this[searchButtonElementSymbol].removeState(); + this[searchButtonElementSymbol] + .setMessage(msg) + .showMessage(self.getOption("timeouts.message", 4000)); + } + + throw new Error(msg); + + } + + if (buildQuery === this.getOption("query")) { + + const msg = this.getOption("labels.query-not-changed"); + + if (showEffect) { + this[searchButtonElementSymbol].removeState(); + this[searchButtonElementSymbol] + .setMessage(msg) + .showMessage(self.getOption("timeouts.message", 4000)); + } + + throw new Error(msg); + } + + if (showEffect) { + this[searchButtonElementSymbol].setState("activity", self.getOption("timeouts.message", 4000)); + } + + this.setOption("query", buildSearchQuery.call(this, query)); + }) + .catch((error) => { + + if (error instanceof Error) { + addAttributeToken( + this, + ATTRIBUTE_ERRORMESSAGE, + error.message + " " + error.stack, + ); + } else { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); + } + + if (showEffect) { + this[searchButtonElementSymbol].setState("failed", self.getOption("timeouts.message", 4000)); + this[searchButtonElementSymbol].setMessage(error.message).showMessage(); + } + + return Promise.reject(error); + }); } /** * @private * @param queries - * @returns {string|undefind} + * @returns {*|string} */ function buildSearchQuery(queries) { - if (!isArray(queries) || queries.length === 0) { - return this.getOption("defaultQuery"); - } + if (!isArray(queries) || queries.length === 0) { + return this.getOption("defaultQuery"); + } - const joinCallback = this.getOption("queries.join"); - if (isFunction(joinCallback)) { - return joinCallback(queries); - } + const joinCallback = this.getOption("queries.join"); + if (isFunction(joinCallback)) { + return joinCallback(queries); + } - const q = queries.join(" ").trim(); - if (q.length === 0) { - return this.getOption("defaultQuery"); - } + const q = queries.join(" ").trim(); + if (q.length === 0) { + return this.getOption("defaultQuery"); + } - return q; + return q; } /** @@ -575,215 +856,103 @@ function buildSearchQuery(queries) { * @returns {Promise<unknown>} */ function collectSearchQueries() { - const currentHash = parseBracketedKeyValueHash(getGlobal().location.hash); - - return new Promise((resolve, reject) => { - const query = []; - const wrapCallback = this.getOption("queries.wrap"); - - getSlottedElements - .call(this, "label[data-monster-label]") - .forEach((element) => { - const label = element.getAttribute("data-monster-label"); - if (!label) { - throw new Error("no filter label is defined"); - } - - const id = element.id; - if (!id) { - reject(new Error("no filter id is defined")); - return; - } - - //const visible = window.getComputedStyle(element).display !== "none"; - const visible = getVisibilityFromSlotAttribute(element); - if (!visible) { - return; - } - - let template = element.getAttribute("data-monster-template"); - if (!template) { - template = "${id}=${value}"; - } - - const controlValue = getControlValuesFromLabel(element); - if (!controlValue) { - if (controlValue === "" && currentHash?.[this.id]?.[id]) { - delete currentHash[this.id][id]; - } - - return; - } - - if (!isObject(currentHash[this.id])) { - currentHash[this.id] = {}; - } - currentHash[this.id][id] = controlValue; - - const mapping = { - id, - value: controlValue, - label, - }; - - const formatter = new Formatter(mapping, { - callbacks: { - range: (value, key) => { - return generateRangeComparisonExpression(value, key, { - urlEncode: true, - andOp: "AND", - orOp: "OR", - eqOp: "=", - gtOp: ">", - ltOp: "<", - }); - }, - "date-range": (value, key) => { - const query = parseDateInput(value, key); - if (!query || query === "false") { - return ""; - } - - // return query as url encoded - return encodeURIComponent(query); - }, - }, - }); - - let queryPart = formatter.format(template); - if (queryPart) { - if (isFunction(wrapCallback)) { - queryPart = wrapCallback(queryPart, mapping); - } - query.push(queryPart); - } - }); - - getGlobal().location.hash = createBracketedKeyValueHash(currentHash); - resolve(query); - }); + const currentHash = parseBracketedKeyValueHash(getGlobal().location.hash); + + return new Promise((resolve, reject) => { + const query = []; + const wrapCallback = this.getOption("queries.wrap"); + + let hasNoIdError = false; + + getSlottedElements + .call(this, "label[data-monster-label]") + .forEach((element) => { + const label = element.getAttribute("data-monster-label"); + if (!label) { + throw new Error("no filter label is defined"); + } + + const id = element.id; + if (!id) { + hasNoIdError = true; + return; + } + + //const visible = window.getComputedStyle(element).display !== "none"; + const visible = getVisibilityFromSlotAttribute(element); + if (!visible) { + return; + } + + let template = element.getAttribute("data-monster-template"); + if (!template) { + template = "${id}=${value}"; + } + + const controlValue = getControlValuesFromLabel(element); + if (!controlValue) { + if (controlValue === "" && currentHash?.[this.id]?.[id]) { + delete currentHash[this.id][id]; + } + + return; + } + + if (!isObject(currentHash[this.id])) { + currentHash[this.id] = {}; + } + currentHash[this.id][id] = controlValue; + + const mapping = { + id, + value: controlValue, + label, + }; + + const formatter = new Formatter(mapping, { + callbacks: { + range: (value, key) => { + return generateRangeComparisonExpression(value, key, { + urlEncode: true, + andOp: "AND", + orOp: "OR", + eqOp: "=", + gtOp: ">", + ltOp: "<", + }); + }, + "date-range": (value, key) => { + const query = parseDateInput(value, key); + if (!query || query === "false") { + return ""; + } + + // return query as url encoded + return encodeURIComponent(query); + }, + }, + }); + + let queryPart = formatter.format(template); + if (queryPart) { + if (isFunction(wrapCallback)) { + queryPart = wrapCallback(queryPart, mapping); + } + query.push(queryPart); + } + }); + + if (hasNoIdError) { + reject(new Error("some or all filter elements have no id")); + return; + } + + + getGlobal().location.hash = createBracketedKeyValueHash(currentHash); + resolve(query); + }); } -/** - * @private - * @param {String} str - * @param {String} field - * @returns {String} - * @throws {Error} if no field is defined - */ -function parseDateInput(str, field) { - if (!str) { - return ""; - } - - if (!field) { - throw new Error("no field is defined"); - } - - // Define the supported formats - //let formats = ['DD-MM-YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD', 'YYYY/MM/DD', 'DD.MM.YYYY']; - const formats = ["YYYY-MM-DD"]; - // Determine the current date format of the localization - const currentDateFormat = new Intl.DateTimeFormat() - .format(new Date()) - .replace(/\d/g, "D"); - // formats.push(currentDateFormat); - - // Run through the supported formats and try to parse the date - for (let i = 0; i < formats.length; i++) { - const format = formats[i]; - // Replace the corresponding placeholders in the format string with regular expressions - - try { - const pattern = format - .replace("DD", "\\d{2}") - .replace("MM", "\\d{2}") - .replace("YYYY", "\\d{4}"); - const rangePattern = - "(?<from>" + pattern + ")\\s*-\\s*(?<to>" + pattern + ")"; - - const rangeRegex = new RegExp("^" + rangePattern + "$", "g"); - - if (rangeRegex.test(str)) { - rangeRegex.lastIndex = 0; - - const rangeResult = rangeRegex.exec(str); - - if (!rangeResult) { - continue; - } - - const from = rangeResult?.groups?.from; - const to = rangeResult?.groups?.to; - - if (from && to) { - return ( - "(" + - field + - ">='" + - from + - " 00:00:00' AND " + - field + - "<='" + - to + - " 23:59:59')" - ); - } - - if (from) { - return "(" + field + ">='" + from + " 00:00:00')"; - } else if (to) { - return "(" + field + "<='" + to + "' 23:59:59')"; - } - - return "false"; - } - - const prefix = str.substring(0, 1) === "-"; - const suffix = str.substring(str.length - 1, str.length) === "-"; - - if (prefix) { - str = str.substring(1, str.length); - } else if (suffix) { - str = str.substring(0, str.length - 1); - } - - const regex = new RegExp("^(?<date>" + pattern + ")$", "g"); - if (regex.test(str)) { - regex.lastIndex = 0; - const result = regex.exec(str); - - if (!result) { - continue; - } - - const date = result?.groups?.date; - if (date) { - if (prefix) { - return "(" + field + "<='" + date + " 23:59:59')"; - } else if (suffix) { - return "(" + field + ">='" + date + "' 00:00:00')"; - } - return ( - "(" + - field + - ">='" + - date + - " 00:00:00' AND " + - field + - "<='" + - date + - " 23:59:59')" - ); - } else { - return "false"; - } - } - } catch (e) {} - } - - return "false"; -} /** * @private @@ -791,97 +960,96 @@ function parseDateInput(str, field) { * @returns {null|Array|undefined|string} */ function getControlValuesFromLabel(label) { - const foundControl = label.firstElementChild; - - if (foundControl) { - if (foundControl.tagName === "INPUT") { - if (foundControl.type === "checkbox") { - const checkedControls = label.querySelectorAll(`${control}:checked`); - const values = []; - - checkedControls.forEach((checkedControl) => { - values.push(checkedControl.value); - }); - - return values; - } else if (foundControl.type === "radio") { - const checkedControl = label.querySelector(`${control}:checked`); - - if (checkedControl) { - return checkedControl.value; - } else { - return null; - } - } else { - return foundControl.value; - } - } else { - return foundControl.value; - } - } - - return null; + const foundControl = label.firstElementChild; + + if (foundControl) { + if (foundControl.tagName === "INPUT") { + if (foundControl.type === "checkbox") { + const checkedControls = label.querySelectorAll(`${foundControl}:checked`); + const values = []; + + checkedControls.forEach((checkedControl) => { + values.push(checkedControl.value); + }); + + return values; + } else if (foundControl.type === "radio") { + const checkedControl = label.querySelector(`${foundControl}:checked`); + + if (checkedControl) { + return checkedControl.value; + } else { + return null; + } + } else { + return foundControl.value; + } + } else { + return foundControl.value; + } + } + + return null; } -/** - * @private - * @returns {string} - */ -function getFilterConfigKey() { - return generateUniqueConfigKey("datatable", this?.id, "filter"); -} /** * @private * @returns {Promise<unknown>} */ function initFromConfig() { - const document = getDocument(); - const host = document.querySelector("monster-host"); - - if (!(isInstance(host, Host) && this.id)) { - return Promise.resolve(); - } - - const configKey = getFilterConfigKey.call(this); - - return new Promise((resolve, reject) => { - host - .getConfig(configKey) - .then((config) => { - if (config) { - this[settingsSymbol].setOptions(config); - } - resolve(); - }) - .catch((error) => { - if (error === undefined) { - resolve(); - return; - } - - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - reject(error); - }); - }); + const document = getDocument(); + const host = document.querySelector("monster-host"); + + if (!(isInstance(host, Host) && this.id)) { + return Promise.resolve(); + } + + const configKey = getFilterConfigKey.call(this); + + return new Promise((resolve, reject) => { + host + .getConfig(configKey) + .then((config) => { + if (config && isObject(config)) { + this[settingsSymbol].setOptions(config); + } + resolve(); + }) + .catch((error) => { + if (error === undefined) { + resolve(); + return; + } + + // config not written + if (error?.message?.match(/is not defined/)) { + resolve(); + return; + } + + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error); + reject(error); + }); + }); } /** * @private */ function updateConfig() { - const document = getDocument(); - const host = document.querySelector("monster-host"); - if (!(host && this.id)) { - return; - } - const configKey = getFilterConfigKey.call(this); - - try { - host.setConfig(configKey, this[settingsSymbol].getOptions()); - } catch (error) { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); - } + const document = getDocument(); + const host = document.querySelector("monster-host"); + if (!(host && this.id)) { + return; + } + const configKey = getFilterConfigKey.call(this); + + try { + host.setConfig(configKey, this[settingsSymbol].getOptions()); + } catch (error) { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error?.message || error); + } } /** @@ -889,8 +1057,9 @@ function updateConfig() { * @return {string} */ function getTemplate() { - // language=HTML - return ` + + // language=HTML + return ` <div data-monster-role="control" part="control"> <div data-monster-role="layout"> <div data-monster-role="filter"> @@ -898,15 +1067,31 @@ function getTemplate() { <slot name="hidden"></slot> </div> <div data-monster-role="select-and-search"> + <monster-message-state-button data-monster-role="search-button" class="stretched-control" + data-monster-replace="path:labels.search"> + </monster-message-state-button> <monster-select class="stretched-control" data-monster-selected-template="summary" data-monster-option-type="checkbox" data-monster-option-filter-mode="options" data-monster-option-filter-position="popper" data-monster-role="filter-select"></monster-select> - <monster-message-state-button data-monster-role="search-button" class="stretched-control" - data-monster-replace="path:labels.search"> - </monster-message-state-button> + <monster-popper-button data-monster-role="save-button" class="stretched-control" + data-monster-attributes="data-monster-visible path:storedConfig.enabled"> + <div slot="button">\${filter-save-label}</div> + <div class="monster-form" data-monster-role="form"> + + <label for="filter-name">\${filter-name-label} + <input name="filter-name" + type="search" + class="monster-margin-bottom-5"></label> + <monster-message-state-button + data-monster-role="save-action-button" + data-monster-option-labels-button="\${filter-save-label}"> + </monster-message-state-button> + + </div> + </monster-popper-button> <monster-button data-monster-role="reset-button" class="stretched-control" data-monster-replace="path:labels.reset"> </monster-button> diff --git a/source/components/datatable/filter/util.mjs b/source/components/datatable/filter/util.mjs new file mode 100644 index 0000000000000000000000000000000000000000..f3df87b90c60ae2c36fc11ed723254bf067eb2c8 --- /dev/null +++ b/source/components/datatable/filter/util.mjs @@ -0,0 +1,122 @@ +import {generateUniqueConfigKey} from "../../host/util.mjs"; + + +/** + * @private + * @returns {string} + */ +export function getFilterConfigKey() { + return generateUniqueConfigKey("datatable", this?.id, "filter"); +} + +/** + * @private + * @returns {string} + */ +export function getStoredFilterConfigKey() { + return generateUniqueConfigKey("datatable", this?.id, "stored-filter"); +} + +/** + * @private + * @param {String} str + * @param {String} field + * @returns {String} + * @throws {Error} if no field is defined + */ +export function parseDateInput(str, field) { + if (!str) { + return ""; + } + + if (!field) { + throw new Error("no field is defined"); + } + + // Define the supported formats + //let formats = ['DD-MM-YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD', 'YYYY/MM/DD', 'DD.MM.YYYY']; + const formats = ["YYYY-MM-DD"]; + // Determine the current date format of the localization + const currentDateFormat = new Intl.DateTimeFormat() + .format(new Date()) + .replace(/\d/g, "D"); + // formats.push(currentDateFormat); + + // Run through the supported formats and try to parse the date + for (let i = 0; i < formats.length; i++) { + const format = formats[i]; + // Replace the corresponding placeholders in the format string with regular expressions + + try { + const pattern = format + .replace("DD", "\\d{2}") + .replace("MM", "\\d{2}") + .replace("YYYY", "\\d{4}"); + const rangePattern = + "(?<from>" + pattern + ")\\s*-\\s*(?<to>" + pattern + ")"; + + const rangeRegex = new RegExp("^" + rangePattern + "$", "g"); + + if (rangeRegex.test(str)) { + rangeRegex.lastIndex = 0; + + const rangeResult = rangeRegex.exec(str); + + if (!rangeResult) { + continue; + } + + const from = rangeResult?.groups?.from; + const to = rangeResult?.groups?.to; + + if (from && to) { + return ("(" + field + ">='" + from + " 00:00:00' AND " + field + "<='" + to + " 23:59:59')"); + } + + if (from) { + return "(" + field + ">='" + from + " 00:00:00')"; + } else if (to) { + return "(" + field + "<='" + to + "' 23:59:59')"; + } + + return "false"; + } + + const prefix = str.substring(0, 1) === "-"; + const suffix = str.substring(str.length - 1, str.length) === "-"; + + if (prefix) { + str = str.substring(1, str.length); + } else if (suffix) { + str = str.substring(0, str.length - 1); + } + + const regex = new RegExp("^(?<date>" + pattern + ")$", "g"); + if (regex.test(str)) { + regex.lastIndex = 0; + const result = regex.exec(str); + + if (!result) { + continue; + } + + const date = result?.groups?.date; + if (date) { + if (prefix) { + return "(" + field + "<='" + date + " 23:59:59')"; + } else if (suffix) { + return "(" + field + ">='" + date + "' 00:00:00')"; + } + return ( + "(" + field + ">='" + date + " 00:00:00' AND " + field + "<='" + date + " 23:59:59')" + ); + } else { + return "false"; + } + } + } catch (e) { + } + } + + return "false"; +} \ No newline at end of file diff --git a/source/components/datatable/pagination.mjs b/source/components/datatable/pagination.mjs index f00d7d350c6131b676460c72cceab95453985c18..0bdeed08afe1130aba80cf5f38e1bf25b98c7cd5 100644 --- a/source/components/datatable/pagination.mjs +++ b/source/components/datatable/pagination.mjs @@ -4,28 +4,32 @@ */ import { - assembleMethodSymbol, - CustomElement, - registerCustomElement, + assembleMethodSymbol, + CustomElement, + registerCustomElement, } from "../../dom/customelement.mjs"; -import { ATTRIBUTE_DATASOURCE_SELECTOR } from "./constants.mjs"; -import { Datasource } from "./datasource.mjs"; -import { Observer } from "../../types/observer.mjs"; -import { ATTRIBUTE_ROLE } from "../../dom/constants.mjs"; -import { findTargetElementFromEvent } from "../../dom/events.mjs"; -import { PaginationStyleSheet } from "./stylesheet/pagination.mjs"; -import { isString } from "../../types/is.mjs"; -import { Pathfinder } from "../../data/pathfinder.mjs"; -import { instanceSymbol } from "../../constants.mjs"; -import { Formatter } from "../../text/formatter.mjs"; +import {ThemeStyleSheet} from "../stylesheet/theme.mjs"; +import {ATTRIBUTE_DATASOURCE_SELECTOR} from "./constants.mjs"; +import {Datasource} from "./datasource.mjs"; +import {Observer} from "../../types/observer.mjs"; +import {ATTRIBUTE_ROLE} from "../../dom/constants.mjs"; +import {findTargetElementFromEvent} from "../../dom/events.mjs"; +import {EmbeddedPaginationStyleSheet} from "./stylesheet/embedded-pagination.mjs"; +import {PaginationStyleSheet} from "./stylesheet/pagination.mjs"; +//import {SpinnerStyleSheet} from "../stylesheet/spinner.mjs"; +import {DisplayStyleSheet} from "../stylesheet/display.mjs"; +import {isString} from "../../types/is.mjs"; +import {Pathfinder} from "../../data/pathfinder.mjs"; +import {instanceSymbol} from "../../constants.mjs"; +import {Formatter} from "../../text/formatter.mjs"; import "../form/select.mjs"; -import { addAttributeToken } from "../../dom/attributes.mjs"; -import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs"; +import {addAttributeToken} from "../../dom/attributes.mjs"; +import {ATTRIBUTE_ERRORMESSAGE} from "../../dom/constants.mjs"; import "./datasource/dom.mjs"; import "./datasource/rest.mjs"; -export { Pagination }; +export {Pagination}; /** * @private @@ -72,123 +76,144 @@ const datasourceLinkedElementSymbol = Symbol("datasourceLinkedElement"); * @summary A datatable */ class Pagination extends CustomElement { - /** - */ - constructor() { - super(); - this[datasourceLinkedElementSymbol] = null; - } - - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/monster/components/pagination"); - } - - /** - * To set the options via the html tag the attribute `data-monster-options` must be used. - * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} - * - * The individual configuration values can be found in the table. - * - * @property {Object} templates Template definitions - * @property {string} templates.main Main template - * @property {int} offset Current offset - * @property {int} nextOffset Next offset - * @property {int} prevOffset Previous offset - * @property {int} objectsPerPage Number of objects per page - * @property {int} currentPage Current page - * @property {int} pages Total number of pages - * @property {int} total Total number of objects - */ - get defaults() { - return Object.assign( - {}, - super.defaults, - { - templates: { - main: getTemplate(), - }, - - datasource: { - selector: null, - }, - - labels: { - page: "${page}", - description: "Page ${page}", - previous: "Previous", - next: "Next", - of: "of", - }, - - href: "page-${page}", - - currentPage: undefined, - pages: undefined, - objectsPerPage: 20, - - mapping: { - pages: "sys.pagination.pages", - objectsPerPage: "sys.pagination.objectsPerPage", - currentPage: "sys.pagination.currentPage", - }, - - pagination: { - items: [], - }, - }, - initOptionsFromArguments.call(this), - ); - } - - /** - * - * @return {string} - */ - static getTag() { - return "monster-pagination"; - } - - /** - * - * @return {Monster.Components.Form.Form} - */ - [assembleMethodSymbol]() { - super[assembleMethodSymbol](); - - initControlReferences.call(this); - initEventHandler.call(this); - - const selector = this.getOption("datasource.selector"); - - if (isString(selector)) { - const elements = document.querySelectorAll(selector); - if (elements.length !== 1) { - throw new Error("the selector must match exactly one element"); - } - - const element = elements[0]; - if (!(element instanceof Datasource)) { - throw new TypeError("the element must be a datasource"); - } - - this[datasourceLinkedElementSymbol] = element; - element.datasource.attachObserver( - new Observer(handleDataSourceChanges.bind(this)), - ); - } - } - - /** - * - * @return [CSSStyleSheet] - */ - static getCSSStyleSheet() { - return [PaginationStyleSheet]; - } + /** + */ + constructor() { + super(); + this[datasourceLinkedElementSymbol] = null; + } + + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/pagination"); + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates Template definitions + * @property {string} templates.main Main template + * @property {int} offset Current offset + * @property {int} nextOffset Next offset + * @property {int} prevOffset Previous offset + * @property {int} objectsPerPage Number of objects per page + * @property {int} currentPage Current page + * @property {int} pages Total number of pages + * @property {int} total Total number of objects + */ + get defaults() { + return Object.assign( + {}, + super.defaults, + { + templates: { + main: getTemplate(), + }, + + datasource: { + selector: null, + }, + + labels: { + page: "${page}", + description: "Page ${page}", + previous: "Previous", + next: "Next", + of: "of", + }, + + href: "page-${page}", + + currentPage: undefined, + pages: undefined, + objectsPerPage: 20, + + mapping: { + pages: "sys.pagination.pages", + objectsPerPage: "sys.pagination.objectsPerPage", + currentPage: "sys.pagination.currentPage", + }, + + // classes: { + // // spinner: "monster-spinner monster-theme-primary-3", + // // spinnerContainer: "monster-theme-primary-1 ", + // // error: "monster-theme-error-2 monster-bg-color-primary-2", + // // errorContainer: "monster-theme-primary-1", + // }, + + // state: { + // // spinner: false, + // // error: false, + // }, + + pagination: { + items: [], + }, + }, + initOptionsFromArguments.call(this), + ); + } + + /** + * + * @return {string} + */ + static getTag() { + return "monster-pagination"; + } + + /** + * + * @return {Monster.Components.Form.Form} + */ + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + + initControlReferences.call(this); + initEventHandler.call(this); + + const selector = this.getOption("datasource.selector", ""); + + if (isString(selector)) { + const elements = document.querySelectorAll(selector); + if (elements.length !== 1) { + throw new Error("the selector must match exactly one element"); + } + + const element = elements[0]; + if (!(element instanceof Datasource)) { + throw new TypeError("the element must be a datasource"); + } + + this[datasourceLinkedElementSymbol] = element; + element.datasource.attachObserver( + new Observer(handleDataSourceChanges.bind(this)), + ); + } + + } + + /** + * @private + * @returns {CSSStyleSheet} + */ + static getControlCSSStyleSheet() { + return PaginationStyleSheet; + } + + /** + * + * @return [CSSStyleSheet] + */ + static getCSSStyleSheet() { + return [this.getControlCSSStyleSheet(), DisplayStyleSheet, ThemeStyleSheet]; + } } /** @@ -197,73 +222,73 @@ class Pagination extends CustomElement { * @throws {Error} no shadow-root is defined */ function initControlReferences() { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } - this[paginationElementSymbol] = this.shadowRoot.querySelector( - "[data-monster-role=pagination]", - ); + this[paginationElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=pagination]", + ); } /** * @private */ function initEventHandler() { - const self = this; - - self[paginationElementSymbol].addEventListener("click", function (event) { - let element = null; - const datasource = self[datasourceLinkedElementSymbol]; - if (!datasource) { - return; - } - - element = findTargetElementFromEvent( - event, - ATTRIBUTE_ROLE, - "pagination-item", - ); - if (!element) { - element = findTargetElementFromEvent( - event, - ATTRIBUTE_ROLE, - "pagination-next", - ); - if (!element) { - element = findTargetElementFromEvent( - event, - ATTRIBUTE_ROLE, - "pagination-prev", - ); - if (!element) { - return; - } - } - } - - let page = null; - - if (!element.hasAttribute("data-page-no")) { - return; - } - - page = element.getAttribute("data-page-no"); - event.preventDefault(); - - if ( - !page || - page === "" || - page === null || - page === undefined || - page === "undefined" || - page === "null" - ) { - return; - } - - datasource.setParameters({ page }).reload(); - }); + const self = this; + + self[paginationElementSymbol].addEventListener("click", function (event) { + let element = null; + const datasource = self[datasourceLinkedElementSymbol]; + if (!datasource) { + return; + } + + element = findTargetElementFromEvent( + event, + ATTRIBUTE_ROLE, + "pagination-item", + ); + if (!element) { + element = findTargetElementFromEvent( + event, + ATTRIBUTE_ROLE, + "pagination-next", + ); + if (!element) { + element = findTargetElementFromEvent( + event, + ATTRIBUTE_ROLE, + "pagination-prev", + ); + if (!element) { + return; + } + } + } + + let page = null; + + if (!element.hasAttribute("data-page-no")) { + return; + } + + page = element.getAttribute("data-page-no"); + event.preventDefault(); + + if ( + !page || + page === "" || + page === null || + page === undefined || + page === "undefined" || + page === "null" + ) { + return; + } + + datasource.setParameters({page}).reload(); + }); } /** @@ -279,46 +304,46 @@ function initEventHandler() { * @throws {Error} the datasource could not be initialized */ function initOptionsFromArguments() { - const options = {}; - const selector = this.getAttribute(ATTRIBUTE_DATASOURCE_SELECTOR); - if (selector) { - options.datasource = { selector: selector }; - } + const options = {}; + const selector = this.getAttribute(ATTRIBUTE_DATASOURCE_SELECTOR); + if (selector) { + options.datasource = {selector: selector}; + } - return options; + return options; } /** * @private */ function handleDataSourceChanges() { - let pagination; - - if (!this[datasourceLinkedElementSymbol]) { - return; - } - - const mapping = this.getOption("mapping"); - for (const key in mapping) { - const path = mapping[key]; - - let value; - try { - value = new Pathfinder(this[datasourceLinkedElementSymbol].data).getVia( - path, - ); - this.setOption(key, value); - } catch (e) { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); - } - } - - pagination = buildPagination.call( - this, - this.getOption("currentPage"), - this.getOption("pages"), - ); - this.setOption("pagination", pagination); + let pagination; + + if (!this[datasourceLinkedElementSymbol]) { + return; + } + + const mapping = this.getOption("mapping"); + for (const key in mapping) { + const path = mapping[key]; + + let value; + try { + value = new Pathfinder(this[datasourceLinkedElementSymbol].data).getVia( + path, + ); + this.setOption(key, value); + } catch (e) { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); + } + } + + pagination = buildPagination.call( + this, + this.getOption("currentPage"), + this.getOption("pages"), + ); + this.setOption("pagination", pagination); } /** @@ -328,88 +353,88 @@ function handleDataSourceChanges() { * @returns {object} */ function buildPagination(current, max) { - let prev = current === 1 ? null : current - 1; - let next = current === max ? null : current + 1; - const itemList = [1]; - - if (current > 4) itemList.push("…"); - - const r = 2; - const r1 = current - r; - const r2 = current + r; - - for (let i = r1 > 2 ? r1 : 2; i <= Math.min(max, r2); i++) itemList.push(i); - - if (r2 + 1 < max) itemList.push("…"); - if (r2 < max) itemList.push(max); - - let prevClass = ""; - - if (prev === null) { - prevClass = " disabled"; - } - - let nextClass = ""; - if (next === null) { - nextClass = " disabled"; - } - - const items = itemList.map((item) => { - const p = `${item}`; - const c = `${current}`; - - const obj = { - pageNo: item, // as integer - page: p, // as string - current: p === c, - class: (p === c ? "current" : "").trim(), - }; - - if (p === "…") { - obj.class += " disabled".trim(); - } - - const formatter = new Formatter(obj); - - obj.description = formatter.format(this.getOption("labels.description")); - obj.label = formatter.format(this.getOption("labels.page")); - obj.href = - p === "…" - ? "#" - : p === c - ? "#" - : p === "1" - ? "#" - : `#${formatter.format(this.getOption("href"))}`; - return obj; - }); - - const nextNo = next; - next = `${next}`; - - const nextHref = - next === "null" - ? "#" - : `#${new Formatter({ page: next }).format(this.getOption("href"))}`; - const prevNo = prev; - prev = `${prev}`; - const prevHref = - prev === "null" - ? "#" - : `#${new Formatter({ page: prev }).format(this.getOption("href"))}`; - - return { - current, - nextNo, - next, - nextClass, - nextHref, - prevNo, - prev, - prevClass, - prevHref, - items, - }; + let prev = current === 1 ? null : current - 1; + let next = current === max ? null : current + 1; + const itemList = [1]; + + if (current > 4) itemList.push("…"); + + const r = 2; + const r1 = current - r; + const r2 = current + r; + + for (let i = r1 > 2 ? r1 : 2; i <= Math.min(max, r2); i++) itemList.push(i); + + if (r2 + 1 < max) itemList.push("…"); + if (r2 < max) itemList.push(max); + + let prevClass = ""; + + if (prev === null) { + prevClass = " disabled"; + } + + let nextClass = ""; + if (next === null) { + nextClass = " disabled"; + } + + const items = itemList.map((item) => { + const p = `${item}`; + const c = `${current}`; + + const obj = { + pageNo: item, // as integer + page: p, // as string + current: p === c, + class: (p === c ? "current" : "").trim(), + }; + + if (p === "…") { + obj.class += " disabled".trim(); + } + + const formatter = new Formatter(obj); + + obj.description = formatter.format(this.getOption("labels.description")); + obj.label = formatter.format(this.getOption("labels.page")); + obj.href = + p === "…" + ? "#" + : p === c + ? "#" + : p === "1" + ? "#" + : `#${formatter.format(this.getOption("href"))}`; + return obj; + }); + + const nextNo = next; + next = `${next}`; + + const nextHref = + next === "null" + ? "#" + : `#${new Formatter({page: next}).format(this.getOption("href"))}`; + const prevNo = prev; + prev = `${prev}`; + const prevHref = + prev === "null" + ? "#" + : `#${new Formatter({page: prev}).format(this.getOption("href"))}`; + + return { + current, + nextNo, + next, + nextClass, + nextHref, + prevNo, + prev, + prevClass, + prevHref, + items, + }; } /** @@ -417,8 +442,8 @@ function buildPagination(current, max) { * @return {string} */ function getTemplate() { - // language=HTML - return ` + // language=HTML + return ` <template id="items"> <li><a data-monster-attributes="class path:items.class, href path:items.href, diff --git a/source/components/datatable/status.mjs b/source/components/datatable/status.mjs new file mode 100644 index 0000000000000000000000000000000000000000..5d21900de4d4bfcbf13ec947a8a2bb7a65feafcb --- /dev/null +++ b/source/components/datatable/status.mjs @@ -0,0 +1,248 @@ +/** + * Copyright 2023 schukai GmbH + * SPDX-License-Identifier: AGPL-3.0 + */ + +import { + assembleMethodSymbol, + CustomElement, + registerCustomElement, +} from "../../dom/customelement.mjs"; +import {ThemeStyleSheet} from "../stylesheet/theme.mjs"; +import {Datasource} from "./datasource.mjs"; +import {SpinnerStyleSheet} from "../stylesheet/spinner.mjs"; +import {isString} from "../../types/is.mjs"; +import {instanceSymbol} from "../../constants.mjs"; +import "../form/select.mjs"; + +import "./datasource/dom.mjs"; +import "./datasource/rest.mjs"; +import "../form/popper.mjs"; +import "../form/context-error.mjs"; +import {StatusStyleSheet} from "./stylesheet/status.mjs"; + +export {DatasourceStatus}; + +/** + * @private + * @type {symbol} + */ +const errorElementSymbol = Symbol.for("errorElement"); + +/** + * @private + * @type {symbol} + */ +const datasourceLinkedElementSymbol = Symbol("datasourceLinkedElement"); + +/** + * The Status component is used to show the current status of a datasource. + * + * <img src="./images/datasource-status.png"> + * + * Dependencies: the system uses functions of the [monsterjs](https://monsterjs.org/) library + * + * You can create this control either by specifying the HTML tag <monster-datatable-status />` directly in the HTML or using + * Javascript via the `document.createElement('monster-pagination');` method. + * + * ```html + * <monster-pagination></monster-pagination> + * ``` + * + * Or you can create this CustomControl directly in Javascript: + * + * ```js + * import '@schukai/component-datatable/source/pagination.mjs'; + * document.createElement('monster-pagination'); + * ``` + * + * @startuml datasource-status.png + * skinparam monochrome true + * skinparam shadowing false + * HTMLElement <|-- CustomElement + * CustomElement <|-- Pagination + * @enduml + * + * @copyright schukai GmbH + * @memberOf Monster.Components.Datatable + * @summary A datatable + */ +class DatasourceStatus extends CustomElement { + /** + */ + constructor() { + super(); + } + + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/datatables/status"); + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates Template definitions + * @property {string} templates.main Main template + * @property {Object} datasource Datasource configuration + * @property {string} datasource.selector The selector of the datasource + */ + get defaults() { + return Object.assign( + {}, + super.defaults, + { + templates: { + main: getTemplate(), + }, + + datasource: { + selector: null, + }, + + timeouts: { + message: 4000, + }, + + + state: { + spinner: "hide", + + } + + }, + ); + } + + /** + * + * @return {string} + */ + static getTag() { + return "monster-datasource-status"; + } + + + /** + * @private + */ + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + + initControlReferences.call(this); + initEventHandler.call(this); + + + } + + + /** + * + * @return [CSSStyleSheet] + */ + static getCSSStyleSheet() { + return [StatusStyleSheet, SpinnerStyleSheet, ThemeStyleSheet]; + } +} + +/** + * @private + * @return {Select} + * @throws {Error} no shadow-root is defined + */ +function initControlReferences() { + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + this[errorElementSymbol] = this.shadowRoot.querySelector( + "monster-context-error", + ); +} + +/** + * @private + */ +function initEventHandler() { + + const selector = this.getOption("datasource.selector", ""); + const self = this; + + if (isString(selector)) { + const elements = document.querySelectorAll(selector); + if (elements.length !== 1) { + throw new Error("the selector must match exactly one element"); + } + + const element = elements[0]; + if (!(element instanceof Datasource)) { + throw new TypeError("the element must be a datasource"); + } + + this[datasourceLinkedElementSymbol] = element; + element.addEventListener("monster-datasource-fetched", function () { + self.setOption("state.spinner", "hide"); + }) + + element.addEventListener("monster-datasource-fetch", function () { + self.setOption("state.spinner", "show"); + + }) + element.addEventListener("monster-datasource-error", function (event) { + self.setOption("state.spinner", "hide"); + + const timeout = self.getOption("timeouts.message", 4000); + let msg = "Cannot load data"; + + try { + + if (event.detail.error instanceof Error) { + msg = event.detail.error.message; + } else if (event.detail.error instanceof Object) { + msg = JSON.stringify(event.detail.error); + } else if (event.detail.error instanceof String) { + msg = event.detail.error; + } else if (event.detail.error instanceof Number) { + msg = event.detail.error.toString(); + + } else { + msg = event.detail.error; + } + + + } catch (e) { + + } finally { + self[errorElementSymbol].setErrorMessage(msg, timeout); + } + + + }) + } + + +} + +/** + * @private + * @return {string} + */ +function getTemplate() { + // language=HTML + return ` + <div data-monster-role="control"> + <monster-context-error + data-monster-option-classes-button="monster-theme-error-2 monster-bg-color-primary-2"></monster-context-error> + <div class="monster-spinner monster-theme-primary-4" + data-monster-attributes="data-monster-state-loader path:state.spinner"></div> + </div> + `; +} + +registerCustomElement(DatasourceStatus); diff --git a/source/components/datatable/style/datatable.pcss b/source/components/datatable/style/datatable.pcss index e5b54e2bbfe2f21b8a7085175e869189301e673b..c1f84f8cf653f4432f5d4b6ca8ad098d7b41e069 100644 --- a/source/components/datatable/style/datatable.pcss +++ b/source/components/datatable/style/datatable.pcss @@ -56,6 +56,7 @@ ::slotted(.monster-button-group) { display: flex; flex-direction: row !important; + align-items: center; } [data-monster-role=datatable] { diff --git a/source/components/datatable/style/embedded-pagination.pcss b/source/components/datatable/style/embedded-pagination.pcss index 7f93f8be13f6c3441e244dfe25fc42ad4e70cf79..2b2188b7d1db45628a3adba7231b42d0b7b2ee92 100644 --- a/source/components/datatable/style/embedded-pagination.pcss +++ b/source/components/datatable/style/embedded-pagination.pcss @@ -50,12 +50,10 @@ } @media (prefers-color-scheme: light) { - & a:focus { outline: 1px dashed var(--monster-color-selection-3); outline-offset: 2px; } - } & a.current { @@ -93,9 +91,68 @@ border-left: none; } + } + /* + & [data-monster-error-state=hidden] { + display: none; + } + + & [data-monster-loading-state=hidden] { + display: none; + } +*/ +/** & .pagination-loading-state { + align-items: center; + display: flex; + + &.hidden { + display: none; + } + + } + + & .pagination-error-state { + align-items: center; + display: flex; + &.hidden { + display: none; + } + & .state-icon-container { + width:2em; + height:2em; + margin:0 5px 0 2px; } + }*/ +/* + & .pagination-state { + display: flex !important; + flex-wrap: nowrap; + flex-direction: row; + align-items: center; + justify-content: center; + + & [data-monster-error-state] { + width:2em; + height:2em; + margin:0 5px 0 2px; + + display: flex; + align-items: center; + justify-content: center; + } + + & [data-monster-loading-state] { + width:2em; + height:2em; + margin:0 5px 0 2px; + } + + + }*/ + + } diff --git a/source/components/datatable/style/filter.pcss b/source/components/datatable/style/filter.pcss index 72d8c6df6fa3cff540305398f3f558cc81a43f1b..18c425630cbd16b29de727439d862ea021bfe1da 100644 --- a/source/components/datatable/style/filter.pcss +++ b/source/components/datatable/style/filter.pcss @@ -100,6 +100,10 @@ & monster-select { min-width: 350px; } + + & [data-monster-visible=false] { + display: none; + } } @mixin viewport-12 { diff --git a/source/components/datatable/style/pagination.pcss b/source/components/datatable/style/pagination.pcss index a5362b392398a01c921d3f31bcf7e11a3f21de88..d88a76b63c2700227af89c0aca4581905be09b7e 100644 --- a/source/components/datatable/style/pagination.pcss +++ b/source/components/datatable/style/pagination.pcss @@ -37,23 +37,47 @@ color: var(--monster-color-primary-1); border-color: var(--monster-bg-color-primary-4); width: max-content; - + &.current { background-color: var(--monster-bg-color-primary-4); color: var(--monster-color-primary-4); border-color: var(--monster-bg-color-primary-4); cursor: unset; } - + &.disabled { background-color: var(--monster-bg-color-primary-disabled-1); color: var(--monster-color-primary-disabled-1); - //border-color: var(--monster-bg-color-primary-4); cursor: not-allowed; } } - + /* + & .pagination-loading-state { + align-items: center; + display: flex; + + &.hidden { + display: none; + } + + } + & .pagination-error-state { + align-items: center; + display: flex; + + &.hidden { + display: none; + } + + } + + & .state-icon-container { + width:2em; + height:2em; + margin:0 5px 0 2px; + }*/ + } diff --git a/source/components/datatable/style/status.pcss b/source/components/datatable/style/status.pcss new file mode 100644 index 0000000000000000000000000000000000000000..1ecbcb65ad6487e24bafd78fb8507e02d0a293bd --- /dev/null +++ b/source/components/datatable/style/status.pcss @@ -0,0 +1,42 @@ +@import "../../style/normalize.pcss"; +@import "../../style/display.pcss"; +@import "../../style/mixin/button.pcss"; +@import "../../style/button.pcss"; +@import "../../style/mixin/typography.pcss"; +@import "../../style/mixin/hover.pcss"; +@import "../../style/control.pcss"; +@import "../../style/property.pcss"; +@import "../../style/ripple.pcss"; + + +[data-monster-role=control] { + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: nowrap; + width: fit-content; + + + & .monster-spinner { + width: 1.5rem !important; + height: 1.5rem !important; + visibility: hidden; + } + + + & [data-monster-state-loader=show] { + visibility: visible; + } +} + + +:host { + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: nowrap; + width: fit-content; + align-self: center; +} diff --git a/source/components/datatable/stylesheet/column-bar.mjs b/source/components/datatable/stylesheet/column-bar.mjs index 620fec6e54d7d991728488f413cbbf5d56d71c34..405c58ea42ea359f9bc698061e29a624c8d3d425 100644 --- a/source/components/datatable/stylesheet/column-bar.mjs +++ b/source/components/datatable/stylesheet/column-bar.mjs @@ -20,7 +20,7 @@ const ColumnBarStyleSheet = new CSSStyleSheet(); try { ColumnBarStyleSheet.insertRule(` @layer columnbar { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}[data-monster-role=control] [data-monster-role=dots]{//margin-left:10px;display:flex;flex-direction:row;justify-content:flex-start;margin:0 15px 0 0;padding:0}[data-monster-role=control] [data-monster-role=dots] li{background-clip:border-box;display:flex;list-style:none;margin:0 5px 0 0;padding:0}[data-monster-role=control] [data-monster-role=dots] li .is-visible{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:cover;height:8px;width:8px}[data-monster-role=control] [data-monster-role=dots] li .is-hidden{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:cover;height:8px;width:8px}[data-monster-role=control] [data-monster-role=dots] li :focus,[data-monster-role=control] [data-monster-role=dots] li :hover{background-clip:border-box}[data-monster-role=control] [data-monster-role=settings-layer]{background-color:var(--monster-bg-color-primary-4);border-radius:4px;color:var(--monster-color-primary-4);display:none;padding:1rem;z-index:var(--monster-z-index-popover)}[data-monster-role=control] .visible[data-monster-role=settings-layer]{display:block}[data-monster-role=control] [data-monster-role=settings-layer] label{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;margin:0;padding:0}[data-monster-role=control] [data-monster-role=settings-layer] label input{accent-color:var(--monster-bg-color-primary-4);margin:0 .5rem 0 0}[data-monster-role=control] [data-monster-role=settings-layer] [data-monster-role=settings-popup-list]{grid-gap:.1rem 1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}[data-monster-role=control] a[data-monster-role=settings-button]{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a[data-monster-role=settings-button]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1H1.5zM10 15V1H6v14h4zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11v14z'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px}[data-monster-role=control]:hover{color:var(--monster-color-primary-1)}.hidden[data-monster-role=control]{display:none} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}[data-monster-role=control] [data-monster-role=dots]{//margin-left:10px;display:flex;flex-direction:row;justify-content:flex-start;margin:0 15px 0 0;padding:0}[data-monster-role=control] [data-monster-role=dots] li{background-clip:border-box;display:flex;list-style:none;margin:0 5px 0 0;padding:0}[data-monster-role=control] [data-monster-role=dots] li .is-visible{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:cover;height:8px;width:8px}[data-monster-role=control] [data-monster-role=dots] li .is-hidden{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:cover;height:8px;width:8px}[data-monster-role=control] [data-monster-role=dots] li :focus,[data-monster-role=control] [data-monster-role=dots] li :hover{background-clip:border-box}[data-monster-role=control] [data-monster-role=settings-layer]{background-color:var(--monster-bg-color-primary-4);border-radius:4px;color:var(--monster-color-primary-4);display:none;padding:1rem;z-index:var(--monster-z-index-popover)}[data-monster-role=control] .visible[data-monster-role=settings-layer]{display:block}[data-monster-role=control] [data-monster-role=settings-layer] label{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;margin:0;padding:0}[data-monster-role=control] [data-monster-role=settings-layer] label input{accent-color:var(--monster-bg-color-primary-4);margin:0 .5rem 0 0}[data-monster-role=control] [data-monster-role=settings-layer] [data-monster-role=settings-popup-list]{grid-gap:.1rem 1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}[data-monster-role=control] a[data-monster-role=settings-button]{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a[data-monster-role=settings-button]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1zM10 15V1H6v14zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11z'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px}[data-monster-role=control]:hover{color:var(--monster-color-primary-1)}.hidden[data-monster-role=control]{display:none} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/datatable/stylesheet/datatable.mjs b/source/components/datatable/stylesheet/datatable.mjs index 7f4874b67414646a6b55c082c7ea4bdbd161829f..2f7dde955803d104e39bab7fc7638f24f3d27528 100644 --- a/source/components/datatable/stylesheet/datatable.mjs +++ b/source/components/datatable/stylesheet/datatable.mjs @@ -20,7 +20,7 @@ const DatatableStyleSheet = new CSSStyleSheet(); try { DatatableStyleSheet.insertRule(` @layer datatable { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:hsla(0,0%,100%,.7);border-radius:50%;position:absolute;transform:scale(0)}@keyframes monster-fx-ripple{to{opacity:0;transform:scale(4)}}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}.monster-margin-0{margin:var(--monster-space-0)}.monster-margin-top-0{margin-top:var(--monster-space-0)}.monster-margin-end-0{margin-left:var(--monster-space-0)}.monster-margin-bottom-0{margin-bottom:var(--monster-space-0)}.monster-margin-start-0{margin-left:var(--monster-space-0)}.monster-padding-0{padding:var(--monster-space-0)}.monster-padding-top-0{padding-top:var(--monster-space-0)}.monster-padding-end-0{padding-right:var(--monster-space-0)}.monster-padding-bottom-0{padding-bottom:var(--monster-space-0)}.monster-padding-start-0{padding-left:var(--monster-space-0)}.monster-margin-1{margin:var(--monster-space-1)}.monster-margin-top-1{margin-top:var(--monster-space-1)}.monster-margin-end-1{margin-left:var(--monster-space-1)}.monster-margin-bottom-1{margin-bottom:var(--monster-space-1)}.monster-margin-start-1{margin-left:var(--monster-space-1)}.monster-padding-1{padding:var(--monster-space-1)}.monster-padding-top-1{padding-top:var(--monster-space-1)}.monster-padding-end-1{padding-right:var(--monster-space-1)}.monster-padding-bottom-1{padding-bottom:var(--monster-space-1)}.monster-padding-start-1{padding-left:var(--monster-space-1)}.monster-margin-2{margin:var(--monster-space-2)}.monster-margin-top-2{margin-top:var(--monster-space-2)}.monster-margin-end-2{margin-left:var(--monster-space-2)}.monster-margin-bottom-2{margin-bottom:var(--monster-space-2)}.monster-margin-start-2{margin-left:var(--monster-space-2)}.monster-padding-2{padding:var(--monster-space-2)}.monster-padding-top-2{padding-top:var(--monster-space-2)}.monster-padding-end-2{padding-right:var(--monster-space-2)}.monster-padding-bottom-2{padding-bottom:var(--monster-space-2)}.monster-padding-start-2{padding-left:var(--monster-space-2)}.monster-margin-3{margin:var(--monster-space-3)}.monster-margin-top-3{margin-top:var(--monster-space-3)}.monster-margin-end-3{margin-left:var(--monster-space-3)}.monster-margin-bottom-3{margin-bottom:var(--monster-space-3)}.monster-margin-start-3{margin-left:var(--monster-space-3)}.monster-padding-3{padding:var(--monster-space-3)}.monster-padding-top-3{padding-top:var(--monster-space-3)}.monster-padding-end-3{padding-right:var(--monster-space-3)}.monster-padding-bottom-3{padding-bottom:var(--monster-space-3)}.monster-padding-start-3{padding-left:var(--monster-space-3)}.monster-margin-4{margin:var(--monster-space-4)}.monster-margin-top-4{margin-top:var(--monster-space-4)}.monster-margin-end-4{margin-left:var(--monster-space-4)}.monster-margin-bottom-4{margin-bottom:var(--monster-space-4)}.monster-margin-start-4{margin-left:var(--monster-space-4)}.monster-padding-4{padding:var(--monster-space-4)}.monster-padding-top-4{padding-top:var(--monster-space-4)}.monster-padding-end-4{padding-right:var(--monster-space-4)}.monster-padding-bottom-4{padding-bottom:var(--monster-space-4)}.monster-padding-start-4{padding-left:var(--monster-space-4)}.monster-margin-5{margin:var(--monster-space-5)}.monster-margin-top-5{margin-top:var(--monster-space-5)}.monster-margin-end-5{margin-left:var(--monster-space-5)}.monster-margin-bottom-5{margin-bottom:var(--monster-space-5)}.monster-margin-start-5{margin-left:var(--monster-space-5)}.monster-padding-5{padding:var(--monster-space-5)}.monster-padding-top-5{padding-top:var(--monster-space-5)}.monster-padding-end-5{padding-right:var(--monster-space-5)}.monster-padding-bottom-5{padding-bottom:var(--monster-space-5)}.monster-padding-start-5{padding-left:var(--monster-space-5)}.monster-margin-6{margin:var(--monster-space-6)}.monster-margin-top-6{margin-top:var(--monster-space-6)}.monster-margin-end-6{margin-left:var(--monster-space-6)}.monster-margin-bottom-6{margin-bottom:var(--monster-space-6)}.monster-margin-start-6{margin-left:var(--monster-space-6)}.monster-padding-6{padding:var(--monster-space-6)}.monster-padding-top-6{padding-top:var(--monster-space-6)}.monster-padding-end-6{padding-right:var(--monster-space-6)}.monster-padding-bottom-6{padding-bottom:var(--monster-space-6)}.monster-padding-start-6{padding-left:var(--monster-space-6)}.monster-margin-7{margin:var(--monster-space-7)}.monster-margin-top-7{margin-top:var(--monster-space-7)}.monster-margin-end-7{margin-left:var(--monster-space-7)}.monster-margin-bottom-7{margin-bottom:var(--monster-space-7)}.monster-margin-start-7{margin-left:var(--monster-space-7)}.monster-padding-7{padding:var(--monster-space-7)}.monster-padding-top-7{padding-top:var(--monster-space-7)}.monster-padding-end-7{padding-right:var(--monster-space-7)}.monster-padding-bottom-7{padding-bottom:var(--monster-space-7)}.monster-padding-start-7{padding-left:var(--monster-space-7)}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}[data-monster-role=control]{display:flex;flex-direction:column;outline:none;width:100%}.table-container{background-color:var(--monster-bg-color-primary-2);box-sizing:border-box;color:var(--monster-color-primary-2);display:block;font-size:1rem;font-weight:400;line-height:1.4;min-width:-moz-fit-content;min-width:fit-content;overflow-x:auto;padding:20px;width:100%}.table-container .bar{align-content:center;align-items:center;display:flex;flex-direction:row-reverse;gap:2rem}:host{margin:0;padding:0}::slotted(.monster-button-group){margin:0!important}::slotted(.monster-button-group){display:flex;flex-direction:row!important}[data-monster-role=datatable]{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:grid}[data-monster-role=datatable],[data-monster-role=datatable]>div{box-sizing:border-box;font-size:1rem;font-weight:400;line-height:1.4}[data-monster-role=datatable]>div{align-items:center;border-bottom:1px dashed var(--monster-bg-color-primary-2);display:flex;justify-content:flex-start;line-height:1.2;padding:.4rem .2rem}[data-monster-role=datatable]>div.start{justify-content:flex-start}[data-monster-role=datatable]>div.end{justify-content:flex-end}[data-monster-role=datatable]>div.center{justify-content:center}[data-monster-role=datatable]>div input[type=checkbox]{accent-color:var(--monster-bg-color-primary-1)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-0]:hover) [data-monster-insert-reference=row-0]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-1]:hover) [data-monster-insert-reference=row-1]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-2]:hover) [data-monster-insert-reference=row-2]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-3]:hover) [data-monster-insert-reference=row-3]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-4]:hover) [data-monster-insert-reference=row-4]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-5]:hover) [data-monster-insert-reference=row-5]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-6]:hover) [data-monster-insert-reference=row-6]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-7]:hover) [data-monster-insert-reference=row-7]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-8]:hover) [data-monster-insert-reference=row-8]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-9]:hover) [data-monster-insert-reference=row-9]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-10]:hover) [data-monster-insert-reference=row-10]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-11]:hover) [data-monster-insert-reference=row-11]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-12]:hover) [data-monster-insert-reference=row-12]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-13]:hover) [data-monster-insert-reference=row-13]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-14]:hover) [data-monster-insert-reference=row-14]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-15]:hover) [data-monster-insert-reference=row-15]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-16]:hover) [data-monster-insert-reference=row-16]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-17]:hover) [data-monster-insert-reference=row-17]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-18]:hover) [data-monster-insert-reference=row-18]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-19]:hover) [data-monster-insert-reference=row-19]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-20]:hover) [data-monster-insert-reference=row-20]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-21]:hover) [data-monster-insert-reference=row-21]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-22]:hover) [data-monster-insert-reference=row-22]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-23]:hover) [data-monster-insert-reference=row-23]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-24]:hover) [data-monster-insert-reference=row-24]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-25]:hover) [data-monster-insert-reference=row-25]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-26]:hover) [data-monster-insert-reference=row-26]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-27]:hover) [data-monster-insert-reference=row-27]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-28]:hover) [data-monster-insert-reference=row-28]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-29]:hover) [data-monster-insert-reference=row-29]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-30]:hover) [data-monster-insert-reference=row-30]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-31]:hover) [data-monster-insert-reference=row-31]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-32]:hover) [data-monster-insert-reference=row-32]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-33]:hover) [data-monster-insert-reference=row-33]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-34]:hover) [data-monster-insert-reference=row-34]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-35]:hover) [data-monster-insert-reference=row-35]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-36]:hover) [data-monster-insert-reference=row-36]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-37]:hover) [data-monster-insert-reference=row-37]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-38]:hover) [data-monster-insert-reference=row-38]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-39]:hover) [data-monster-insert-reference=row-39]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-40]:hover) [data-monster-insert-reference=row-40]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-41]:hover) [data-monster-insert-reference=row-41]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-42]:hover) [data-monster-insert-reference=row-42]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-43]:hover) [data-monster-insert-reference=row-43]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-44]:hover) [data-monster-insert-reference=row-44]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-45]:hover) [data-monster-insert-reference=row-45]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-46]:hover) [data-monster-insert-reference=row-46]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-47]:hover) [data-monster-insert-reference=row-47]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-48]:hover) [data-monster-insert-reference=row-48]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-49]:hover) [data-monster-insert-reference=row-49]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-50]:hover) [data-monster-insert-reference=row-50]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-51]:hover) [data-monster-insert-reference=row-51]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-52]:hover) [data-monster-insert-reference=row-52]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-53]:hover) [data-monster-insert-reference=row-53]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-54]:hover) [data-monster-insert-reference=row-54]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-55]:hover) [data-monster-insert-reference=row-55]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-56]:hover) [data-monster-insert-reference=row-56]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-57]:hover) [data-monster-insert-reference=row-57]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-58]:hover) [data-monster-insert-reference=row-58]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-59]:hover) [data-monster-insert-reference=row-59]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-60]:hover) [data-monster-insert-reference=row-60]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-61]:hover) [data-monster-insert-reference=row-61]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-62]:hover) [data-monster-insert-reference=row-62]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-63]:hover) [data-monster-insert-reference=row-63]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-64]:hover) [data-monster-insert-reference=row-64]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-65]:hover) [data-monster-insert-reference=row-65]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-66]:hover) [data-monster-insert-reference=row-66]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-67]:hover) [data-monster-insert-reference=row-67]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-68]:hover) [data-monster-insert-reference=row-68]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-69]:hover) [data-monster-insert-reference=row-69]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-70]:hover) [data-monster-insert-reference=row-70]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-71]:hover) [data-monster-insert-reference=row-71]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-72]:hover) [data-monster-insert-reference=row-72]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-73]:hover) [data-monster-insert-reference=row-73]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-74]:hover) [data-monster-insert-reference=row-74]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-75]:hover) [data-monster-insert-reference=row-75]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-76]:hover) [data-monster-insert-reference=row-76]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-77]:hover) [data-monster-insert-reference=row-77]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-78]:hover) [data-monster-insert-reference=row-78]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-79]:hover) [data-monster-insert-reference=row-79]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-80]:hover) [data-monster-insert-reference=row-80]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-81]:hover) [data-monster-insert-reference=row-81]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-82]:hover) [data-monster-insert-reference=row-82]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-83]:hover) [data-monster-insert-reference=row-83]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-84]:hover) [data-monster-insert-reference=row-84]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-85]:hover) [data-monster-insert-reference=row-85]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-86]:hover) [data-monster-insert-reference=row-86]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-87]:hover) [data-monster-insert-reference=row-87]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-88]:hover) [data-monster-insert-reference=row-88]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-89]:hover) [data-monster-insert-reference=row-89]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-90]:hover) [data-monster-insert-reference=row-90]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-91]:hover) [data-monster-insert-reference=row-91]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-92]:hover) [data-monster-insert-reference=row-92]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-93]:hover) [data-monster-insert-reference=row-93]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-94]:hover) [data-monster-insert-reference=row-94]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-95]:hover) [data-monster-insert-reference=row-95]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-96]:hover) [data-monster-insert-reference=row-96]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-97]:hover) [data-monster-insert-reference=row-97]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-98]:hover) [data-monster-insert-reference=row-98]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-99]:hover) [data-monster-insert-reference=row-99]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-100]:hover) [data-monster-insert-reference=row-100]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-101]:hover) [data-monster-insert-reference=row-101]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-102]:hover) [data-monster-insert-reference=row-102]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-103]:hover) [data-monster-insert-reference=row-103]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-104]:hover) [data-monster-insert-reference=row-104]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-105]:hover) [data-monster-insert-reference=row-105]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-106]:hover) [data-monster-insert-reference=row-106]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-107]:hover) [data-monster-insert-reference=row-107]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-108]:hover) [data-monster-insert-reference=row-108]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-109]:hover) [data-monster-insert-reference=row-109]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-110]:hover) [data-monster-insert-reference=row-110]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-111]:hover) [data-monster-insert-reference=row-111]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-112]:hover) [data-monster-insert-reference=row-112]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-113]:hover) [data-monster-insert-reference=row-113]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-114]:hover) [data-monster-insert-reference=row-114]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-115]:hover) [data-monster-insert-reference=row-115]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-116]:hover) [data-monster-insert-reference=row-116]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-117]:hover) [data-monster-insert-reference=row-117]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-118]:hover) [data-monster-insert-reference=row-118]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-119]:hover) [data-monster-insert-reference=row-119]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-120]:hover) [data-monster-insert-reference=row-120]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-121]:hover) [data-monster-insert-reference=row-121]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-122]:hover) [data-monster-insert-reference=row-122]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-123]:hover) [data-monster-insert-reference=row-123]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-124]:hover) [data-monster-insert-reference=row-124]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-125]:hover) [data-monster-insert-reference=row-125]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-126]:hover) [data-monster-insert-reference=row-126]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-127]:hover) [data-monster-insert-reference=row-127]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-128]:hover) [data-monster-insert-reference=row-128]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-129]:hover) [data-monster-insert-reference=row-129]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-130]:hover) [data-monster-insert-reference=row-130]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-131]:hover) [data-monster-insert-reference=row-131]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-132]:hover) [data-monster-insert-reference=row-132]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-133]:hover) [data-monster-insert-reference=row-133]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-134]:hover) [data-monster-insert-reference=row-134]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-135]:hover) [data-monster-insert-reference=row-135]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-136]:hover) [data-monster-insert-reference=row-136]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-137]:hover) [data-monster-insert-reference=row-137]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-138]:hover) [data-monster-insert-reference=row-138]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-139]:hover) [data-monster-insert-reference=row-139]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-140]:hover) [data-monster-insert-reference=row-140]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-141]:hover) [data-monster-insert-reference=row-141]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-142]:hover) [data-monster-insert-reference=row-142]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-143]:hover) [data-monster-insert-reference=row-143]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-144]:hover) [data-monster-insert-reference=row-144]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-145]:hover) [data-monster-insert-reference=row-145]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-146]:hover) [data-monster-insert-reference=row-146]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-147]:hover) [data-monster-insert-reference=row-147]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-148]:hover) [data-monster-insert-reference=row-148]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-149]:hover) [data-monster-insert-reference=row-149]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-150]:hover) [data-monster-insert-reference=row-150]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-151]:hover) [data-monster-insert-reference=row-151]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-152]:hover) [data-monster-insert-reference=row-152]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-153]:hover) [data-monster-insert-reference=row-153]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-154]:hover) [data-monster-insert-reference=row-154]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-155]:hover) [data-monster-insert-reference=row-155]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-156]:hover) [data-monster-insert-reference=row-156]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-157]:hover) [data-monster-insert-reference=row-157]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-158]:hover) [data-monster-insert-reference=row-158]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-159]:hover) [data-monster-insert-reference=row-159]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-160]:hover) [data-monster-insert-reference=row-160]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-161]:hover) [data-monster-insert-reference=row-161]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-162]:hover) [data-monster-insert-reference=row-162]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-163]:hover) [data-monster-insert-reference=row-163]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-164]:hover) [data-monster-insert-reference=row-164]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-165]:hover) [data-monster-insert-reference=row-165]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-166]:hover) [data-monster-insert-reference=row-166]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-167]:hover) [data-monster-insert-reference=row-167]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-168]:hover) [data-monster-insert-reference=row-168]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-169]:hover) [data-monster-insert-reference=row-169]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-170]:hover) [data-monster-insert-reference=row-170]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-171]:hover) [data-monster-insert-reference=row-171]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-172]:hover) [data-monster-insert-reference=row-172]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-173]:hover) [data-monster-insert-reference=row-173]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-174]:hover) [data-monster-insert-reference=row-174]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-175]:hover) [data-monster-insert-reference=row-175]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-176]:hover) [data-monster-insert-reference=row-176]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-177]:hover) [data-monster-insert-reference=row-177]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-178]:hover) [data-monster-insert-reference=row-178]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-179]:hover) [data-monster-insert-reference=row-179]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-180]:hover) [data-monster-insert-reference=row-180]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-181]:hover) [data-monster-insert-reference=row-181]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-182]:hover) [data-monster-insert-reference=row-182]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-183]:hover) [data-monster-insert-reference=row-183]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-184]:hover) [data-monster-insert-reference=row-184]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-185]:hover) [data-monster-insert-reference=row-185]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-186]:hover) [data-monster-insert-reference=row-186]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-187]:hover) [data-monster-insert-reference=row-187]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-188]:hover) [data-monster-insert-reference=row-188]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-189]:hover) [data-monster-insert-reference=row-189]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-190]:hover) [data-monster-insert-reference=row-190]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-191]:hover) [data-monster-insert-reference=row-191]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-192]:hover) [data-monster-insert-reference=row-192]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-193]:hover) [data-monster-insert-reference=row-193]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-194]:hover) [data-monster-insert-reference=row-194]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-195]:hover) [data-monster-insert-reference=row-195]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-196]:hover) [data-monster-insert-reference=row-196]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-197]:hover) [data-monster-insert-reference=row-197]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-198]:hover) [data-monster-insert-reference=row-198]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-199]:hover) [data-monster-insert-reference=row-199]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-200]:hover) [data-monster-insert-reference=row-200]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-201]:hover) [data-monster-insert-reference=row-201]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-202]:hover) [data-monster-insert-reference=row-202]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-203]:hover) [data-monster-insert-reference=row-203]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-204]:hover) [data-monster-insert-reference=row-204]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-205]:hover) [data-monster-insert-reference=row-205]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-206]:hover) [data-monster-insert-reference=row-206]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-207]:hover) [data-monster-insert-reference=row-207]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-208]:hover) [data-monster-insert-reference=row-208]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-209]:hover) [data-monster-insert-reference=row-209]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-210]:hover) [data-monster-insert-reference=row-210]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-211]:hover) [data-monster-insert-reference=row-211]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-212]:hover) [data-monster-insert-reference=row-212]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-213]:hover) [data-monster-insert-reference=row-213]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-214]:hover) [data-monster-insert-reference=row-214]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-215]:hover) [data-monster-insert-reference=row-215]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-216]:hover) [data-monster-insert-reference=row-216]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-217]:hover) [data-monster-insert-reference=row-217]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-218]:hover) [data-monster-insert-reference=row-218]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-219]:hover) [data-monster-insert-reference=row-219]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-220]:hover) [data-monster-insert-reference=row-220]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-221]:hover) [data-monster-insert-reference=row-221]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-222]:hover) [data-monster-insert-reference=row-222]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-223]:hover) [data-monster-insert-reference=row-223]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-224]:hover) [data-monster-insert-reference=row-224]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-225]:hover) [data-monster-insert-reference=row-225]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-226]:hover) [data-monster-insert-reference=row-226]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-227]:hover) [data-monster-insert-reference=row-227]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-228]:hover) [data-monster-insert-reference=row-228]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-229]:hover) [data-monster-insert-reference=row-229]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-230]:hover) [data-monster-insert-reference=row-230]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-231]:hover) [data-monster-insert-reference=row-231]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-232]:hover) [data-monster-insert-reference=row-232]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-233]:hover) [data-monster-insert-reference=row-233]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-234]:hover) [data-monster-insert-reference=row-234]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-235]:hover) [data-monster-insert-reference=row-235]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-236]:hover) [data-monster-insert-reference=row-236]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-237]:hover) [data-monster-insert-reference=row-237]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-238]:hover) [data-monster-insert-reference=row-238]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-239]:hover) [data-monster-insert-reference=row-239]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-240]:hover) [data-monster-insert-reference=row-240]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-241]:hover) [data-monster-insert-reference=row-241]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-242]:hover) [data-monster-insert-reference=row-242]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-243]:hover) [data-monster-insert-reference=row-243]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-244]:hover) [data-monster-insert-reference=row-244]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-245]:hover) [data-monster-insert-reference=row-245]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-246]:hover) [data-monster-insert-reference=row-246]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-247]:hover) [data-monster-insert-reference=row-247]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-248]:hover) [data-monster-insert-reference=row-248]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-249]:hover) [data-monster-insert-reference=row-249]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-250]:hover) [data-monster-insert-reference=row-250]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-251]:hover) [data-monster-insert-reference=row-251]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-252]:hover) [data-monster-insert-reference=row-252]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-253]:hover) [data-monster-insert-reference=row-253]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-254]:hover) [data-monster-insert-reference=row-254]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-255]:hover) [data-monster-insert-reference=row-255]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-256]:hover) [data-monster-insert-reference=row-256]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-257]:hover) [data-monster-insert-reference=row-257]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-258]:hover) [data-monster-insert-reference=row-258]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-259]:hover) [data-monster-insert-reference=row-259]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-260]:hover) [data-monster-insert-reference=row-260]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-261]:hover) [data-monster-insert-reference=row-261]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-262]:hover) [data-monster-insert-reference=row-262]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-263]:hover) [data-monster-insert-reference=row-263]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-264]:hover) [data-monster-insert-reference=row-264]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-265]:hover) [data-monster-insert-reference=row-265]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-266]:hover) [data-monster-insert-reference=row-266]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-267]:hover) [data-monster-insert-reference=row-267]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-268]:hover) [data-monster-insert-reference=row-268]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-269]:hover) [data-monster-insert-reference=row-269]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-270]:hover) [data-monster-insert-reference=row-270]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-271]:hover) [data-monster-insert-reference=row-271]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-272]:hover) [data-monster-insert-reference=row-272]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-273]:hover) [data-monster-insert-reference=row-273]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-274]:hover) [data-monster-insert-reference=row-274]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-275]:hover) [data-monster-insert-reference=row-275]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-276]:hover) [data-monster-insert-reference=row-276]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-277]:hover) [data-monster-insert-reference=row-277]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-278]:hover) [data-monster-insert-reference=row-278]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-279]:hover) [data-monster-insert-reference=row-279]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-280]:hover) [data-monster-insert-reference=row-280]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-281]:hover) [data-monster-insert-reference=row-281]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-282]:hover) [data-monster-insert-reference=row-282]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-283]:hover) [data-monster-insert-reference=row-283]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-284]:hover) [data-monster-insert-reference=row-284]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-285]:hover) [data-monster-insert-reference=row-285]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-286]:hover) [data-monster-insert-reference=row-286]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-287]:hover) [data-monster-insert-reference=row-287]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-288]:hover) [data-monster-insert-reference=row-288]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-289]:hover) [data-monster-insert-reference=row-289]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-290]:hover) [data-monster-insert-reference=row-290]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-291]:hover) [data-monster-insert-reference=row-291]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-292]:hover) [data-monster-insert-reference=row-292]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-293]:hover) [data-monster-insert-reference=row-293]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-294]:hover) [data-monster-insert-reference=row-294]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-295]:hover) [data-monster-insert-reference=row-295]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-296]:hover) [data-monster-insert-reference=row-296]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-297]:hover) [data-monster-insert-reference=row-297]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-298]:hover) [data-monster-insert-reference=row-298]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-299]:hover) [data-monster-insert-reference=row-299]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-300]:hover) [data-monster-insert-reference=row-300]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-301]:hover) [data-monster-insert-reference=row-301]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-302]:hover) [data-monster-insert-reference=row-302]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-303]:hover) [data-monster-insert-reference=row-303]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-304]:hover) [data-monster-insert-reference=row-304]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-305]:hover) [data-monster-insert-reference=row-305]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-306]:hover) [data-monster-insert-reference=row-306]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-307]:hover) [data-monster-insert-reference=row-307]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-308]:hover) [data-monster-insert-reference=row-308]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-309]:hover) [data-monster-insert-reference=row-309]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-310]:hover) [data-monster-insert-reference=row-310]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-311]:hover) [data-monster-insert-reference=row-311]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-312]:hover) [data-monster-insert-reference=row-312]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-313]:hover) [data-monster-insert-reference=row-313]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-314]:hover) [data-monster-insert-reference=row-314]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-315]:hover) [data-monster-insert-reference=row-315]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-316]:hover) [data-monster-insert-reference=row-316]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-317]:hover) [data-monster-insert-reference=row-317]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-318]:hover) [data-monster-insert-reference=row-318]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-319]:hover) [data-monster-insert-reference=row-319]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-320]:hover) [data-monster-insert-reference=row-320]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-321]:hover) [data-monster-insert-reference=row-321]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-322]:hover) [data-monster-insert-reference=row-322]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-323]:hover) [data-monster-insert-reference=row-323]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-324]:hover) [data-monster-insert-reference=row-324]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-325]:hover) [data-monster-insert-reference=row-325]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-326]:hover) [data-monster-insert-reference=row-326]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-327]:hover) [data-monster-insert-reference=row-327]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-328]:hover) [data-monster-insert-reference=row-328]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-329]:hover) [data-monster-insert-reference=row-329]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-330]:hover) [data-monster-insert-reference=row-330]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-331]:hover) [data-monster-insert-reference=row-331]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-332]:hover) [data-monster-insert-reference=row-332]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-333]:hover) [data-monster-insert-reference=row-333]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-334]:hover) [data-monster-insert-reference=row-334]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-335]:hover) [data-monster-insert-reference=row-335]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-336]:hover) [data-monster-insert-reference=row-336]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-337]:hover) [data-monster-insert-reference=row-337]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-338]:hover) [data-monster-insert-reference=row-338]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-339]:hover) [data-monster-insert-reference=row-339]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-340]:hover) [data-monster-insert-reference=row-340]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-341]:hover) [data-monster-insert-reference=row-341]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-342]:hover) [data-monster-insert-reference=row-342]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-343]:hover) [data-monster-insert-reference=row-343]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-344]:hover) [data-monster-insert-reference=row-344]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-345]:hover) [data-monster-insert-reference=row-345]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-346]:hover) [data-monster-insert-reference=row-346]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-347]:hover) [data-monster-insert-reference=row-347]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-348]:hover) [data-monster-insert-reference=row-348]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-349]:hover) [data-monster-insert-reference=row-349]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-350]:hover) [data-monster-insert-reference=row-350]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-351]:hover) [data-monster-insert-reference=row-351]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-352]:hover) [data-monster-insert-reference=row-352]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-353]:hover) [data-monster-insert-reference=row-353]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-354]:hover) [data-monster-insert-reference=row-354]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-355]:hover) [data-monster-insert-reference=row-355]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-356]:hover) [data-monster-insert-reference=row-356]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-357]:hover) [data-monster-insert-reference=row-357]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-358]:hover) [data-monster-insert-reference=row-358]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-359]:hover) [data-monster-insert-reference=row-359]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-360]:hover) [data-monster-insert-reference=row-360]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-361]:hover) [data-monster-insert-reference=row-361]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-362]:hover) [data-monster-insert-reference=row-362]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-363]:hover) [data-monster-insert-reference=row-363]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-364]:hover) [data-monster-insert-reference=row-364]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-365]:hover) [data-monster-insert-reference=row-365]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-366]:hover) [data-monster-insert-reference=row-366]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-367]:hover) [data-monster-insert-reference=row-367]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-368]:hover) [data-monster-insert-reference=row-368]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-369]:hover) [data-monster-insert-reference=row-369]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-370]:hover) [data-monster-insert-reference=row-370]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-371]:hover) [data-monster-insert-reference=row-371]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-372]:hover) [data-monster-insert-reference=row-372]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-373]:hover) [data-monster-insert-reference=row-373]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-374]:hover) [data-monster-insert-reference=row-374]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-375]:hover) [data-monster-insert-reference=row-375]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-376]:hover) [data-monster-insert-reference=row-376]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-377]:hover) [data-monster-insert-reference=row-377]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-378]:hover) [data-monster-insert-reference=row-378]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-379]:hover) [data-monster-insert-reference=row-379]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-380]:hover) [data-monster-insert-reference=row-380]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-381]:hover) [data-monster-insert-reference=row-381]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-382]:hover) [data-monster-insert-reference=row-382]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-383]:hover) [data-monster-insert-reference=row-383]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-384]:hover) [data-monster-insert-reference=row-384]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-385]:hover) [data-monster-insert-reference=row-385]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-386]:hover) [data-monster-insert-reference=row-386]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-387]:hover) [data-monster-insert-reference=row-387]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-388]:hover) [data-monster-insert-reference=row-388]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-389]:hover) [data-monster-insert-reference=row-389]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-390]:hover) [data-monster-insert-reference=row-390]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-391]:hover) [data-monster-insert-reference=row-391]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-392]:hover) [data-monster-insert-reference=row-392]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-393]:hover) [data-monster-insert-reference=row-393]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-394]:hover) [data-monster-insert-reference=row-394]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-395]:hover) [data-monster-insert-reference=row-395]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-396]:hover) [data-monster-insert-reference=row-396]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-397]:hover) [data-monster-insert-reference=row-397]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-398]:hover) [data-monster-insert-reference=row-398]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-399]:hover) [data-monster-insert-reference=row-399]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-400]:hover) [data-monster-insert-reference=row-400]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-401]:hover) [data-monster-insert-reference=row-401]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-402]:hover) [data-monster-insert-reference=row-402]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-403]:hover) [data-monster-insert-reference=row-403]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-404]:hover) [data-monster-insert-reference=row-404]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-405]:hover) [data-monster-insert-reference=row-405]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-406]:hover) [data-monster-insert-reference=row-406]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-407]:hover) [data-monster-insert-reference=row-407]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-408]:hover) [data-monster-insert-reference=row-408]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-409]:hover) [data-monster-insert-reference=row-409]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-410]:hover) [data-monster-insert-reference=row-410]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-411]:hover) [data-monster-insert-reference=row-411]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-412]:hover) [data-monster-insert-reference=row-412]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-413]:hover) [data-monster-insert-reference=row-413]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-414]:hover) [data-monster-insert-reference=row-414]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-415]:hover) [data-monster-insert-reference=row-415]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-416]:hover) [data-monster-insert-reference=row-416]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-417]:hover) [data-monster-insert-reference=row-417]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-418]:hover) [data-monster-insert-reference=row-418]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-419]:hover) [data-monster-insert-reference=row-419]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-420]:hover) [data-monster-insert-reference=row-420]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-421]:hover) [data-monster-insert-reference=row-421]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-422]:hover) [data-monster-insert-reference=row-422]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-423]:hover) [data-monster-insert-reference=row-423]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-424]:hover) [data-monster-insert-reference=row-424]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-425]:hover) [data-monster-insert-reference=row-425]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-426]:hover) [data-monster-insert-reference=row-426]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-427]:hover) [data-monster-insert-reference=row-427]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-428]:hover) [data-monster-insert-reference=row-428]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-429]:hover) [data-monster-insert-reference=row-429]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-430]:hover) [data-monster-insert-reference=row-430]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-431]:hover) [data-monster-insert-reference=row-431]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-432]:hover) [data-monster-insert-reference=row-432]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-433]:hover) [data-monster-insert-reference=row-433]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-434]:hover) [data-monster-insert-reference=row-434]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-435]:hover) [data-monster-insert-reference=row-435]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-436]:hover) [data-monster-insert-reference=row-436]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-437]:hover) [data-monster-insert-reference=row-437]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-438]:hover) [data-monster-insert-reference=row-438]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-439]:hover) [data-monster-insert-reference=row-439]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-440]:hover) [data-monster-insert-reference=row-440]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-441]:hover) [data-monster-insert-reference=row-441]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-442]:hover) [data-monster-insert-reference=row-442]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-443]:hover) [data-monster-insert-reference=row-443]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-444]:hover) [data-monster-insert-reference=row-444]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-445]:hover) [data-monster-insert-reference=row-445]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-446]:hover) [data-monster-insert-reference=row-446]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-447]:hover) [data-monster-insert-reference=row-447]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-448]:hover) [data-monster-insert-reference=row-448]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-449]:hover) [data-monster-insert-reference=row-449]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-450]:hover) [data-monster-insert-reference=row-450]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-451]:hover) [data-monster-insert-reference=row-451]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-452]:hover) [data-monster-insert-reference=row-452]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-453]:hover) [data-monster-insert-reference=row-453]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-454]:hover) [data-monster-insert-reference=row-454]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-455]:hover) [data-monster-insert-reference=row-455]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-456]:hover) [data-monster-insert-reference=row-456]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-457]:hover) [data-monster-insert-reference=row-457]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-458]:hover) [data-monster-insert-reference=row-458]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-459]:hover) [data-monster-insert-reference=row-459]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-460]:hover) [data-monster-insert-reference=row-460]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-461]:hover) [data-monster-insert-reference=row-461]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-462]:hover) [data-monster-insert-reference=row-462]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-463]:hover) [data-monster-insert-reference=row-463]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-464]:hover) [data-monster-insert-reference=row-464]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-465]:hover) [data-monster-insert-reference=row-465]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-466]:hover) [data-monster-insert-reference=row-466]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-467]:hover) [data-monster-insert-reference=row-467]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-468]:hover) [data-monster-insert-reference=row-468]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-469]:hover) [data-monster-insert-reference=row-469]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-470]:hover) [data-monster-insert-reference=row-470]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-471]:hover) [data-monster-insert-reference=row-471]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-472]:hover) [data-monster-insert-reference=row-472]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-473]:hover) [data-monster-insert-reference=row-473]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-474]:hover) [data-monster-insert-reference=row-474]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-475]:hover) [data-monster-insert-reference=row-475]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-476]:hover) [data-monster-insert-reference=row-476]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-477]:hover) [data-monster-insert-reference=row-477]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-478]:hover) [data-monster-insert-reference=row-478]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-479]:hover) [data-monster-insert-reference=row-479]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-480]:hover) [data-monster-insert-reference=row-480]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-481]:hover) [data-monster-insert-reference=row-481]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-482]:hover) [data-monster-insert-reference=row-482]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-483]:hover) [data-monster-insert-reference=row-483]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-484]:hover) [data-monster-insert-reference=row-484]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-485]:hover) [data-monster-insert-reference=row-485]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-486]:hover) [data-monster-insert-reference=row-486]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-487]:hover) [data-monster-insert-reference=row-487]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-488]:hover) [data-monster-insert-reference=row-488]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-489]:hover) [data-monster-insert-reference=row-489]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-490]:hover) [data-monster-insert-reference=row-490]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-491]:hover) [data-monster-insert-reference=row-491]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-492]:hover) [data-monster-insert-reference=row-492]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-493]:hover) [data-monster-insert-reference=row-493]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-494]:hover) [data-monster-insert-reference=row-494]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-495]:hover) [data-monster-insert-reference=row-495]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-496]:hover) [data-monster-insert-reference=row-496]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-497]:hover) [data-monster-insert-reference=row-497]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-498]:hover) [data-monster-insert-reference=row-498]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-499]:hover) [data-monster-insert-reference=row-499]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-500]:hover) [data-monster-insert-reference=row-500]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable] .monster-form{accent-color:var(--monster-color-secondary-2);align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}[data-monster-role=datatable] .monster-form label{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:grid}[data-monster-role=datatable] .monster-form label:has(input[type=radio]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}[data-monster-role=datatable] .monster-form label:has(input[type=radio]) input{margin-left:.4rem;margin-right:.4rem}:is([data-monster-role=datatable] .monster-form) label:has(input[type=radio])~label:has(input[type=radio]){margin-top:.2rem}[data-monster-role=datatable] .monster-form label:has(input[type=checkbox]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}[data-monster-role=datatable] .monster-form label:has(input[type=checkbox]) input{margin-left:.4rem;margin-right:.4rem}:is([data-monster-role=datatable] .monster-form) label:has(input[type=checkbox])~label:has(input[type=checkbox]){margin-top:.2rem}:is([data-monster-role=datatable] .monster-form) label~label{margin-top:1rem}:is([data-monster-role=datatable] .monster-form) label~fieldset{margin-top:1rem}[data-monster-role=datatable] .monster-form button,[data-monster-role=datatable] .monster-form input,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;padding:.4rem .6rem}[data-monster-role=datatable] .monster-form button{border-shadow:var(--monster-box-shadow-1);background-color:var(--monster-bg-color-tertiary-1);border-color:var(--monster-bg-color-primary-3);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-1)}[data-monster-role=datatable] .monster-form option:checked,[data-monster-role=datatable] .monster-form option:focus,[data-monster-role=datatable] .monster-form option:hover{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}[data-monster-role=datatable] .monster-form input,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{border-bottom-radius:var(--monster-border-radius);border-bottom-shadow:var(--monster-box-shadow-1);border-shadow:var(--monster-box-shadow-1);border:0;border-bottom:thin var(--monster-border-style) var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:thin}[data-monster-role=datatable] .monster-form button,[data-monster-role=datatable] .monster-form input:not([type=radio]):not([type=checkbox]),[data-monster-role=datatable] .monster-form label,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{width:100%}[data-monster-role=datatable] .monster-form label input:not([type=radio]):not([type=checkbox]),[data-monster-role=datatable] .monster-form label select,[data-monster-role=datatable] .monster-form label textarea{margin-top:.2rem;width:100%}:is([data-monster-role=datatable] .monster-form) label+input:not([type=radio]):not([type=checkbox]),:is([data-monster-role=datatable] .monster-form) label+select,:is([data-monster-role=datatable] .monster-form) label+textarea{margin-top:.2rem;width:100%}[data-monster-role=datatable] .monster-form fieldset{background-color:var(--monster-bg-color-primary-1);border:2px solid var(--monster-bg-color-primary-3);box-sizing:border-box;color:var(--monster-color-primary-1);margin:0;outline:none;padding:2.5rem 2rem 2rem;position:relative;width:100%}[data-monster-role=datatable] .monster-form fieldset legend{font-size:.8rem;max-width:95%;overflow:hidden;padding:.1rem 2rem .2rem .5rem;position:absolute;right:0;text-align:right;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:nowrap}:is([data-monster-role=datatable] .monster-form) fieldset~fieldset{margin-top:1rem}[data-monster-role=datatable] .monster-form button{margin:.2rem 0}[data-monster-role=datatable] .monster-form button:first-of-type{margin-top:1rem}[data-monster-role=datatable] .monster-form button:last-of-type{margin-bottom:1rem}[data-monster-role=datatable] .monster-form input:focus-visible{outline:none}[data-monster-role=datatable] .monster-form button:focus,[data-monster-role=datatable] .monster-form input:focus,[data-monster-role=datatable] .monster-form select:focus,[data-monster-role=datatable] .monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){[data-monster-role=datatable] .monster-form button,[data-monster-role=datatable] .monster-form input,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2)}[data-monster-role=datatable] .monster-form button:focus,[data-monster-role=datatable] .monster-form input:focus,[data-monster-role=datatable] .monster-form select:focus,[data-monster-role=datatable] .monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=datatable] .monster-form button:hover,[data-monster-role=datatable] .monster-form input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),[data-monster-role=datatable] .monster-form select:hover,[data-monster-role=datatable] .monster-form textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}[data-monster-role=footer]{align-items:center;box-sizing:border-box;display:flex;padding:5px 20px}[data-monster-role=footer]>slot{display:flex;justify-content:flex-start;width:-moz-fit-content;width:fit-content}[data-monster-role=footer]>slot.hidden{display:none}[data-monster-role=datatable-headers]{display:grid}[data-monster-role=datatable-headers]>div{align-items:center;display:flex;font-size:1rem;font-weight:400;font-weight:700;justify-content:flex-start;line-height:1.4;max-width:100%;overflow:hidden;padding:.3rem .2rem;text-overflow:ellipsis;white-space:nowrap}[data-monster-role=datatable-headers]>div a[data-monster-sortable]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E\");margin:0 3px 0 5px}[data-monster-role=datatable-headers]>div a[data-monster-sortable~=DESC i]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z'/%3E%3C/svg%3E\")}[data-monster-role=datatable-headers]>div a[data-monster-sortable~=ASC i]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z'/%3E%3C/svg%3E\")}[data-monster-role=datatable-headers] .flex-start{justify-content:flex-start}[data-monster-role=datatable-headers] .flex-end{justify-content:flex-end}[data-monster-role=datatable-headers] .flex-center{justify-content:center}.filter{margin:0 0 20px}.hidden{display:none}monster-state[data-monster-role=empty-without-action]::part(action){display:none}.empty-state-container{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);padding:var(--monster-space-7) 0}@media (max-width:768px){.table-container .bar{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:.1rem}.table-container:has([data-monster-insert-reference=row-0]:hover) [data-monster-insert-reference=row-0]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-1]:hover) [data-monster-insert-reference=row-1]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-2]:hover) [data-monster-insert-reference=row-2]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-3]:hover) [data-monster-insert-reference=row-3]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-4]:hover) [data-monster-insert-reference=row-4]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-5]:hover) [data-monster-insert-reference=row-5]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-6]:hover) [data-monster-insert-reference=row-6]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-7]:hover) [data-monster-insert-reference=row-7]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-8]:hover) [data-monster-insert-reference=row-8]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-9]:hover) [data-monster-insert-reference=row-9]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-10]:hover) [data-monster-insert-reference=row-10]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-11]:hover) [data-monster-insert-reference=row-11]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-12]:hover) [data-monster-insert-reference=row-12]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-13]:hover) [data-monster-insert-reference=row-13]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-14]:hover) [data-monster-insert-reference=row-14]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-15]:hover) [data-monster-insert-reference=row-15]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-16]:hover) [data-monster-insert-reference=row-16]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-17]:hover) [data-monster-insert-reference=row-17]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-18]:hover) [data-monster-insert-reference=row-18]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-19]:hover) [data-monster-insert-reference=row-19]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-20]:hover) [data-monster-insert-reference=row-20]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-21]:hover) [data-monster-insert-reference=row-21]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-22]:hover) [data-monster-insert-reference=row-22]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-23]:hover) [data-monster-insert-reference=row-23]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-24]:hover) [data-monster-insert-reference=row-24]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-25]:hover) [data-monster-insert-reference=row-25]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-26]:hover) [data-monster-insert-reference=row-26]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-27]:hover) [data-monster-insert-reference=row-27]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-28]:hover) [data-monster-insert-reference=row-28]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-29]:hover) [data-monster-insert-reference=row-29]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-30]:hover) [data-monster-insert-reference=row-30]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-31]:hover) [data-monster-insert-reference=row-31]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-32]:hover) [data-monster-insert-reference=row-32]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-33]:hover) [data-monster-insert-reference=row-33]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-34]:hover) [data-monster-insert-reference=row-34]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-35]:hover) [data-monster-insert-reference=row-35]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-36]:hover) [data-monster-insert-reference=row-36]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-37]:hover) [data-monster-insert-reference=row-37]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-38]:hover) [data-monster-insert-reference=row-38]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-39]:hover) [data-monster-insert-reference=row-39]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-40]:hover) [data-monster-insert-reference=row-40]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-41]:hover) [data-monster-insert-reference=row-41]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-42]:hover) [data-monster-insert-reference=row-42]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-43]:hover) [data-monster-insert-reference=row-43]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-44]:hover) [data-monster-insert-reference=row-44]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-45]:hover) [data-monster-insert-reference=row-45]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-46]:hover) [data-monster-insert-reference=row-46]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-47]:hover) [data-monster-insert-reference=row-47]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-48]:hover) [data-monster-insert-reference=row-48]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-49]:hover) [data-monster-insert-reference=row-49]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-50]:hover) [data-monster-insert-reference=row-50]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-51]:hover) [data-monster-insert-reference=row-51]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-52]:hover) [data-monster-insert-reference=row-52]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-53]:hover) [data-monster-insert-reference=row-53]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-54]:hover) [data-monster-insert-reference=row-54]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-55]:hover) [data-monster-insert-reference=row-55]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-56]:hover) [data-monster-insert-reference=row-56]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-57]:hover) [data-monster-insert-reference=row-57]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-58]:hover) [data-monster-insert-reference=row-58]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-59]:hover) [data-monster-insert-reference=row-59]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-60]:hover) [data-monster-insert-reference=row-60]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-61]:hover) [data-monster-insert-reference=row-61]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-62]:hover) [data-monster-insert-reference=row-62]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-63]:hover) [data-monster-insert-reference=row-63]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-64]:hover) [data-monster-insert-reference=row-64]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-65]:hover) [data-monster-insert-reference=row-65]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-66]:hover) [data-monster-insert-reference=row-66]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-67]:hover) [data-monster-insert-reference=row-67]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-68]:hover) [data-monster-insert-reference=row-68]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-69]:hover) [data-monster-insert-reference=row-69]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-70]:hover) [data-monster-insert-reference=row-70]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-71]:hover) [data-monster-insert-reference=row-71]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-72]:hover) [data-monster-insert-reference=row-72]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-73]:hover) [data-monster-insert-reference=row-73]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-74]:hover) [data-monster-insert-reference=row-74]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-75]:hover) [data-monster-insert-reference=row-75]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-76]:hover) [data-monster-insert-reference=row-76]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-77]:hover) [data-monster-insert-reference=row-77]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-78]:hover) [data-monster-insert-reference=row-78]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-79]:hover) [data-monster-insert-reference=row-79]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-80]:hover) [data-monster-insert-reference=row-80]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-81]:hover) [data-monster-insert-reference=row-81]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-82]:hover) [data-monster-insert-reference=row-82]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-83]:hover) [data-monster-insert-reference=row-83]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-84]:hover) [data-monster-insert-reference=row-84]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-85]:hover) [data-monster-insert-reference=row-85]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-86]:hover) [data-monster-insert-reference=row-86]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-87]:hover) [data-monster-insert-reference=row-87]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-88]:hover) [data-monster-insert-reference=row-88]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-89]:hover) [data-monster-insert-reference=row-89]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-90]:hover) [data-monster-insert-reference=row-90]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-91]:hover) [data-monster-insert-reference=row-91]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-92]:hover) [data-monster-insert-reference=row-92]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-93]:hover) [data-monster-insert-reference=row-93]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-94]:hover) [data-monster-insert-reference=row-94]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-95]:hover) [data-monster-insert-reference=row-95]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-96]:hover) [data-monster-insert-reference=row-96]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-97]:hover) [data-monster-insert-reference=row-97]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-98]:hover) [data-monster-insert-reference=row-98]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-99]:hover) [data-monster-insert-reference=row-99]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-100]:hover) [data-monster-insert-reference=row-100]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-101]:hover) [data-monster-insert-reference=row-101]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-102]:hover) [data-monster-insert-reference=row-102]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-103]:hover) [data-monster-insert-reference=row-103]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-104]:hover) [data-monster-insert-reference=row-104]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-105]:hover) [data-monster-insert-reference=row-105]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-106]:hover) [data-monster-insert-reference=row-106]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-107]:hover) [data-monster-insert-reference=row-107]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-108]:hover) [data-monster-insert-reference=row-108]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-109]:hover) [data-monster-insert-reference=row-109]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-110]:hover) [data-monster-insert-reference=row-110]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-111]:hover) [data-monster-insert-reference=row-111]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-112]:hover) [data-monster-insert-reference=row-112]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-113]:hover) [data-monster-insert-reference=row-113]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-114]:hover) [data-monster-insert-reference=row-114]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-115]:hover) [data-monster-insert-reference=row-115]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-116]:hover) [data-monster-insert-reference=row-116]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-117]:hover) [data-monster-insert-reference=row-117]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-118]:hover) [data-monster-insert-reference=row-118]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-119]:hover) [data-monster-insert-reference=row-119]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-120]:hover) [data-monster-insert-reference=row-120]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-121]:hover) [data-monster-insert-reference=row-121]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-122]:hover) [data-monster-insert-reference=row-122]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-123]:hover) [data-monster-insert-reference=row-123]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-124]:hover) [data-monster-insert-reference=row-124]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-125]:hover) [data-monster-insert-reference=row-125]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-126]:hover) [data-monster-insert-reference=row-126]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-127]:hover) [data-monster-insert-reference=row-127]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-128]:hover) [data-monster-insert-reference=row-128]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-129]:hover) [data-monster-insert-reference=row-129]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-130]:hover) [data-monster-insert-reference=row-130]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-131]:hover) [data-monster-insert-reference=row-131]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-132]:hover) [data-monster-insert-reference=row-132]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-133]:hover) [data-monster-insert-reference=row-133]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-134]:hover) [data-monster-insert-reference=row-134]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-135]:hover) [data-monster-insert-reference=row-135]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-136]:hover) [data-monster-insert-reference=row-136]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-137]:hover) [data-monster-insert-reference=row-137]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-138]:hover) [data-monster-insert-reference=row-138]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-139]:hover) [data-monster-insert-reference=row-139]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-140]:hover) [data-monster-insert-reference=row-140]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-141]:hover) [data-monster-insert-reference=row-141]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-142]:hover) [data-monster-insert-reference=row-142]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-143]:hover) [data-monster-insert-reference=row-143]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-144]:hover) [data-monster-insert-reference=row-144]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-145]:hover) [data-monster-insert-reference=row-145]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-146]:hover) [data-monster-insert-reference=row-146]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-147]:hover) [data-monster-insert-reference=row-147]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-148]:hover) [data-monster-insert-reference=row-148]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-149]:hover) [data-monster-insert-reference=row-149]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-150]:hover) [data-monster-insert-reference=row-150]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-151]:hover) [data-monster-insert-reference=row-151]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-152]:hover) [data-monster-insert-reference=row-152]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-153]:hover) [data-monster-insert-reference=row-153]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-154]:hover) [data-monster-insert-reference=row-154]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-155]:hover) [data-monster-insert-reference=row-155]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-156]:hover) [data-monster-insert-reference=row-156]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-157]:hover) [data-monster-insert-reference=row-157]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-158]:hover) [data-monster-insert-reference=row-158]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-159]:hover) [data-monster-insert-reference=row-159]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-160]:hover) [data-monster-insert-reference=row-160]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-161]:hover) [data-monster-insert-reference=row-161]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-162]:hover) [data-monster-insert-reference=row-162]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-163]:hover) [data-monster-insert-reference=row-163]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-164]:hover) [data-monster-insert-reference=row-164]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-165]:hover) [data-monster-insert-reference=row-165]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-166]:hover) [data-monster-insert-reference=row-166]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-167]:hover) [data-monster-insert-reference=row-167]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-168]:hover) [data-monster-insert-reference=row-168]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-169]:hover) [data-monster-insert-reference=row-169]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-170]:hover) [data-monster-insert-reference=row-170]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-171]:hover) [data-monster-insert-reference=row-171]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-172]:hover) [data-monster-insert-reference=row-172]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-173]:hover) [data-monster-insert-reference=row-173]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-174]:hover) [data-monster-insert-reference=row-174]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-175]:hover) [data-monster-insert-reference=row-175]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-176]:hover) [data-monster-insert-reference=row-176]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-177]:hover) [data-monster-insert-reference=row-177]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-178]:hover) [data-monster-insert-reference=row-178]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-179]:hover) [data-monster-insert-reference=row-179]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-180]:hover) [data-monster-insert-reference=row-180]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-181]:hover) [data-monster-insert-reference=row-181]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-182]:hover) [data-monster-insert-reference=row-182]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-183]:hover) [data-monster-insert-reference=row-183]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-184]:hover) [data-monster-insert-reference=row-184]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-185]:hover) [data-monster-insert-reference=row-185]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-186]:hover) [data-monster-insert-reference=row-186]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-187]:hover) [data-monster-insert-reference=row-187]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-188]:hover) [data-monster-insert-reference=row-188]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-189]:hover) [data-monster-insert-reference=row-189]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-190]:hover) [data-monster-insert-reference=row-190]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-191]:hover) [data-monster-insert-reference=row-191]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-192]:hover) [data-monster-insert-reference=row-192]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-193]:hover) [data-monster-insert-reference=row-193]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-194]:hover) [data-monster-insert-reference=row-194]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-195]:hover) [data-monster-insert-reference=row-195]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-196]:hover) [data-monster-insert-reference=row-196]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-197]:hover) [data-monster-insert-reference=row-197]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-198]:hover) [data-monster-insert-reference=row-198]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-199]:hover) [data-monster-insert-reference=row-199]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-200]:hover) [data-monster-insert-reference=row-200]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-201]:hover) [data-monster-insert-reference=row-201]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-202]:hover) [data-monster-insert-reference=row-202]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-203]:hover) [data-monster-insert-reference=row-203]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-204]:hover) [data-monster-insert-reference=row-204]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-205]:hover) [data-monster-insert-reference=row-205]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-206]:hover) [data-monster-insert-reference=row-206]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-207]:hover) [data-monster-insert-reference=row-207]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-208]:hover) [data-monster-insert-reference=row-208]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-209]:hover) [data-monster-insert-reference=row-209]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-210]:hover) [data-monster-insert-reference=row-210]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-211]:hover) [data-monster-insert-reference=row-211]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-212]:hover) [data-monster-insert-reference=row-212]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-213]:hover) [data-monster-insert-reference=row-213]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-214]:hover) [data-monster-insert-reference=row-214]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-215]:hover) [data-monster-insert-reference=row-215]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-216]:hover) [data-monster-insert-reference=row-216]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-217]:hover) [data-monster-insert-reference=row-217]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-218]:hover) [data-monster-insert-reference=row-218]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-219]:hover) [data-monster-insert-reference=row-219]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-220]:hover) [data-monster-insert-reference=row-220]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-221]:hover) [data-monster-insert-reference=row-221]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-222]:hover) [data-monster-insert-reference=row-222]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-223]:hover) [data-monster-insert-reference=row-223]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-224]:hover) [data-monster-insert-reference=row-224]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-225]:hover) [data-monster-insert-reference=row-225]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-226]:hover) [data-monster-insert-reference=row-226]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-227]:hover) [data-monster-insert-reference=row-227]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-228]:hover) [data-monster-insert-reference=row-228]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-229]:hover) [data-monster-insert-reference=row-229]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-230]:hover) [data-monster-insert-reference=row-230]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-231]:hover) [data-monster-insert-reference=row-231]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-232]:hover) [data-monster-insert-reference=row-232]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-233]:hover) [data-monster-insert-reference=row-233]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-234]:hover) [data-monster-insert-reference=row-234]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-235]:hover) [data-monster-insert-reference=row-235]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-236]:hover) [data-monster-insert-reference=row-236]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-237]:hover) [data-monster-insert-reference=row-237]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-238]:hover) [data-monster-insert-reference=row-238]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-239]:hover) [data-monster-insert-reference=row-239]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-240]:hover) [data-monster-insert-reference=row-240]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-241]:hover) [data-monster-insert-reference=row-241]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-242]:hover) [data-monster-insert-reference=row-242]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-243]:hover) [data-monster-insert-reference=row-243]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-244]:hover) [data-monster-insert-reference=row-244]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-245]:hover) [data-monster-insert-reference=row-245]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-246]:hover) [data-monster-insert-reference=row-246]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-247]:hover) [data-monster-insert-reference=row-247]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-248]:hover) [data-monster-insert-reference=row-248]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-249]:hover) [data-monster-insert-reference=row-249]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-250]:hover) [data-monster-insert-reference=row-250]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-251]:hover) [data-monster-insert-reference=row-251]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-252]:hover) [data-monster-insert-reference=row-252]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-253]:hover) [data-monster-insert-reference=row-253]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-254]:hover) [data-monster-insert-reference=row-254]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-255]:hover) [data-monster-insert-reference=row-255]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-256]:hover) [data-monster-insert-reference=row-256]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-257]:hover) [data-monster-insert-reference=row-257]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-258]:hover) [data-monster-insert-reference=row-258]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-259]:hover) [data-monster-insert-reference=row-259]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-260]:hover) [data-monster-insert-reference=row-260]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-261]:hover) [data-monster-insert-reference=row-261]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-262]:hover) [data-monster-insert-reference=row-262]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-263]:hover) [data-monster-insert-reference=row-263]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-264]:hover) [data-monster-insert-reference=row-264]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-265]:hover) [data-monster-insert-reference=row-265]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-266]:hover) [data-monster-insert-reference=row-266]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-267]:hover) [data-monster-insert-reference=row-267]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-268]:hover) [data-monster-insert-reference=row-268]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-269]:hover) [data-monster-insert-reference=row-269]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-270]:hover) [data-monster-insert-reference=row-270]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-271]:hover) [data-monster-insert-reference=row-271]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-272]:hover) [data-monster-insert-reference=row-272]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-273]:hover) [data-monster-insert-reference=row-273]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-274]:hover) [data-monster-insert-reference=row-274]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-275]:hover) [data-monster-insert-reference=row-275]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-276]:hover) [data-monster-insert-reference=row-276]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-277]:hover) [data-monster-insert-reference=row-277]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-278]:hover) [data-monster-insert-reference=row-278]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-279]:hover) [data-monster-insert-reference=row-279]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-280]:hover) [data-monster-insert-reference=row-280]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-281]:hover) [data-monster-insert-reference=row-281]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-282]:hover) [data-monster-insert-reference=row-282]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-283]:hover) [data-monster-insert-reference=row-283]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-284]:hover) [data-monster-insert-reference=row-284]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-285]:hover) [data-monster-insert-reference=row-285]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-286]:hover) [data-monster-insert-reference=row-286]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-287]:hover) [data-monster-insert-reference=row-287]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-288]:hover) [data-monster-insert-reference=row-288]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-289]:hover) [data-monster-insert-reference=row-289]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-290]:hover) [data-monster-insert-reference=row-290]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-291]:hover) [data-monster-insert-reference=row-291]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-292]:hover) [data-monster-insert-reference=row-292]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-293]:hover) [data-monster-insert-reference=row-293]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-294]:hover) [data-monster-insert-reference=row-294]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-295]:hover) [data-monster-insert-reference=row-295]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-296]:hover) [data-monster-insert-reference=row-296]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-297]:hover) [data-monster-insert-reference=row-297]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-298]:hover) [data-monster-insert-reference=row-298]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-299]:hover) [data-monster-insert-reference=row-299]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-300]:hover) [data-monster-insert-reference=row-300]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-301]:hover) [data-monster-insert-reference=row-301]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-302]:hover) [data-monster-insert-reference=row-302]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-303]:hover) [data-monster-insert-reference=row-303]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-304]:hover) [data-monster-insert-reference=row-304]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-305]:hover) [data-monster-insert-reference=row-305]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-306]:hover) [data-monster-insert-reference=row-306]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-307]:hover) [data-monster-insert-reference=row-307]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-308]:hover) [data-monster-insert-reference=row-308]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-309]:hover) [data-monster-insert-reference=row-309]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-310]:hover) [data-monster-insert-reference=row-310]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-311]:hover) [data-monster-insert-reference=row-311]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-312]:hover) [data-monster-insert-reference=row-312]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-313]:hover) [data-monster-insert-reference=row-313]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-314]:hover) [data-monster-insert-reference=row-314]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-315]:hover) [data-monster-insert-reference=row-315]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-316]:hover) [data-monster-insert-reference=row-316]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-317]:hover) [data-monster-insert-reference=row-317]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-318]:hover) [data-monster-insert-reference=row-318]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-319]:hover) [data-monster-insert-reference=row-319]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-320]:hover) [data-monster-insert-reference=row-320]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-321]:hover) [data-monster-insert-reference=row-321]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-322]:hover) [data-monster-insert-reference=row-322]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-323]:hover) [data-monster-insert-reference=row-323]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-324]:hover) [data-monster-insert-reference=row-324]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-325]:hover) [data-monster-insert-reference=row-325]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-326]:hover) [data-monster-insert-reference=row-326]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-327]:hover) [data-monster-insert-reference=row-327]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-328]:hover) [data-monster-insert-reference=row-328]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-329]:hover) [data-monster-insert-reference=row-329]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-330]:hover) [data-monster-insert-reference=row-330]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-331]:hover) [data-monster-insert-reference=row-331]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-332]:hover) [data-monster-insert-reference=row-332]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-333]:hover) [data-monster-insert-reference=row-333]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-334]:hover) [data-monster-insert-reference=row-334]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-335]:hover) [data-monster-insert-reference=row-335]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-336]:hover) [data-monster-insert-reference=row-336]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-337]:hover) [data-monster-insert-reference=row-337]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-338]:hover) [data-monster-insert-reference=row-338]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-339]:hover) [data-monster-insert-reference=row-339]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-340]:hover) [data-monster-insert-reference=row-340]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-341]:hover) [data-monster-insert-reference=row-341]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-342]:hover) [data-monster-insert-reference=row-342]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-343]:hover) [data-monster-insert-reference=row-343]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-344]:hover) [data-monster-insert-reference=row-344]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-345]:hover) [data-monster-insert-reference=row-345]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-346]:hover) [data-monster-insert-reference=row-346]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-347]:hover) [data-monster-insert-reference=row-347]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-348]:hover) [data-monster-insert-reference=row-348]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-349]:hover) [data-monster-insert-reference=row-349]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-350]:hover) [data-monster-insert-reference=row-350]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-351]:hover) [data-monster-insert-reference=row-351]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-352]:hover) [data-monster-insert-reference=row-352]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-353]:hover) [data-monster-insert-reference=row-353]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-354]:hover) [data-monster-insert-reference=row-354]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-355]:hover) [data-monster-insert-reference=row-355]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-356]:hover) [data-monster-insert-reference=row-356]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-357]:hover) [data-monster-insert-reference=row-357]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-358]:hover) [data-monster-insert-reference=row-358]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-359]:hover) [data-monster-insert-reference=row-359]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-360]:hover) [data-monster-insert-reference=row-360]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-361]:hover) [data-monster-insert-reference=row-361]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-362]:hover) [data-monster-insert-reference=row-362]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-363]:hover) [data-monster-insert-reference=row-363]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-364]:hover) [data-monster-insert-reference=row-364]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-365]:hover) [data-monster-insert-reference=row-365]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-366]:hover) [data-monster-insert-reference=row-366]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-367]:hover) [data-monster-insert-reference=row-367]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-368]:hover) [data-monster-insert-reference=row-368]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-369]:hover) [data-monster-insert-reference=row-369]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-370]:hover) [data-monster-insert-reference=row-370]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-371]:hover) [data-monster-insert-reference=row-371]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-372]:hover) [data-monster-insert-reference=row-372]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-373]:hover) [data-monster-insert-reference=row-373]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-374]:hover) [data-monster-insert-reference=row-374]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-375]:hover) [data-monster-insert-reference=row-375]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-376]:hover) [data-monster-insert-reference=row-376]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-377]:hover) [data-monster-insert-reference=row-377]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-378]:hover) [data-monster-insert-reference=row-378]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-379]:hover) [data-monster-insert-reference=row-379]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-380]:hover) [data-monster-insert-reference=row-380]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-381]:hover) [data-monster-insert-reference=row-381]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-382]:hover) [data-monster-insert-reference=row-382]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-383]:hover) [data-monster-insert-reference=row-383]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-384]:hover) [data-monster-insert-reference=row-384]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-385]:hover) [data-monster-insert-reference=row-385]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-386]:hover) [data-monster-insert-reference=row-386]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-387]:hover) [data-monster-insert-reference=row-387]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-388]:hover) [data-monster-insert-reference=row-388]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-389]:hover) [data-monster-insert-reference=row-389]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-390]:hover) [data-monster-insert-reference=row-390]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-391]:hover) [data-monster-insert-reference=row-391]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-392]:hover) [data-monster-insert-reference=row-392]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-393]:hover) [data-monster-insert-reference=row-393]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-394]:hover) [data-monster-insert-reference=row-394]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-395]:hover) [data-monster-insert-reference=row-395]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-396]:hover) [data-monster-insert-reference=row-396]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-397]:hover) [data-monster-insert-reference=row-397]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-398]:hover) [data-monster-insert-reference=row-398]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-399]:hover) [data-monster-insert-reference=row-399]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-400]:hover) [data-monster-insert-reference=row-400]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-401]:hover) [data-monster-insert-reference=row-401]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-402]:hover) [data-monster-insert-reference=row-402]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-403]:hover) [data-monster-insert-reference=row-403]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-404]:hover) [data-monster-insert-reference=row-404]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-405]:hover) [data-monster-insert-reference=row-405]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-406]:hover) [data-monster-insert-reference=row-406]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-407]:hover) [data-monster-insert-reference=row-407]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-408]:hover) [data-monster-insert-reference=row-408]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-409]:hover) [data-monster-insert-reference=row-409]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-410]:hover) [data-monster-insert-reference=row-410]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-411]:hover) [data-monster-insert-reference=row-411]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-412]:hover) [data-monster-insert-reference=row-412]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-413]:hover) [data-monster-insert-reference=row-413]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-414]:hover) [data-monster-insert-reference=row-414]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-415]:hover) [data-monster-insert-reference=row-415]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-416]:hover) [data-monster-insert-reference=row-416]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-417]:hover) [data-monster-insert-reference=row-417]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-418]:hover) [data-monster-insert-reference=row-418]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-419]:hover) [data-monster-insert-reference=row-419]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-420]:hover) [data-monster-insert-reference=row-420]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-421]:hover) [data-monster-insert-reference=row-421]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-422]:hover) [data-monster-insert-reference=row-422]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-423]:hover) [data-monster-insert-reference=row-423]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-424]:hover) [data-monster-insert-reference=row-424]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-425]:hover) [data-monster-insert-reference=row-425]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-426]:hover) [data-monster-insert-reference=row-426]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-427]:hover) [data-monster-insert-reference=row-427]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-428]:hover) [data-monster-insert-reference=row-428]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-429]:hover) [data-monster-insert-reference=row-429]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-430]:hover) [data-monster-insert-reference=row-430]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-431]:hover) [data-monster-insert-reference=row-431]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-432]:hover) [data-monster-insert-reference=row-432]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-433]:hover) [data-monster-insert-reference=row-433]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-434]:hover) [data-monster-insert-reference=row-434]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-435]:hover) [data-monster-insert-reference=row-435]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-436]:hover) [data-monster-insert-reference=row-436]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-437]:hover) [data-monster-insert-reference=row-437]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-438]:hover) [data-monster-insert-reference=row-438]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-439]:hover) [data-monster-insert-reference=row-439]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-440]:hover) [data-monster-insert-reference=row-440]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-441]:hover) [data-monster-insert-reference=row-441]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-442]:hover) [data-monster-insert-reference=row-442]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-443]:hover) [data-monster-insert-reference=row-443]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-444]:hover) [data-monster-insert-reference=row-444]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-445]:hover) [data-monster-insert-reference=row-445]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-446]:hover) [data-monster-insert-reference=row-446]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-447]:hover) [data-monster-insert-reference=row-447]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-448]:hover) [data-monster-insert-reference=row-448]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-449]:hover) [data-monster-insert-reference=row-449]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-450]:hover) [data-monster-insert-reference=row-450]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-451]:hover) [data-monster-insert-reference=row-451]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-452]:hover) [data-monster-insert-reference=row-452]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-453]:hover) [data-monster-insert-reference=row-453]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-454]:hover) [data-monster-insert-reference=row-454]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-455]:hover) [data-monster-insert-reference=row-455]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-456]:hover) [data-monster-insert-reference=row-456]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-457]:hover) [data-monster-insert-reference=row-457]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-458]:hover) [data-monster-insert-reference=row-458]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-459]:hover) [data-monster-insert-reference=row-459]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-460]:hover) [data-monster-insert-reference=row-460]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-461]:hover) [data-monster-insert-reference=row-461]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-462]:hover) [data-monster-insert-reference=row-462]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-463]:hover) [data-monster-insert-reference=row-463]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-464]:hover) [data-monster-insert-reference=row-464]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-465]:hover) [data-monster-insert-reference=row-465]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-466]:hover) [data-monster-insert-reference=row-466]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-467]:hover) [data-monster-insert-reference=row-467]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-468]:hover) [data-monster-insert-reference=row-468]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-469]:hover) [data-monster-insert-reference=row-469]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-470]:hover) [data-monster-insert-reference=row-470]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-471]:hover) [data-monster-insert-reference=row-471]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-472]:hover) [data-monster-insert-reference=row-472]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-473]:hover) [data-monster-insert-reference=row-473]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-474]:hover) [data-monster-insert-reference=row-474]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-475]:hover) [data-monster-insert-reference=row-475]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-476]:hover) [data-monster-insert-reference=row-476]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-477]:hover) [data-monster-insert-reference=row-477]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-478]:hover) [data-monster-insert-reference=row-478]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-479]:hover) [data-monster-insert-reference=row-479]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-480]:hover) [data-monster-insert-reference=row-480]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-481]:hover) [data-monster-insert-reference=row-481]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-482]:hover) [data-monster-insert-reference=row-482]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-483]:hover) [data-monster-insert-reference=row-483]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-484]:hover) [data-monster-insert-reference=row-484]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-485]:hover) [data-monster-insert-reference=row-485]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-486]:hover) [data-monster-insert-reference=row-486]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-487]:hover) [data-monster-insert-reference=row-487]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-488]:hover) [data-monster-insert-reference=row-488]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-489]:hover) [data-monster-insert-reference=row-489]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-490]:hover) [data-monster-insert-reference=row-490]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-491]:hover) [data-monster-insert-reference=row-491]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-492]:hover) [data-monster-insert-reference=row-492]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-493]:hover) [data-monster-insert-reference=row-493]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-494]:hover) [data-monster-insert-reference=row-494]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-495]:hover) [data-monster-insert-reference=row-495]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-496]:hover) [data-monster-insert-reference=row-496]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-497]:hover) [data-monster-insert-reference=row-497]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-498]:hover) [data-monster-insert-reference=row-498]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-499]:hover) [data-monster-insert-reference=row-499]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-500]:hover) [data-monster-insert-reference=row-500]{backgroud-color:red;box-sizing:border-box}::slotted(.monster-button-group){display:flex;flex-direction:column!important}} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:hsla(0,0%,100%,.7);border-radius:50%;position:absolute;transform:scale(0)}@keyframes monster-fx-ripple{to{opacity:0;transform:scale(4)}}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}.monster-margin-0{margin:var(--monster-space-0)}.monster-margin-top-0{margin-top:var(--monster-space-0)}.monster-margin-end-0{margin-left:var(--monster-space-0)}.monster-margin-bottom-0{margin-bottom:var(--monster-space-0)}.monster-margin-start-0{margin-left:var(--monster-space-0)}.monster-padding-0{padding:var(--monster-space-0)}.monster-padding-top-0{padding-top:var(--monster-space-0)}.monster-padding-end-0{padding-right:var(--monster-space-0)}.monster-padding-bottom-0{padding-bottom:var(--monster-space-0)}.monster-padding-start-0{padding-left:var(--monster-space-0)}.monster-margin-1{margin:var(--monster-space-1)}.monster-margin-top-1{margin-top:var(--monster-space-1)}.monster-margin-end-1{margin-left:var(--monster-space-1)}.monster-margin-bottom-1{margin-bottom:var(--monster-space-1)}.monster-margin-start-1{margin-left:var(--monster-space-1)}.monster-padding-1{padding:var(--monster-space-1)}.monster-padding-top-1{padding-top:var(--monster-space-1)}.monster-padding-end-1{padding-right:var(--monster-space-1)}.monster-padding-bottom-1{padding-bottom:var(--monster-space-1)}.monster-padding-start-1{padding-left:var(--monster-space-1)}.monster-margin-2{margin:var(--monster-space-2)}.monster-margin-top-2{margin-top:var(--monster-space-2)}.monster-margin-end-2{margin-left:var(--monster-space-2)}.monster-margin-bottom-2{margin-bottom:var(--monster-space-2)}.monster-margin-start-2{margin-left:var(--monster-space-2)}.monster-padding-2{padding:var(--monster-space-2)}.monster-padding-top-2{padding-top:var(--monster-space-2)}.monster-padding-end-2{padding-right:var(--monster-space-2)}.monster-padding-bottom-2{padding-bottom:var(--monster-space-2)}.monster-padding-start-2{padding-left:var(--monster-space-2)}.monster-margin-3{margin:var(--monster-space-3)}.monster-margin-top-3{margin-top:var(--monster-space-3)}.monster-margin-end-3{margin-left:var(--monster-space-3)}.monster-margin-bottom-3{margin-bottom:var(--monster-space-3)}.monster-margin-start-3{margin-left:var(--monster-space-3)}.monster-padding-3{padding:var(--monster-space-3)}.monster-padding-top-3{padding-top:var(--monster-space-3)}.monster-padding-end-3{padding-right:var(--monster-space-3)}.monster-padding-bottom-3{padding-bottom:var(--monster-space-3)}.monster-padding-start-3{padding-left:var(--monster-space-3)}.monster-margin-4{margin:var(--monster-space-4)}.monster-margin-top-4{margin-top:var(--monster-space-4)}.monster-margin-end-4{margin-left:var(--monster-space-4)}.monster-margin-bottom-4{margin-bottom:var(--monster-space-4)}.monster-margin-start-4{margin-left:var(--monster-space-4)}.monster-padding-4{padding:var(--monster-space-4)}.monster-padding-top-4{padding-top:var(--monster-space-4)}.monster-padding-end-4{padding-right:var(--monster-space-4)}.monster-padding-bottom-4{padding-bottom:var(--monster-space-4)}.monster-padding-start-4{padding-left:var(--monster-space-4)}.monster-margin-5{margin:var(--monster-space-5)}.monster-margin-top-5{margin-top:var(--monster-space-5)}.monster-margin-end-5{margin-left:var(--monster-space-5)}.monster-margin-bottom-5{margin-bottom:var(--monster-space-5)}.monster-margin-start-5{margin-left:var(--monster-space-5)}.monster-padding-5{padding:var(--monster-space-5)}.monster-padding-top-5{padding-top:var(--monster-space-5)}.monster-padding-end-5{padding-right:var(--monster-space-5)}.monster-padding-bottom-5{padding-bottom:var(--monster-space-5)}.monster-padding-start-5{padding-left:var(--monster-space-5)}.monster-margin-6{margin:var(--monster-space-6)}.monster-margin-top-6{margin-top:var(--monster-space-6)}.monster-margin-end-6{margin-left:var(--monster-space-6)}.monster-margin-bottom-6{margin-bottom:var(--monster-space-6)}.monster-margin-start-6{margin-left:var(--monster-space-6)}.monster-padding-6{padding:var(--monster-space-6)}.monster-padding-top-6{padding-top:var(--monster-space-6)}.monster-padding-end-6{padding-right:var(--monster-space-6)}.monster-padding-bottom-6{padding-bottom:var(--monster-space-6)}.monster-padding-start-6{padding-left:var(--monster-space-6)}.monster-margin-7{margin:var(--monster-space-7)}.monster-margin-top-7{margin-top:var(--monster-space-7)}.monster-margin-end-7{margin-left:var(--monster-space-7)}.monster-margin-bottom-7{margin-bottom:var(--monster-space-7)}.monster-margin-start-7{margin-left:var(--monster-space-7)}.monster-padding-7{padding:var(--monster-space-7)}.monster-padding-top-7{padding-top:var(--monster-space-7)}.monster-padding-end-7{padding-right:var(--monster-space-7)}.monster-padding-bottom-7{padding-bottom:var(--monster-space-7)}.monster-padding-start-7{padding-left:var(--monster-space-7)}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}[data-monster-role=control]{display:flex;flex-direction:column;outline:none;width:100%}.table-container{background-color:var(--monster-bg-color-primary-2);box-sizing:border-box;color:var(--monster-color-primary-2);display:block;font-size:1rem;font-weight:400;line-height:1.4;min-width:-moz-fit-content;min-width:fit-content;overflow-x:auto;padding:20px;width:100%}.table-container .bar{align-content:center;align-items:center;display:flex;flex-direction:row-reverse;gap:2rem}:host{margin:0;padding:0}::slotted(.monster-button-group){margin:0!important}::slotted(.monster-button-group){align-items:center;display:flex;flex-direction:row!important}[data-monster-role=datatable]{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:grid}[data-monster-role=datatable],[data-monster-role=datatable]>div{box-sizing:border-box;font-size:1rem;font-weight:400;line-height:1.4}[data-monster-role=datatable]>div{align-items:center;border-bottom:1px dashed var(--monster-bg-color-primary-2);display:flex;justify-content:flex-start;line-height:1.2;padding:.4rem .2rem}[data-monster-role=datatable]>div.start{justify-content:flex-start}[data-monster-role=datatable]>div.end{justify-content:flex-end}[data-monster-role=datatable]>div.center{justify-content:center}[data-monster-role=datatable]>div input[type=checkbox]{accent-color:var(--monster-bg-color-primary-1)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-0]:hover) [data-monster-insert-reference=row-0]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-1]:hover) [data-monster-insert-reference=row-1]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-2]:hover) [data-monster-insert-reference=row-2]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-3]:hover) [data-monster-insert-reference=row-3]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-4]:hover) [data-monster-insert-reference=row-4]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-5]:hover) [data-monster-insert-reference=row-5]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-6]:hover) [data-monster-insert-reference=row-6]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-7]:hover) [data-monster-insert-reference=row-7]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-8]:hover) [data-monster-insert-reference=row-8]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-9]:hover) [data-monster-insert-reference=row-9]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-10]:hover) [data-monster-insert-reference=row-10]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-11]:hover) [data-monster-insert-reference=row-11]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-12]:hover) [data-monster-insert-reference=row-12]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-13]:hover) [data-monster-insert-reference=row-13]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-14]:hover) [data-monster-insert-reference=row-14]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-15]:hover) [data-monster-insert-reference=row-15]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-16]:hover) [data-monster-insert-reference=row-16]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-17]:hover) [data-monster-insert-reference=row-17]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-18]:hover) [data-monster-insert-reference=row-18]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-19]:hover) [data-monster-insert-reference=row-19]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-20]:hover) [data-monster-insert-reference=row-20]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-21]:hover) [data-monster-insert-reference=row-21]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-22]:hover) [data-monster-insert-reference=row-22]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-23]:hover) [data-monster-insert-reference=row-23]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-24]:hover) [data-monster-insert-reference=row-24]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-25]:hover) [data-monster-insert-reference=row-25]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-26]:hover) [data-monster-insert-reference=row-26]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-27]:hover) [data-monster-insert-reference=row-27]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-28]:hover) [data-monster-insert-reference=row-28]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-29]:hover) [data-monster-insert-reference=row-29]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-30]:hover) [data-monster-insert-reference=row-30]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-31]:hover) [data-monster-insert-reference=row-31]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-32]:hover) [data-monster-insert-reference=row-32]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-33]:hover) [data-monster-insert-reference=row-33]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-34]:hover) [data-monster-insert-reference=row-34]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-35]:hover) [data-monster-insert-reference=row-35]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-36]:hover) [data-monster-insert-reference=row-36]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-37]:hover) [data-monster-insert-reference=row-37]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-38]:hover) [data-monster-insert-reference=row-38]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-39]:hover) [data-monster-insert-reference=row-39]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-40]:hover) [data-monster-insert-reference=row-40]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-41]:hover) [data-monster-insert-reference=row-41]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-42]:hover) [data-monster-insert-reference=row-42]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-43]:hover) [data-monster-insert-reference=row-43]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-44]:hover) [data-monster-insert-reference=row-44]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-45]:hover) [data-monster-insert-reference=row-45]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-46]:hover) [data-monster-insert-reference=row-46]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-47]:hover) [data-monster-insert-reference=row-47]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-48]:hover) [data-monster-insert-reference=row-48]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-49]:hover) [data-monster-insert-reference=row-49]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-50]:hover) [data-monster-insert-reference=row-50]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-51]:hover) [data-monster-insert-reference=row-51]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-52]:hover) [data-monster-insert-reference=row-52]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-53]:hover) [data-monster-insert-reference=row-53]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-54]:hover) [data-monster-insert-reference=row-54]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-55]:hover) [data-monster-insert-reference=row-55]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-56]:hover) [data-monster-insert-reference=row-56]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-57]:hover) [data-monster-insert-reference=row-57]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-58]:hover) [data-monster-insert-reference=row-58]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-59]:hover) [data-monster-insert-reference=row-59]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-60]:hover) [data-monster-insert-reference=row-60]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-61]:hover) [data-monster-insert-reference=row-61]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-62]:hover) [data-monster-insert-reference=row-62]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-63]:hover) [data-monster-insert-reference=row-63]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-64]:hover) [data-monster-insert-reference=row-64]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-65]:hover) [data-monster-insert-reference=row-65]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-66]:hover) [data-monster-insert-reference=row-66]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-67]:hover) [data-monster-insert-reference=row-67]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-68]:hover) [data-monster-insert-reference=row-68]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-69]:hover) [data-monster-insert-reference=row-69]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-70]:hover) [data-monster-insert-reference=row-70]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-71]:hover) [data-monster-insert-reference=row-71]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-72]:hover) [data-monster-insert-reference=row-72]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-73]:hover) [data-monster-insert-reference=row-73]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-74]:hover) [data-monster-insert-reference=row-74]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-75]:hover) [data-monster-insert-reference=row-75]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-76]:hover) [data-monster-insert-reference=row-76]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-77]:hover) [data-monster-insert-reference=row-77]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-78]:hover) [data-monster-insert-reference=row-78]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-79]:hover) [data-monster-insert-reference=row-79]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-80]:hover) [data-monster-insert-reference=row-80]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-81]:hover) [data-monster-insert-reference=row-81]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-82]:hover) [data-monster-insert-reference=row-82]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-83]:hover) [data-monster-insert-reference=row-83]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-84]:hover) [data-monster-insert-reference=row-84]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-85]:hover) [data-monster-insert-reference=row-85]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-86]:hover) [data-monster-insert-reference=row-86]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-87]:hover) [data-monster-insert-reference=row-87]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-88]:hover) [data-monster-insert-reference=row-88]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-89]:hover) [data-monster-insert-reference=row-89]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-90]:hover) [data-monster-insert-reference=row-90]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-91]:hover) [data-monster-insert-reference=row-91]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-92]:hover) [data-monster-insert-reference=row-92]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-93]:hover) [data-monster-insert-reference=row-93]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-94]:hover) [data-monster-insert-reference=row-94]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-95]:hover) [data-monster-insert-reference=row-95]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-96]:hover) [data-monster-insert-reference=row-96]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-97]:hover) [data-monster-insert-reference=row-97]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-98]:hover) [data-monster-insert-reference=row-98]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-99]:hover) [data-monster-insert-reference=row-99]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-100]:hover) [data-monster-insert-reference=row-100]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-101]:hover) [data-monster-insert-reference=row-101]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-102]:hover) [data-monster-insert-reference=row-102]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-103]:hover) [data-monster-insert-reference=row-103]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-104]:hover) [data-monster-insert-reference=row-104]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-105]:hover) [data-monster-insert-reference=row-105]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-106]:hover) [data-monster-insert-reference=row-106]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-107]:hover) [data-monster-insert-reference=row-107]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-108]:hover) [data-monster-insert-reference=row-108]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-109]:hover) [data-monster-insert-reference=row-109]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-110]:hover) [data-monster-insert-reference=row-110]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-111]:hover) [data-monster-insert-reference=row-111]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-112]:hover) [data-monster-insert-reference=row-112]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-113]:hover) [data-monster-insert-reference=row-113]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-114]:hover) [data-monster-insert-reference=row-114]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-115]:hover) [data-monster-insert-reference=row-115]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-116]:hover) [data-monster-insert-reference=row-116]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-117]:hover) [data-monster-insert-reference=row-117]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-118]:hover) [data-monster-insert-reference=row-118]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-119]:hover) [data-monster-insert-reference=row-119]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-120]:hover) [data-monster-insert-reference=row-120]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-121]:hover) [data-monster-insert-reference=row-121]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-122]:hover) [data-monster-insert-reference=row-122]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-123]:hover) [data-monster-insert-reference=row-123]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-124]:hover) [data-monster-insert-reference=row-124]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-125]:hover) [data-monster-insert-reference=row-125]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-126]:hover) [data-monster-insert-reference=row-126]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-127]:hover) [data-monster-insert-reference=row-127]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-128]:hover) [data-monster-insert-reference=row-128]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-129]:hover) [data-monster-insert-reference=row-129]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-130]:hover) [data-monster-insert-reference=row-130]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-131]:hover) [data-monster-insert-reference=row-131]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-132]:hover) [data-monster-insert-reference=row-132]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-133]:hover) [data-monster-insert-reference=row-133]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-134]:hover) [data-monster-insert-reference=row-134]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-135]:hover) [data-monster-insert-reference=row-135]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-136]:hover) [data-monster-insert-reference=row-136]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-137]:hover) [data-monster-insert-reference=row-137]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-138]:hover) [data-monster-insert-reference=row-138]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-139]:hover) [data-monster-insert-reference=row-139]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-140]:hover) [data-monster-insert-reference=row-140]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-141]:hover) [data-monster-insert-reference=row-141]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-142]:hover) [data-monster-insert-reference=row-142]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-143]:hover) [data-monster-insert-reference=row-143]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-144]:hover) [data-monster-insert-reference=row-144]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-145]:hover) [data-monster-insert-reference=row-145]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-146]:hover) [data-monster-insert-reference=row-146]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-147]:hover) [data-monster-insert-reference=row-147]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-148]:hover) [data-monster-insert-reference=row-148]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-149]:hover) [data-monster-insert-reference=row-149]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-150]:hover) [data-monster-insert-reference=row-150]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-151]:hover) [data-monster-insert-reference=row-151]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-152]:hover) [data-monster-insert-reference=row-152]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-153]:hover) [data-monster-insert-reference=row-153]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-154]:hover) [data-monster-insert-reference=row-154]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-155]:hover) [data-monster-insert-reference=row-155]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-156]:hover) [data-monster-insert-reference=row-156]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-157]:hover) [data-monster-insert-reference=row-157]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-158]:hover) [data-monster-insert-reference=row-158]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-159]:hover) [data-monster-insert-reference=row-159]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-160]:hover) [data-monster-insert-reference=row-160]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-161]:hover) [data-monster-insert-reference=row-161]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-162]:hover) [data-monster-insert-reference=row-162]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-163]:hover) [data-monster-insert-reference=row-163]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-164]:hover) [data-monster-insert-reference=row-164]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-165]:hover) [data-monster-insert-reference=row-165]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-166]:hover) [data-monster-insert-reference=row-166]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-167]:hover) [data-monster-insert-reference=row-167]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-168]:hover) [data-monster-insert-reference=row-168]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-169]:hover) [data-monster-insert-reference=row-169]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-170]:hover) [data-monster-insert-reference=row-170]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-171]:hover) [data-monster-insert-reference=row-171]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-172]:hover) [data-monster-insert-reference=row-172]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-173]:hover) [data-monster-insert-reference=row-173]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-174]:hover) [data-monster-insert-reference=row-174]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-175]:hover) [data-monster-insert-reference=row-175]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-176]:hover) [data-monster-insert-reference=row-176]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-177]:hover) [data-monster-insert-reference=row-177]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-178]:hover) [data-monster-insert-reference=row-178]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-179]:hover) [data-monster-insert-reference=row-179]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-180]:hover) [data-monster-insert-reference=row-180]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-181]:hover) [data-monster-insert-reference=row-181]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-182]:hover) [data-monster-insert-reference=row-182]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-183]:hover) [data-monster-insert-reference=row-183]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-184]:hover) [data-monster-insert-reference=row-184]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-185]:hover) [data-monster-insert-reference=row-185]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-186]:hover) [data-monster-insert-reference=row-186]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-187]:hover) [data-monster-insert-reference=row-187]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-188]:hover) [data-monster-insert-reference=row-188]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-189]:hover) [data-monster-insert-reference=row-189]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-190]:hover) [data-monster-insert-reference=row-190]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-191]:hover) [data-monster-insert-reference=row-191]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-192]:hover) [data-monster-insert-reference=row-192]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-193]:hover) [data-monster-insert-reference=row-193]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-194]:hover) [data-monster-insert-reference=row-194]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-195]:hover) [data-monster-insert-reference=row-195]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-196]:hover) [data-monster-insert-reference=row-196]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-197]:hover) [data-monster-insert-reference=row-197]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-198]:hover) [data-monster-insert-reference=row-198]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-199]:hover) [data-monster-insert-reference=row-199]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-200]:hover) [data-monster-insert-reference=row-200]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-201]:hover) [data-monster-insert-reference=row-201]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-202]:hover) [data-monster-insert-reference=row-202]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-203]:hover) [data-monster-insert-reference=row-203]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-204]:hover) [data-monster-insert-reference=row-204]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-205]:hover) [data-monster-insert-reference=row-205]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-206]:hover) [data-monster-insert-reference=row-206]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-207]:hover) [data-monster-insert-reference=row-207]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-208]:hover) [data-monster-insert-reference=row-208]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-209]:hover) [data-monster-insert-reference=row-209]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-210]:hover) [data-monster-insert-reference=row-210]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-211]:hover) [data-monster-insert-reference=row-211]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-212]:hover) [data-monster-insert-reference=row-212]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-213]:hover) [data-monster-insert-reference=row-213]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-214]:hover) [data-monster-insert-reference=row-214]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-215]:hover) [data-monster-insert-reference=row-215]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-216]:hover) [data-monster-insert-reference=row-216]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-217]:hover) [data-monster-insert-reference=row-217]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-218]:hover) [data-monster-insert-reference=row-218]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-219]:hover) [data-monster-insert-reference=row-219]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-220]:hover) [data-monster-insert-reference=row-220]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-221]:hover) [data-monster-insert-reference=row-221]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-222]:hover) [data-monster-insert-reference=row-222]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-223]:hover) [data-monster-insert-reference=row-223]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-224]:hover) [data-monster-insert-reference=row-224]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-225]:hover) [data-monster-insert-reference=row-225]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-226]:hover) [data-monster-insert-reference=row-226]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-227]:hover) [data-monster-insert-reference=row-227]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-228]:hover) [data-monster-insert-reference=row-228]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-229]:hover) [data-monster-insert-reference=row-229]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-230]:hover) [data-monster-insert-reference=row-230]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-231]:hover) [data-monster-insert-reference=row-231]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-232]:hover) [data-monster-insert-reference=row-232]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-233]:hover) [data-monster-insert-reference=row-233]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-234]:hover) [data-monster-insert-reference=row-234]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-235]:hover) [data-monster-insert-reference=row-235]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-236]:hover) [data-monster-insert-reference=row-236]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-237]:hover) [data-monster-insert-reference=row-237]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-238]:hover) [data-monster-insert-reference=row-238]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-239]:hover) [data-monster-insert-reference=row-239]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-240]:hover) [data-monster-insert-reference=row-240]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-241]:hover) [data-monster-insert-reference=row-241]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-242]:hover) [data-monster-insert-reference=row-242]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-243]:hover) [data-monster-insert-reference=row-243]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-244]:hover) [data-monster-insert-reference=row-244]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-245]:hover) [data-monster-insert-reference=row-245]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-246]:hover) [data-monster-insert-reference=row-246]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-247]:hover) [data-monster-insert-reference=row-247]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-248]:hover) [data-monster-insert-reference=row-248]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-249]:hover) [data-monster-insert-reference=row-249]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-250]:hover) [data-monster-insert-reference=row-250]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-251]:hover) [data-monster-insert-reference=row-251]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-252]:hover) [data-monster-insert-reference=row-252]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-253]:hover) [data-monster-insert-reference=row-253]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-254]:hover) [data-monster-insert-reference=row-254]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-255]:hover) [data-monster-insert-reference=row-255]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-256]:hover) [data-monster-insert-reference=row-256]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-257]:hover) [data-monster-insert-reference=row-257]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-258]:hover) [data-monster-insert-reference=row-258]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-259]:hover) [data-monster-insert-reference=row-259]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-260]:hover) [data-monster-insert-reference=row-260]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-261]:hover) [data-monster-insert-reference=row-261]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-262]:hover) [data-monster-insert-reference=row-262]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-263]:hover) [data-monster-insert-reference=row-263]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-264]:hover) [data-monster-insert-reference=row-264]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-265]:hover) [data-monster-insert-reference=row-265]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-266]:hover) [data-monster-insert-reference=row-266]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-267]:hover) [data-monster-insert-reference=row-267]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-268]:hover) [data-monster-insert-reference=row-268]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-269]:hover) [data-monster-insert-reference=row-269]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-270]:hover) [data-monster-insert-reference=row-270]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-271]:hover) [data-monster-insert-reference=row-271]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-272]:hover) [data-monster-insert-reference=row-272]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-273]:hover) [data-monster-insert-reference=row-273]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-274]:hover) [data-monster-insert-reference=row-274]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-275]:hover) [data-monster-insert-reference=row-275]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-276]:hover) [data-monster-insert-reference=row-276]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-277]:hover) [data-monster-insert-reference=row-277]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-278]:hover) [data-monster-insert-reference=row-278]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-279]:hover) [data-monster-insert-reference=row-279]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-280]:hover) [data-monster-insert-reference=row-280]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-281]:hover) [data-monster-insert-reference=row-281]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-282]:hover) [data-monster-insert-reference=row-282]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-283]:hover) [data-monster-insert-reference=row-283]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-284]:hover) [data-monster-insert-reference=row-284]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-285]:hover) [data-monster-insert-reference=row-285]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-286]:hover) [data-monster-insert-reference=row-286]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-287]:hover) [data-monster-insert-reference=row-287]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-288]:hover) [data-monster-insert-reference=row-288]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-289]:hover) [data-monster-insert-reference=row-289]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-290]:hover) [data-monster-insert-reference=row-290]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-291]:hover) [data-monster-insert-reference=row-291]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-292]:hover) [data-monster-insert-reference=row-292]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-293]:hover) [data-monster-insert-reference=row-293]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-294]:hover) [data-monster-insert-reference=row-294]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-295]:hover) [data-monster-insert-reference=row-295]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-296]:hover) [data-monster-insert-reference=row-296]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-297]:hover) [data-monster-insert-reference=row-297]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-298]:hover) [data-monster-insert-reference=row-298]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-299]:hover) [data-monster-insert-reference=row-299]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-300]:hover) [data-monster-insert-reference=row-300]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-301]:hover) [data-monster-insert-reference=row-301]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-302]:hover) [data-monster-insert-reference=row-302]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-303]:hover) [data-monster-insert-reference=row-303]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-304]:hover) [data-monster-insert-reference=row-304]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-305]:hover) [data-monster-insert-reference=row-305]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-306]:hover) [data-monster-insert-reference=row-306]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-307]:hover) [data-monster-insert-reference=row-307]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-308]:hover) [data-monster-insert-reference=row-308]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-309]:hover) [data-monster-insert-reference=row-309]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-310]:hover) [data-monster-insert-reference=row-310]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-311]:hover) [data-monster-insert-reference=row-311]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-312]:hover) [data-monster-insert-reference=row-312]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-313]:hover) [data-monster-insert-reference=row-313]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-314]:hover) [data-monster-insert-reference=row-314]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-315]:hover) [data-monster-insert-reference=row-315]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-316]:hover) [data-monster-insert-reference=row-316]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-317]:hover) [data-monster-insert-reference=row-317]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-318]:hover) [data-monster-insert-reference=row-318]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-319]:hover) [data-monster-insert-reference=row-319]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-320]:hover) [data-monster-insert-reference=row-320]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-321]:hover) [data-monster-insert-reference=row-321]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-322]:hover) [data-monster-insert-reference=row-322]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-323]:hover) [data-monster-insert-reference=row-323]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-324]:hover) [data-monster-insert-reference=row-324]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-325]:hover) [data-monster-insert-reference=row-325]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-326]:hover) [data-monster-insert-reference=row-326]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-327]:hover) [data-monster-insert-reference=row-327]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-328]:hover) [data-monster-insert-reference=row-328]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-329]:hover) [data-monster-insert-reference=row-329]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-330]:hover) [data-monster-insert-reference=row-330]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-331]:hover) [data-monster-insert-reference=row-331]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-332]:hover) [data-monster-insert-reference=row-332]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-333]:hover) [data-monster-insert-reference=row-333]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-334]:hover) [data-monster-insert-reference=row-334]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-335]:hover) [data-monster-insert-reference=row-335]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-336]:hover) [data-monster-insert-reference=row-336]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-337]:hover) [data-monster-insert-reference=row-337]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-338]:hover) [data-monster-insert-reference=row-338]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-339]:hover) [data-monster-insert-reference=row-339]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-340]:hover) [data-monster-insert-reference=row-340]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-341]:hover) [data-monster-insert-reference=row-341]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-342]:hover) [data-monster-insert-reference=row-342]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-343]:hover) [data-monster-insert-reference=row-343]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-344]:hover) [data-monster-insert-reference=row-344]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-345]:hover) [data-monster-insert-reference=row-345]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-346]:hover) [data-monster-insert-reference=row-346]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-347]:hover) [data-monster-insert-reference=row-347]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-348]:hover) [data-monster-insert-reference=row-348]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-349]:hover) [data-monster-insert-reference=row-349]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-350]:hover) [data-monster-insert-reference=row-350]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-351]:hover) [data-monster-insert-reference=row-351]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-352]:hover) [data-monster-insert-reference=row-352]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-353]:hover) [data-monster-insert-reference=row-353]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-354]:hover) [data-monster-insert-reference=row-354]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-355]:hover) [data-monster-insert-reference=row-355]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-356]:hover) [data-monster-insert-reference=row-356]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-357]:hover) [data-monster-insert-reference=row-357]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-358]:hover) [data-monster-insert-reference=row-358]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-359]:hover) [data-monster-insert-reference=row-359]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-360]:hover) [data-monster-insert-reference=row-360]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-361]:hover) [data-monster-insert-reference=row-361]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-362]:hover) [data-monster-insert-reference=row-362]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-363]:hover) [data-monster-insert-reference=row-363]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-364]:hover) [data-monster-insert-reference=row-364]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-365]:hover) [data-monster-insert-reference=row-365]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-366]:hover) [data-monster-insert-reference=row-366]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-367]:hover) [data-monster-insert-reference=row-367]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-368]:hover) [data-monster-insert-reference=row-368]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-369]:hover) [data-monster-insert-reference=row-369]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-370]:hover) [data-monster-insert-reference=row-370]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-371]:hover) [data-monster-insert-reference=row-371]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-372]:hover) [data-monster-insert-reference=row-372]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-373]:hover) [data-monster-insert-reference=row-373]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-374]:hover) [data-monster-insert-reference=row-374]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-375]:hover) [data-monster-insert-reference=row-375]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-376]:hover) [data-monster-insert-reference=row-376]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-377]:hover) [data-monster-insert-reference=row-377]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-378]:hover) [data-monster-insert-reference=row-378]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-379]:hover) [data-monster-insert-reference=row-379]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-380]:hover) [data-monster-insert-reference=row-380]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-381]:hover) [data-monster-insert-reference=row-381]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-382]:hover) [data-monster-insert-reference=row-382]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-383]:hover) [data-monster-insert-reference=row-383]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-384]:hover) [data-monster-insert-reference=row-384]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-385]:hover) [data-monster-insert-reference=row-385]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-386]:hover) [data-monster-insert-reference=row-386]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-387]:hover) [data-monster-insert-reference=row-387]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-388]:hover) [data-monster-insert-reference=row-388]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-389]:hover) [data-monster-insert-reference=row-389]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-390]:hover) [data-monster-insert-reference=row-390]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-391]:hover) [data-monster-insert-reference=row-391]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-392]:hover) [data-monster-insert-reference=row-392]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-393]:hover) [data-monster-insert-reference=row-393]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-394]:hover) [data-monster-insert-reference=row-394]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-395]:hover) [data-monster-insert-reference=row-395]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-396]:hover) [data-monster-insert-reference=row-396]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-397]:hover) [data-monster-insert-reference=row-397]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-398]:hover) [data-monster-insert-reference=row-398]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-399]:hover) [data-monster-insert-reference=row-399]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-400]:hover) [data-monster-insert-reference=row-400]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-401]:hover) [data-monster-insert-reference=row-401]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-402]:hover) [data-monster-insert-reference=row-402]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-403]:hover) [data-monster-insert-reference=row-403]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-404]:hover) [data-monster-insert-reference=row-404]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-405]:hover) [data-monster-insert-reference=row-405]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-406]:hover) [data-monster-insert-reference=row-406]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-407]:hover) [data-monster-insert-reference=row-407]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-408]:hover) [data-monster-insert-reference=row-408]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-409]:hover) [data-monster-insert-reference=row-409]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-410]:hover) [data-monster-insert-reference=row-410]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-411]:hover) [data-monster-insert-reference=row-411]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-412]:hover) [data-monster-insert-reference=row-412]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-413]:hover) [data-monster-insert-reference=row-413]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-414]:hover) [data-monster-insert-reference=row-414]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-415]:hover) [data-monster-insert-reference=row-415]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-416]:hover) [data-monster-insert-reference=row-416]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-417]:hover) [data-monster-insert-reference=row-417]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-418]:hover) [data-monster-insert-reference=row-418]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-419]:hover) [data-monster-insert-reference=row-419]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-420]:hover) [data-monster-insert-reference=row-420]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-421]:hover) [data-monster-insert-reference=row-421]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-422]:hover) [data-monster-insert-reference=row-422]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-423]:hover) [data-monster-insert-reference=row-423]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-424]:hover) [data-monster-insert-reference=row-424]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-425]:hover) [data-monster-insert-reference=row-425]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-426]:hover) [data-monster-insert-reference=row-426]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-427]:hover) [data-monster-insert-reference=row-427]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-428]:hover) [data-monster-insert-reference=row-428]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-429]:hover) [data-monster-insert-reference=row-429]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-430]:hover) [data-monster-insert-reference=row-430]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-431]:hover) [data-monster-insert-reference=row-431]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-432]:hover) [data-monster-insert-reference=row-432]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-433]:hover) [data-monster-insert-reference=row-433]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-434]:hover) [data-monster-insert-reference=row-434]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-435]:hover) [data-monster-insert-reference=row-435]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-436]:hover) [data-monster-insert-reference=row-436]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-437]:hover) [data-monster-insert-reference=row-437]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-438]:hover) [data-monster-insert-reference=row-438]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-439]:hover) [data-monster-insert-reference=row-439]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-440]:hover) [data-monster-insert-reference=row-440]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-441]:hover) [data-monster-insert-reference=row-441]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-442]:hover) [data-monster-insert-reference=row-442]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-443]:hover) [data-monster-insert-reference=row-443]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-444]:hover) [data-monster-insert-reference=row-444]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-445]:hover) [data-monster-insert-reference=row-445]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-446]:hover) [data-monster-insert-reference=row-446]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-447]:hover) [data-monster-insert-reference=row-447]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-448]:hover) [data-monster-insert-reference=row-448]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-449]:hover) [data-monster-insert-reference=row-449]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-450]:hover) [data-monster-insert-reference=row-450]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-451]:hover) [data-monster-insert-reference=row-451]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-452]:hover) [data-monster-insert-reference=row-452]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-453]:hover) [data-monster-insert-reference=row-453]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-454]:hover) [data-monster-insert-reference=row-454]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-455]:hover) [data-monster-insert-reference=row-455]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-456]:hover) [data-monster-insert-reference=row-456]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-457]:hover) [data-monster-insert-reference=row-457]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-458]:hover) [data-monster-insert-reference=row-458]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-459]:hover) [data-monster-insert-reference=row-459]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-460]:hover) [data-monster-insert-reference=row-460]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-461]:hover) [data-monster-insert-reference=row-461]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-462]:hover) [data-monster-insert-reference=row-462]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-463]:hover) [data-monster-insert-reference=row-463]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-464]:hover) [data-monster-insert-reference=row-464]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-465]:hover) [data-monster-insert-reference=row-465]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-466]:hover) [data-monster-insert-reference=row-466]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-467]:hover) [data-monster-insert-reference=row-467]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-468]:hover) [data-monster-insert-reference=row-468]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-469]:hover) [data-monster-insert-reference=row-469]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-470]:hover) [data-monster-insert-reference=row-470]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-471]:hover) [data-monster-insert-reference=row-471]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-472]:hover) [data-monster-insert-reference=row-472]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-473]:hover) [data-monster-insert-reference=row-473]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-474]:hover) [data-monster-insert-reference=row-474]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-475]:hover) [data-monster-insert-reference=row-475]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-476]:hover) [data-monster-insert-reference=row-476]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-477]:hover) [data-monster-insert-reference=row-477]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-478]:hover) [data-monster-insert-reference=row-478]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-479]:hover) [data-monster-insert-reference=row-479]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-480]:hover) [data-monster-insert-reference=row-480]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-481]:hover) [data-monster-insert-reference=row-481]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-482]:hover) [data-monster-insert-reference=row-482]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-483]:hover) [data-monster-insert-reference=row-483]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-484]:hover) [data-monster-insert-reference=row-484]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-485]:hover) [data-monster-insert-reference=row-485]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-486]:hover) [data-monster-insert-reference=row-486]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-487]:hover) [data-monster-insert-reference=row-487]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-488]:hover) [data-monster-insert-reference=row-488]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-489]:hover) [data-monster-insert-reference=row-489]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-490]:hover) [data-monster-insert-reference=row-490]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-491]:hover) [data-monster-insert-reference=row-491]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-492]:hover) [data-monster-insert-reference=row-492]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-493]:hover) [data-monster-insert-reference=row-493]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-494]:hover) [data-monster-insert-reference=row-494]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-495]:hover) [data-monster-insert-reference=row-495]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-496]:hover) [data-monster-insert-reference=row-496]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-497]:hover) [data-monster-insert-reference=row-497]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-498]:hover) [data-monster-insert-reference=row-498]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-499]:hover) [data-monster-insert-reference=row-499]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable]:has([data-monster-insert-reference=row-500]:hover) [data-monster-insert-reference=row-500]{background-color:var(--monster-bg-color-selection-2);box-sizing:border-box;color:var(--monster-color-selection-2)}[data-monster-role=datatable] .monster-form{accent-color:var(--monster-color-secondary-2);align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}[data-monster-role=datatable] .monster-form label{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:grid}[data-monster-role=datatable] .monster-form label:has(input[type=radio]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}[data-monster-role=datatable] .monster-form label:has(input[type=radio]) input{margin-left:.4rem;margin-right:.4rem}:is([data-monster-role=datatable] .monster-form) label:has(input[type=radio])~label:has(input[type=radio]){margin-top:.2rem}[data-monster-role=datatable] .monster-form label:has(input[type=checkbox]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}[data-monster-role=datatable] .monster-form label:has(input[type=checkbox]) input{margin-left:.4rem;margin-right:.4rem}:is([data-monster-role=datatable] .monster-form) label:has(input[type=checkbox])~label:has(input[type=checkbox]){margin-top:.2rem}:is([data-monster-role=datatable] .monster-form) label~label{margin-top:1rem}:is([data-monster-role=datatable] .monster-form) label~fieldset{margin-top:1rem}[data-monster-role=datatable] .monster-form button,[data-monster-role=datatable] .monster-form input,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;padding:.4rem .6rem}[data-monster-role=datatable] .monster-form button{border-shadow:var(--monster-box-shadow-1);background-color:var(--monster-bg-color-tertiary-1);border-color:var(--monster-bg-color-primary-3);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-1)}[data-monster-role=datatable] .monster-form option:checked,[data-monster-role=datatable] .monster-form option:focus,[data-monster-role=datatable] .monster-form option:hover{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}[data-monster-role=datatable] .monster-form input,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{border-bottom-radius:var(--monster-border-radius);border-bottom-shadow:var(--monster-box-shadow-1);border-shadow:var(--monster-box-shadow-1);border:0;border-bottom:thin var(--monster-border-style) var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:thin}[data-monster-role=datatable] .monster-form button,[data-monster-role=datatable] .monster-form input:not([type=radio]):not([type=checkbox]),[data-monster-role=datatable] .monster-form label,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{width:100%}[data-monster-role=datatable] .monster-form label input:not([type=radio]):not([type=checkbox]),[data-monster-role=datatable] .monster-form label select,[data-monster-role=datatable] .monster-form label textarea{margin-top:.2rem;width:100%}:is([data-monster-role=datatable] .monster-form) label+input:not([type=radio]):not([type=checkbox]),:is([data-monster-role=datatable] .monster-form) label+select,:is([data-monster-role=datatable] .monster-form) label+textarea{margin-top:.2rem;width:100%}[data-monster-role=datatable] .monster-form fieldset{background-color:var(--monster-bg-color-primary-1);border:2px solid var(--monster-bg-color-primary-3);box-sizing:border-box;color:var(--monster-color-primary-1);margin:0;outline:none;padding:2.5rem 2rem 2rem;position:relative;width:100%}[data-monster-role=datatable] .monster-form fieldset legend{font-size:.8rem;max-width:95%;overflow:hidden;padding:.1rem 2rem .2rem .5rem;position:absolute;right:0;text-align:right;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:nowrap}:is([data-monster-role=datatable] .monster-form) fieldset~fieldset{margin-top:1rem}[data-monster-role=datatable] .monster-form button{margin:.2rem 0}[data-monster-role=datatable] .monster-form button:first-of-type{margin-top:1rem}[data-monster-role=datatable] .monster-form button:last-of-type{margin-bottom:1rem}[data-monster-role=datatable] .monster-form input:focus-visible{outline:none}[data-monster-role=datatable] .monster-form button:focus,[data-monster-role=datatable] .monster-form input:focus,[data-monster-role=datatable] .monster-form select:focus,[data-monster-role=datatable] .monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){[data-monster-role=datatable] .monster-form button,[data-monster-role=datatable] .monster-form input,[data-monster-role=datatable] .monster-form select,[data-monster-role=datatable] .monster-form textarea{background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2)}[data-monster-role=datatable] .monster-form button:focus,[data-monster-role=datatable] .monster-form input:focus,[data-monster-role=datatable] .monster-form select:focus,[data-monster-role=datatable] .monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=datatable] .monster-form button:hover,[data-monster-role=datatable] .monster-form input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),[data-monster-role=datatable] .monster-form select:hover,[data-monster-role=datatable] .monster-form textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}[data-monster-role=footer]{align-items:center;box-sizing:border-box;display:flex;padding:5px 20px}[data-monster-role=footer]>slot{display:flex;justify-content:flex-start;width:-moz-fit-content;width:fit-content}[data-monster-role=footer]>slot.hidden{display:none}[data-monster-role=datatable-headers]{display:grid}[data-monster-role=datatable-headers]>div{align-items:center;display:flex;font-size:1rem;font-weight:400;font-weight:700;justify-content:flex-start;line-height:1.4;max-width:100%;overflow:hidden;padding:.3rem .2rem;text-overflow:ellipsis;white-space:nowrap}[data-monster-role=datatable-headers]>div a[data-monster-sortable]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5m-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E\");margin:0 3px 0 5px}[data-monster-role=datatable-headers]>div a[data-monster-sortable~=DESC i]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5'/%3E%3C/svg%3E\")}[data-monster-role=datatable-headers]>div a[data-monster-sortable~=ASC i]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1'/%3E%3C/svg%3E\")}[data-monster-role=datatable-headers] .flex-start{justify-content:flex-start}[data-monster-role=datatable-headers] .flex-end{justify-content:flex-end}[data-monster-role=datatable-headers] .flex-center{justify-content:center}.filter{margin:0 0 20px}.hidden{display:none}monster-state[data-monster-role=empty-without-action]::part(action){display:none}.empty-state-container{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);padding:var(--monster-space-7) 0}@media (max-width:768px){.table-container .bar{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:.1rem}.table-container:has([data-monster-insert-reference=row-0]:hover) [data-monster-insert-reference=row-0]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-1]:hover) [data-monster-insert-reference=row-1]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-2]:hover) [data-monster-insert-reference=row-2]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-3]:hover) [data-monster-insert-reference=row-3]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-4]:hover) [data-monster-insert-reference=row-4]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-5]:hover) [data-monster-insert-reference=row-5]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-6]:hover) [data-monster-insert-reference=row-6]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-7]:hover) [data-monster-insert-reference=row-7]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-8]:hover) [data-monster-insert-reference=row-8]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-9]:hover) [data-monster-insert-reference=row-9]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-10]:hover) [data-monster-insert-reference=row-10]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-11]:hover) [data-monster-insert-reference=row-11]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-12]:hover) [data-monster-insert-reference=row-12]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-13]:hover) [data-monster-insert-reference=row-13]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-14]:hover) [data-monster-insert-reference=row-14]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-15]:hover) [data-monster-insert-reference=row-15]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-16]:hover) [data-monster-insert-reference=row-16]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-17]:hover) [data-monster-insert-reference=row-17]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-18]:hover) [data-monster-insert-reference=row-18]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-19]:hover) [data-monster-insert-reference=row-19]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-20]:hover) [data-monster-insert-reference=row-20]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-21]:hover) [data-monster-insert-reference=row-21]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-22]:hover) [data-monster-insert-reference=row-22]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-23]:hover) [data-monster-insert-reference=row-23]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-24]:hover) [data-monster-insert-reference=row-24]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-25]:hover) [data-monster-insert-reference=row-25]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-26]:hover) [data-monster-insert-reference=row-26]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-27]:hover) [data-monster-insert-reference=row-27]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-28]:hover) [data-monster-insert-reference=row-28]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-29]:hover) [data-monster-insert-reference=row-29]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-30]:hover) [data-monster-insert-reference=row-30]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-31]:hover) [data-monster-insert-reference=row-31]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-32]:hover) [data-monster-insert-reference=row-32]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-33]:hover) [data-monster-insert-reference=row-33]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-34]:hover) [data-monster-insert-reference=row-34]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-35]:hover) [data-monster-insert-reference=row-35]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-36]:hover) [data-monster-insert-reference=row-36]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-37]:hover) [data-monster-insert-reference=row-37]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-38]:hover) [data-monster-insert-reference=row-38]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-39]:hover) [data-monster-insert-reference=row-39]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-40]:hover) [data-monster-insert-reference=row-40]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-41]:hover) [data-monster-insert-reference=row-41]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-42]:hover) [data-monster-insert-reference=row-42]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-43]:hover) [data-monster-insert-reference=row-43]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-44]:hover) [data-monster-insert-reference=row-44]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-45]:hover) [data-monster-insert-reference=row-45]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-46]:hover) [data-monster-insert-reference=row-46]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-47]:hover) [data-monster-insert-reference=row-47]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-48]:hover) [data-monster-insert-reference=row-48]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-49]:hover) [data-monster-insert-reference=row-49]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-50]:hover) [data-monster-insert-reference=row-50]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-51]:hover) [data-monster-insert-reference=row-51]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-52]:hover) [data-monster-insert-reference=row-52]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-53]:hover) [data-monster-insert-reference=row-53]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-54]:hover) [data-monster-insert-reference=row-54]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-55]:hover) [data-monster-insert-reference=row-55]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-56]:hover) [data-monster-insert-reference=row-56]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-57]:hover) [data-monster-insert-reference=row-57]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-58]:hover) [data-monster-insert-reference=row-58]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-59]:hover) [data-monster-insert-reference=row-59]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-60]:hover) [data-monster-insert-reference=row-60]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-61]:hover) [data-monster-insert-reference=row-61]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-62]:hover) [data-monster-insert-reference=row-62]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-63]:hover) [data-monster-insert-reference=row-63]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-64]:hover) [data-monster-insert-reference=row-64]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-65]:hover) [data-monster-insert-reference=row-65]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-66]:hover) [data-monster-insert-reference=row-66]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-67]:hover) [data-monster-insert-reference=row-67]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-68]:hover) [data-monster-insert-reference=row-68]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-69]:hover) [data-monster-insert-reference=row-69]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-70]:hover) [data-monster-insert-reference=row-70]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-71]:hover) [data-monster-insert-reference=row-71]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-72]:hover) [data-monster-insert-reference=row-72]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-73]:hover) [data-monster-insert-reference=row-73]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-74]:hover) [data-monster-insert-reference=row-74]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-75]:hover) [data-monster-insert-reference=row-75]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-76]:hover) [data-monster-insert-reference=row-76]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-77]:hover) [data-monster-insert-reference=row-77]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-78]:hover) [data-monster-insert-reference=row-78]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-79]:hover) [data-monster-insert-reference=row-79]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-80]:hover) [data-monster-insert-reference=row-80]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-81]:hover) [data-monster-insert-reference=row-81]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-82]:hover) [data-monster-insert-reference=row-82]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-83]:hover) [data-monster-insert-reference=row-83]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-84]:hover) [data-monster-insert-reference=row-84]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-85]:hover) [data-monster-insert-reference=row-85]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-86]:hover) [data-monster-insert-reference=row-86]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-87]:hover) [data-monster-insert-reference=row-87]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-88]:hover) [data-monster-insert-reference=row-88]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-89]:hover) [data-monster-insert-reference=row-89]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-90]:hover) [data-monster-insert-reference=row-90]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-91]:hover) [data-monster-insert-reference=row-91]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-92]:hover) [data-monster-insert-reference=row-92]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-93]:hover) [data-monster-insert-reference=row-93]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-94]:hover) [data-monster-insert-reference=row-94]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-95]:hover) [data-monster-insert-reference=row-95]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-96]:hover) [data-monster-insert-reference=row-96]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-97]:hover) [data-monster-insert-reference=row-97]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-98]:hover) [data-monster-insert-reference=row-98]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-99]:hover) [data-monster-insert-reference=row-99]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-100]:hover) [data-monster-insert-reference=row-100]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-101]:hover) [data-monster-insert-reference=row-101]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-102]:hover) [data-monster-insert-reference=row-102]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-103]:hover) [data-monster-insert-reference=row-103]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-104]:hover) [data-monster-insert-reference=row-104]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-105]:hover) [data-monster-insert-reference=row-105]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-106]:hover) [data-monster-insert-reference=row-106]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-107]:hover) [data-monster-insert-reference=row-107]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-108]:hover) [data-monster-insert-reference=row-108]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-109]:hover) [data-monster-insert-reference=row-109]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-110]:hover) [data-monster-insert-reference=row-110]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-111]:hover) [data-monster-insert-reference=row-111]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-112]:hover) [data-monster-insert-reference=row-112]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-113]:hover) [data-monster-insert-reference=row-113]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-114]:hover) [data-monster-insert-reference=row-114]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-115]:hover) [data-monster-insert-reference=row-115]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-116]:hover) [data-monster-insert-reference=row-116]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-117]:hover) [data-monster-insert-reference=row-117]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-118]:hover) [data-monster-insert-reference=row-118]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-119]:hover) [data-monster-insert-reference=row-119]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-120]:hover) [data-monster-insert-reference=row-120]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-121]:hover) [data-monster-insert-reference=row-121]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-122]:hover) [data-monster-insert-reference=row-122]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-123]:hover) [data-monster-insert-reference=row-123]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-124]:hover) [data-monster-insert-reference=row-124]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-125]:hover) [data-monster-insert-reference=row-125]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-126]:hover) [data-monster-insert-reference=row-126]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-127]:hover) [data-monster-insert-reference=row-127]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-128]:hover) [data-monster-insert-reference=row-128]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-129]:hover) [data-monster-insert-reference=row-129]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-130]:hover) [data-monster-insert-reference=row-130]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-131]:hover) [data-monster-insert-reference=row-131]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-132]:hover) [data-monster-insert-reference=row-132]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-133]:hover) [data-monster-insert-reference=row-133]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-134]:hover) [data-monster-insert-reference=row-134]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-135]:hover) [data-monster-insert-reference=row-135]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-136]:hover) [data-monster-insert-reference=row-136]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-137]:hover) [data-monster-insert-reference=row-137]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-138]:hover) [data-monster-insert-reference=row-138]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-139]:hover) [data-monster-insert-reference=row-139]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-140]:hover) [data-monster-insert-reference=row-140]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-141]:hover) [data-monster-insert-reference=row-141]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-142]:hover) [data-monster-insert-reference=row-142]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-143]:hover) [data-monster-insert-reference=row-143]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-144]:hover) [data-monster-insert-reference=row-144]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-145]:hover) [data-monster-insert-reference=row-145]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-146]:hover) [data-monster-insert-reference=row-146]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-147]:hover) [data-monster-insert-reference=row-147]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-148]:hover) [data-monster-insert-reference=row-148]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-149]:hover) [data-monster-insert-reference=row-149]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-150]:hover) [data-monster-insert-reference=row-150]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-151]:hover) [data-monster-insert-reference=row-151]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-152]:hover) [data-monster-insert-reference=row-152]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-153]:hover) [data-monster-insert-reference=row-153]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-154]:hover) [data-monster-insert-reference=row-154]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-155]:hover) [data-monster-insert-reference=row-155]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-156]:hover) [data-monster-insert-reference=row-156]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-157]:hover) [data-monster-insert-reference=row-157]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-158]:hover) [data-monster-insert-reference=row-158]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-159]:hover) [data-monster-insert-reference=row-159]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-160]:hover) [data-monster-insert-reference=row-160]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-161]:hover) [data-monster-insert-reference=row-161]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-162]:hover) [data-monster-insert-reference=row-162]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-163]:hover) [data-monster-insert-reference=row-163]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-164]:hover) [data-monster-insert-reference=row-164]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-165]:hover) [data-monster-insert-reference=row-165]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-166]:hover) [data-monster-insert-reference=row-166]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-167]:hover) [data-monster-insert-reference=row-167]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-168]:hover) [data-monster-insert-reference=row-168]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-169]:hover) [data-monster-insert-reference=row-169]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-170]:hover) [data-monster-insert-reference=row-170]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-171]:hover) [data-monster-insert-reference=row-171]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-172]:hover) [data-monster-insert-reference=row-172]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-173]:hover) [data-monster-insert-reference=row-173]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-174]:hover) [data-monster-insert-reference=row-174]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-175]:hover) [data-monster-insert-reference=row-175]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-176]:hover) [data-monster-insert-reference=row-176]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-177]:hover) [data-monster-insert-reference=row-177]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-178]:hover) [data-monster-insert-reference=row-178]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-179]:hover) [data-monster-insert-reference=row-179]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-180]:hover) [data-monster-insert-reference=row-180]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-181]:hover) [data-monster-insert-reference=row-181]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-182]:hover) [data-monster-insert-reference=row-182]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-183]:hover) [data-monster-insert-reference=row-183]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-184]:hover) [data-monster-insert-reference=row-184]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-185]:hover) [data-monster-insert-reference=row-185]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-186]:hover) [data-monster-insert-reference=row-186]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-187]:hover) [data-monster-insert-reference=row-187]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-188]:hover) [data-monster-insert-reference=row-188]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-189]:hover) [data-monster-insert-reference=row-189]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-190]:hover) [data-monster-insert-reference=row-190]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-191]:hover) [data-monster-insert-reference=row-191]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-192]:hover) [data-monster-insert-reference=row-192]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-193]:hover) [data-monster-insert-reference=row-193]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-194]:hover) [data-monster-insert-reference=row-194]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-195]:hover) [data-monster-insert-reference=row-195]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-196]:hover) [data-monster-insert-reference=row-196]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-197]:hover) [data-monster-insert-reference=row-197]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-198]:hover) [data-monster-insert-reference=row-198]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-199]:hover) [data-monster-insert-reference=row-199]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-200]:hover) [data-monster-insert-reference=row-200]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-201]:hover) [data-monster-insert-reference=row-201]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-202]:hover) [data-monster-insert-reference=row-202]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-203]:hover) [data-monster-insert-reference=row-203]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-204]:hover) [data-monster-insert-reference=row-204]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-205]:hover) [data-monster-insert-reference=row-205]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-206]:hover) [data-monster-insert-reference=row-206]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-207]:hover) [data-monster-insert-reference=row-207]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-208]:hover) [data-monster-insert-reference=row-208]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-209]:hover) [data-monster-insert-reference=row-209]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-210]:hover) [data-monster-insert-reference=row-210]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-211]:hover) [data-monster-insert-reference=row-211]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-212]:hover) [data-monster-insert-reference=row-212]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-213]:hover) [data-monster-insert-reference=row-213]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-214]:hover) [data-monster-insert-reference=row-214]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-215]:hover) [data-monster-insert-reference=row-215]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-216]:hover) [data-monster-insert-reference=row-216]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-217]:hover) [data-monster-insert-reference=row-217]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-218]:hover) [data-monster-insert-reference=row-218]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-219]:hover) [data-monster-insert-reference=row-219]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-220]:hover) [data-monster-insert-reference=row-220]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-221]:hover) [data-monster-insert-reference=row-221]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-222]:hover) [data-monster-insert-reference=row-222]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-223]:hover) [data-monster-insert-reference=row-223]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-224]:hover) [data-monster-insert-reference=row-224]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-225]:hover) [data-monster-insert-reference=row-225]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-226]:hover) [data-monster-insert-reference=row-226]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-227]:hover) [data-monster-insert-reference=row-227]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-228]:hover) [data-monster-insert-reference=row-228]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-229]:hover) [data-monster-insert-reference=row-229]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-230]:hover) [data-monster-insert-reference=row-230]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-231]:hover) [data-monster-insert-reference=row-231]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-232]:hover) [data-monster-insert-reference=row-232]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-233]:hover) [data-monster-insert-reference=row-233]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-234]:hover) [data-monster-insert-reference=row-234]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-235]:hover) [data-monster-insert-reference=row-235]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-236]:hover) [data-monster-insert-reference=row-236]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-237]:hover) [data-monster-insert-reference=row-237]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-238]:hover) [data-monster-insert-reference=row-238]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-239]:hover) [data-monster-insert-reference=row-239]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-240]:hover) [data-monster-insert-reference=row-240]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-241]:hover) [data-monster-insert-reference=row-241]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-242]:hover) [data-monster-insert-reference=row-242]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-243]:hover) [data-monster-insert-reference=row-243]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-244]:hover) [data-monster-insert-reference=row-244]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-245]:hover) [data-monster-insert-reference=row-245]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-246]:hover) [data-monster-insert-reference=row-246]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-247]:hover) [data-monster-insert-reference=row-247]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-248]:hover) [data-monster-insert-reference=row-248]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-249]:hover) [data-monster-insert-reference=row-249]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-250]:hover) [data-monster-insert-reference=row-250]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-251]:hover) [data-monster-insert-reference=row-251]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-252]:hover) [data-monster-insert-reference=row-252]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-253]:hover) [data-monster-insert-reference=row-253]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-254]:hover) [data-monster-insert-reference=row-254]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-255]:hover) [data-monster-insert-reference=row-255]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-256]:hover) [data-monster-insert-reference=row-256]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-257]:hover) [data-monster-insert-reference=row-257]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-258]:hover) [data-monster-insert-reference=row-258]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-259]:hover) [data-monster-insert-reference=row-259]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-260]:hover) [data-monster-insert-reference=row-260]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-261]:hover) [data-monster-insert-reference=row-261]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-262]:hover) [data-monster-insert-reference=row-262]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-263]:hover) [data-monster-insert-reference=row-263]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-264]:hover) [data-monster-insert-reference=row-264]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-265]:hover) [data-monster-insert-reference=row-265]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-266]:hover) [data-monster-insert-reference=row-266]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-267]:hover) [data-monster-insert-reference=row-267]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-268]:hover) [data-monster-insert-reference=row-268]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-269]:hover) [data-monster-insert-reference=row-269]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-270]:hover) [data-monster-insert-reference=row-270]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-271]:hover) [data-monster-insert-reference=row-271]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-272]:hover) [data-monster-insert-reference=row-272]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-273]:hover) [data-monster-insert-reference=row-273]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-274]:hover) [data-monster-insert-reference=row-274]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-275]:hover) [data-monster-insert-reference=row-275]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-276]:hover) [data-monster-insert-reference=row-276]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-277]:hover) [data-monster-insert-reference=row-277]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-278]:hover) [data-monster-insert-reference=row-278]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-279]:hover) [data-monster-insert-reference=row-279]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-280]:hover) [data-monster-insert-reference=row-280]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-281]:hover) [data-monster-insert-reference=row-281]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-282]:hover) [data-monster-insert-reference=row-282]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-283]:hover) [data-monster-insert-reference=row-283]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-284]:hover) [data-monster-insert-reference=row-284]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-285]:hover) [data-monster-insert-reference=row-285]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-286]:hover) [data-monster-insert-reference=row-286]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-287]:hover) [data-monster-insert-reference=row-287]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-288]:hover) [data-monster-insert-reference=row-288]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-289]:hover) [data-monster-insert-reference=row-289]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-290]:hover) [data-monster-insert-reference=row-290]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-291]:hover) [data-monster-insert-reference=row-291]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-292]:hover) [data-monster-insert-reference=row-292]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-293]:hover) [data-monster-insert-reference=row-293]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-294]:hover) [data-monster-insert-reference=row-294]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-295]:hover) [data-monster-insert-reference=row-295]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-296]:hover) [data-monster-insert-reference=row-296]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-297]:hover) [data-monster-insert-reference=row-297]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-298]:hover) [data-monster-insert-reference=row-298]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-299]:hover) [data-monster-insert-reference=row-299]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-300]:hover) [data-monster-insert-reference=row-300]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-301]:hover) [data-monster-insert-reference=row-301]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-302]:hover) [data-monster-insert-reference=row-302]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-303]:hover) [data-monster-insert-reference=row-303]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-304]:hover) [data-monster-insert-reference=row-304]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-305]:hover) [data-monster-insert-reference=row-305]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-306]:hover) [data-monster-insert-reference=row-306]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-307]:hover) [data-monster-insert-reference=row-307]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-308]:hover) [data-monster-insert-reference=row-308]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-309]:hover) [data-monster-insert-reference=row-309]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-310]:hover) [data-monster-insert-reference=row-310]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-311]:hover) [data-monster-insert-reference=row-311]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-312]:hover) [data-monster-insert-reference=row-312]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-313]:hover) [data-monster-insert-reference=row-313]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-314]:hover) [data-monster-insert-reference=row-314]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-315]:hover) [data-monster-insert-reference=row-315]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-316]:hover) [data-monster-insert-reference=row-316]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-317]:hover) [data-monster-insert-reference=row-317]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-318]:hover) [data-monster-insert-reference=row-318]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-319]:hover) [data-monster-insert-reference=row-319]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-320]:hover) [data-monster-insert-reference=row-320]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-321]:hover) [data-monster-insert-reference=row-321]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-322]:hover) [data-monster-insert-reference=row-322]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-323]:hover) [data-monster-insert-reference=row-323]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-324]:hover) [data-monster-insert-reference=row-324]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-325]:hover) [data-monster-insert-reference=row-325]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-326]:hover) [data-monster-insert-reference=row-326]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-327]:hover) [data-monster-insert-reference=row-327]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-328]:hover) [data-monster-insert-reference=row-328]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-329]:hover) [data-monster-insert-reference=row-329]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-330]:hover) [data-monster-insert-reference=row-330]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-331]:hover) [data-monster-insert-reference=row-331]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-332]:hover) [data-monster-insert-reference=row-332]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-333]:hover) [data-monster-insert-reference=row-333]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-334]:hover) [data-monster-insert-reference=row-334]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-335]:hover) [data-monster-insert-reference=row-335]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-336]:hover) [data-monster-insert-reference=row-336]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-337]:hover) [data-monster-insert-reference=row-337]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-338]:hover) [data-monster-insert-reference=row-338]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-339]:hover) [data-monster-insert-reference=row-339]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-340]:hover) [data-monster-insert-reference=row-340]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-341]:hover) [data-monster-insert-reference=row-341]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-342]:hover) [data-monster-insert-reference=row-342]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-343]:hover) [data-monster-insert-reference=row-343]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-344]:hover) [data-monster-insert-reference=row-344]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-345]:hover) [data-monster-insert-reference=row-345]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-346]:hover) [data-monster-insert-reference=row-346]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-347]:hover) [data-monster-insert-reference=row-347]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-348]:hover) [data-monster-insert-reference=row-348]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-349]:hover) [data-monster-insert-reference=row-349]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-350]:hover) [data-monster-insert-reference=row-350]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-351]:hover) [data-monster-insert-reference=row-351]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-352]:hover) [data-monster-insert-reference=row-352]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-353]:hover) [data-monster-insert-reference=row-353]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-354]:hover) [data-monster-insert-reference=row-354]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-355]:hover) [data-monster-insert-reference=row-355]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-356]:hover) [data-monster-insert-reference=row-356]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-357]:hover) [data-monster-insert-reference=row-357]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-358]:hover) [data-monster-insert-reference=row-358]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-359]:hover) [data-monster-insert-reference=row-359]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-360]:hover) [data-monster-insert-reference=row-360]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-361]:hover) [data-monster-insert-reference=row-361]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-362]:hover) [data-monster-insert-reference=row-362]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-363]:hover) [data-monster-insert-reference=row-363]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-364]:hover) [data-monster-insert-reference=row-364]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-365]:hover) [data-monster-insert-reference=row-365]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-366]:hover) [data-monster-insert-reference=row-366]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-367]:hover) [data-monster-insert-reference=row-367]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-368]:hover) [data-monster-insert-reference=row-368]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-369]:hover) [data-monster-insert-reference=row-369]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-370]:hover) [data-monster-insert-reference=row-370]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-371]:hover) [data-monster-insert-reference=row-371]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-372]:hover) [data-monster-insert-reference=row-372]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-373]:hover) [data-monster-insert-reference=row-373]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-374]:hover) [data-monster-insert-reference=row-374]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-375]:hover) [data-monster-insert-reference=row-375]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-376]:hover) [data-monster-insert-reference=row-376]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-377]:hover) [data-monster-insert-reference=row-377]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-378]:hover) [data-monster-insert-reference=row-378]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-379]:hover) [data-monster-insert-reference=row-379]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-380]:hover) [data-monster-insert-reference=row-380]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-381]:hover) [data-monster-insert-reference=row-381]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-382]:hover) [data-monster-insert-reference=row-382]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-383]:hover) [data-monster-insert-reference=row-383]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-384]:hover) [data-monster-insert-reference=row-384]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-385]:hover) [data-monster-insert-reference=row-385]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-386]:hover) [data-monster-insert-reference=row-386]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-387]:hover) [data-monster-insert-reference=row-387]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-388]:hover) [data-monster-insert-reference=row-388]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-389]:hover) [data-monster-insert-reference=row-389]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-390]:hover) [data-monster-insert-reference=row-390]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-391]:hover) [data-monster-insert-reference=row-391]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-392]:hover) [data-monster-insert-reference=row-392]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-393]:hover) [data-monster-insert-reference=row-393]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-394]:hover) [data-monster-insert-reference=row-394]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-395]:hover) [data-monster-insert-reference=row-395]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-396]:hover) [data-monster-insert-reference=row-396]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-397]:hover) [data-monster-insert-reference=row-397]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-398]:hover) [data-monster-insert-reference=row-398]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-399]:hover) [data-monster-insert-reference=row-399]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-400]:hover) [data-monster-insert-reference=row-400]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-401]:hover) [data-monster-insert-reference=row-401]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-402]:hover) [data-monster-insert-reference=row-402]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-403]:hover) [data-monster-insert-reference=row-403]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-404]:hover) [data-monster-insert-reference=row-404]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-405]:hover) [data-monster-insert-reference=row-405]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-406]:hover) [data-monster-insert-reference=row-406]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-407]:hover) [data-monster-insert-reference=row-407]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-408]:hover) [data-monster-insert-reference=row-408]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-409]:hover) [data-monster-insert-reference=row-409]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-410]:hover) [data-monster-insert-reference=row-410]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-411]:hover) [data-monster-insert-reference=row-411]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-412]:hover) [data-monster-insert-reference=row-412]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-413]:hover) [data-monster-insert-reference=row-413]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-414]:hover) [data-monster-insert-reference=row-414]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-415]:hover) [data-monster-insert-reference=row-415]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-416]:hover) [data-monster-insert-reference=row-416]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-417]:hover) [data-monster-insert-reference=row-417]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-418]:hover) [data-monster-insert-reference=row-418]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-419]:hover) [data-monster-insert-reference=row-419]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-420]:hover) [data-monster-insert-reference=row-420]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-421]:hover) [data-monster-insert-reference=row-421]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-422]:hover) [data-monster-insert-reference=row-422]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-423]:hover) [data-monster-insert-reference=row-423]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-424]:hover) [data-monster-insert-reference=row-424]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-425]:hover) [data-monster-insert-reference=row-425]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-426]:hover) [data-monster-insert-reference=row-426]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-427]:hover) [data-monster-insert-reference=row-427]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-428]:hover) [data-monster-insert-reference=row-428]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-429]:hover) [data-monster-insert-reference=row-429]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-430]:hover) [data-monster-insert-reference=row-430]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-431]:hover) [data-monster-insert-reference=row-431]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-432]:hover) [data-monster-insert-reference=row-432]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-433]:hover) [data-monster-insert-reference=row-433]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-434]:hover) [data-monster-insert-reference=row-434]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-435]:hover) [data-monster-insert-reference=row-435]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-436]:hover) [data-monster-insert-reference=row-436]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-437]:hover) [data-monster-insert-reference=row-437]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-438]:hover) [data-monster-insert-reference=row-438]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-439]:hover) [data-monster-insert-reference=row-439]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-440]:hover) [data-monster-insert-reference=row-440]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-441]:hover) [data-monster-insert-reference=row-441]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-442]:hover) [data-monster-insert-reference=row-442]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-443]:hover) [data-monster-insert-reference=row-443]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-444]:hover) [data-monster-insert-reference=row-444]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-445]:hover) [data-monster-insert-reference=row-445]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-446]:hover) [data-monster-insert-reference=row-446]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-447]:hover) [data-monster-insert-reference=row-447]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-448]:hover) [data-monster-insert-reference=row-448]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-449]:hover) [data-monster-insert-reference=row-449]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-450]:hover) [data-monster-insert-reference=row-450]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-451]:hover) [data-monster-insert-reference=row-451]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-452]:hover) [data-monster-insert-reference=row-452]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-453]:hover) [data-monster-insert-reference=row-453]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-454]:hover) [data-monster-insert-reference=row-454]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-455]:hover) [data-monster-insert-reference=row-455]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-456]:hover) [data-monster-insert-reference=row-456]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-457]:hover) [data-monster-insert-reference=row-457]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-458]:hover) [data-monster-insert-reference=row-458]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-459]:hover) [data-monster-insert-reference=row-459]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-460]:hover) [data-monster-insert-reference=row-460]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-461]:hover) [data-monster-insert-reference=row-461]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-462]:hover) [data-monster-insert-reference=row-462]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-463]:hover) [data-monster-insert-reference=row-463]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-464]:hover) [data-monster-insert-reference=row-464]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-465]:hover) [data-monster-insert-reference=row-465]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-466]:hover) [data-monster-insert-reference=row-466]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-467]:hover) [data-monster-insert-reference=row-467]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-468]:hover) [data-monster-insert-reference=row-468]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-469]:hover) [data-monster-insert-reference=row-469]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-470]:hover) [data-monster-insert-reference=row-470]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-471]:hover) [data-monster-insert-reference=row-471]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-472]:hover) [data-monster-insert-reference=row-472]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-473]:hover) [data-monster-insert-reference=row-473]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-474]:hover) [data-monster-insert-reference=row-474]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-475]:hover) [data-monster-insert-reference=row-475]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-476]:hover) [data-monster-insert-reference=row-476]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-477]:hover) [data-monster-insert-reference=row-477]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-478]:hover) [data-monster-insert-reference=row-478]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-479]:hover) [data-monster-insert-reference=row-479]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-480]:hover) [data-monster-insert-reference=row-480]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-481]:hover) [data-monster-insert-reference=row-481]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-482]:hover) [data-monster-insert-reference=row-482]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-483]:hover) [data-monster-insert-reference=row-483]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-484]:hover) [data-monster-insert-reference=row-484]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-485]:hover) [data-monster-insert-reference=row-485]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-486]:hover) [data-monster-insert-reference=row-486]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-487]:hover) [data-monster-insert-reference=row-487]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-488]:hover) [data-monster-insert-reference=row-488]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-489]:hover) [data-monster-insert-reference=row-489]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-490]:hover) [data-monster-insert-reference=row-490]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-491]:hover) [data-monster-insert-reference=row-491]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-492]:hover) [data-monster-insert-reference=row-492]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-493]:hover) [data-monster-insert-reference=row-493]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-494]:hover) [data-monster-insert-reference=row-494]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-495]:hover) [data-monster-insert-reference=row-495]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-496]:hover) [data-monster-insert-reference=row-496]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-497]:hover) [data-monster-insert-reference=row-497]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-498]:hover) [data-monster-insert-reference=row-498]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-499]:hover) [data-monster-insert-reference=row-499]{backgroud-color:red;box-sizing:border-box}.table-container:has([data-monster-insert-reference=row-500]:hover) [data-monster-insert-reference=row-500]{backgroud-color:red;box-sizing:border-box}::slotted(.monster-button-group){display:flex;flex-direction:column!important}} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/datatable/stylesheet/filter-button.mjs b/source/components/datatable/stylesheet/filter-button.mjs index 743b7b71d0f27152b3c65204eb6d8f9b9f6151b8..8d3b1258413cf8a99282183469fbbdef4a221fb2 100644 --- a/source/components/datatable/stylesheet/filter-button.mjs +++ b/source/components/datatable/stylesheet/filter-button.mjs @@ -20,7 +20,7 @@ const FilterButtonStyleSheet = new CSSStyleSheet(); try { FilterButtonStyleSheet.insertRule(` @layer filterbutton { -:host{display:flex}[data-monster-role=control] a{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px} +:host{display:flex}[data-monster-role=control] a{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/datatable/stylesheet/filter.mjs b/source/components/datatable/stylesheet/filter.mjs index 96deb6bcc0d97492f1019d16234630de6112be68..a5e84c0df47f8682d825f2b60b506919eab63ee4 100644 --- a/source/components/datatable/stylesheet/filter.mjs +++ b/source/components/datatable/stylesheet/filter.mjs @@ -20,7 +20,7 @@ const FilterStyleSheet = new CSSStyleSheet(); try { FilterStyleSheet.insertRule(` @layer filter { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}:host{width:100%}[data-monster-role=control] .hidden{display:none}[data-monster-role=control] [data-monster-role=query]{height:100%;width:100%}[data-monster-role=control] [data-monster-role=layout]{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;width:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=remove-badges]{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter]{align-items:stretch;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:.5rem;width:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter] ::slotted(label){align-items:stretch;border-bottom:var(--monster-border-width) solid var(--monster-border-color);display:flex;flex-direction:column;gap:.1rem;min-width:15em;padding:2px}[data-monster-role=control] [data-monster-role=layout] [name=hidden]{display:none}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search]{align-items:stretch;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-flow:row-reverse nowrap;margin-top:1rem;place-content:center flex-end;row-gap:1.5rem}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] monster-button{display:flex}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] .stretched-control ::part(control){height:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] .stretched-control ::part(button-button){height:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] .stretched-control ::part(button-control){height:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] monster-select{min-width:350px}@media (max-width:1200px){[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search]{-moz-column-gap:0;column-gap:0;flex-flow:column nowrap;row-gap:.5rem}}@media (max-width:768px){[data-monster-role=control] [data-monster-role=layout]{-moz-column-gap:0;column-gap:0;flex-flow:column nowrap;row-gap:.5rem}[data-monster-role=control] [data-monster-role=layout] monster-select{width:100%}}@media (max-width:480px){[data-monster-role=control] [data-monster-role=layout]{-moz-column-gap:0;column-gap:0;display:contents;flex-flow:column nowrap;row-gap:.5rem}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter]{display:contents}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter] ::slotted(label){min-width:-moz-fit-content;min-width:fit-content}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] monster-select{min-width:-moz-fit-content;min-width:fit-content;width:100%}} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}:host{width:100%}[data-monster-role=control] .hidden{display:none}[data-monster-role=control] [data-monster-role=query]{height:100%;width:100%}[data-monster-role=control] [data-monster-role=layout]{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;width:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=remove-badges]{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter]{align-items:stretch;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:.5rem;width:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter] ::slotted(label){align-items:stretch;border-bottom:var(--monster-border-width) solid var(--monster-border-color);display:flex;flex-direction:column;gap:.1rem;min-width:15em;padding:2px}[data-monster-role=control] [data-monster-role=layout] [name=hidden]{display:none}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search]{align-items:stretch;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-flow:row-reverse nowrap;margin-top:1rem;place-content:center flex-end;row-gap:1.5rem}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] monster-button{display:flex}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] .stretched-control ::part(control){height:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] .stretched-control ::part(button-button){height:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] .stretched-control ::part(button-control){height:100%}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] monster-select{min-width:350px}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] [data-monster-visible=false]{display:none}@media (max-width:1200px){[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search]{-moz-column-gap:0;column-gap:0;flex-flow:column nowrap;row-gap:.5rem}}@media (max-width:768px){[data-monster-role=control] [data-monster-role=layout]{-moz-column-gap:0;column-gap:0;flex-flow:column nowrap;row-gap:.5rem}[data-monster-role=control] [data-monster-role=layout] monster-select{width:100%}}@media (max-width:480px){[data-monster-role=control] [data-monster-role=layout]{-moz-column-gap:0;column-gap:0;display:contents;flex-flow:column nowrap;row-gap:.5rem}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter]{display:contents}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=filter] ::slotted(label){min-width:-moz-fit-content;min-width:fit-content}[data-monster-role=control] [data-monster-role=layout] [data-monster-role=select-and-search] monster-select{min-width:-moz-fit-content;min-width:fit-content;width:100%}} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/datatable/stylesheet/pagination.mjs b/source/components/datatable/stylesheet/pagination.mjs index b84dcc4638f19903f27894f7919c9e5dc9d4d079..a7be997013594fdfdcf6be214b8a87c71c3cd8d7 100644 --- a/source/components/datatable/stylesheet/pagination.mjs +++ b/source/components/datatable/stylesheet/pagination.mjs @@ -20,7 +20,7 @@ const PaginationStyleSheet = new CSSStyleSheet(); try { PaginationStyleSheet.insertRule(` @layer pagination { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:hsla(0,0%,100%,.7);border-radius:50%;position:absolute;transform:scale(0)}@keyframes monster-fx-ripple{to{opacity:0;transform:scale(4)}}[data-monster-role=pagination]{box-sizing:border-box;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.4}[data-monster-role=pagination] ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:20px 0;padding-left:0}[data-monster-role=pagination] ul li{margin:0 1px}[data-monster-role=pagination] ul li a{align-items:center;background-color:var(--monster-bg-color-primary-1);background-position:50%;border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-color-primary-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch;width:-moz-max-content;width:max-content}[data-monster-role=pagination] ul li a.current{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4);cursor:unset}[data-monster-role=pagination] ul li a.disabled{//border-color:var(--monster-bg-color-primary-4);background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1);cursor:not-allowed} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:hsla(0,0%,100%,.7);border-radius:50%;position:absolute;transform:scale(0)}@keyframes monster-fx-ripple{to{opacity:0;transform:scale(4)}}[data-monster-role=pagination]{box-sizing:border-box;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.4}[data-monster-role=pagination] ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:20px 0;padding-left:0}[data-monster-role=pagination] ul li{margin:0 1px}[data-monster-role=pagination] ul li a{align-items:center;background-color:var(--monster-bg-color-primary-1);background-position:50%;border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-color-primary-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch;width:-moz-max-content;width:max-content}[data-monster-role=pagination] ul li a.current{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4);cursor:unset}[data-monster-role=pagination] ul li a.disabled{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1);cursor:not-allowed} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/datatable/stylesheet/status.mjs b/source/components/datatable/stylesheet/status.mjs new file mode 100644 index 0000000000000000000000000000000000000000..b0396d14afc117b938ef9684d77ae4ef39bffd5c --- /dev/null +++ b/source/components/datatable/stylesheet/status.mjs @@ -0,0 +1,27 @@ + +/** + * Copyright schukai GmbH and contributors 2023. All Rights Reserved. + * Node module: @schukai/monster + * This file is licensed under the AGPLv3 License. + * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html + */ + +import {addAttributeToken} from "../../../dom/attributes.mjs"; +import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs"; + +export {StatusStyleSheet} + +/** + * @private + * @type {CSSStyleSheet} + */ +const StatusStyleSheet = new CSSStyleSheet(); + +try { + StatusStyleSheet.insertRule(` +@layer status { +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:hsla(0,0%,100%,.7);border-radius:50%;position:absolute;transform:scale(0)}@keyframes monster-fx-ripple{to{opacity:0;transform:scale(4)}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:-moz-fit-content;width:fit-content}[data-monster-role=control] .monster-spinner{height:1.5rem!important;visibility:hidden;width:1.5rem!important}[data-monster-role=control] [data-monster-state-loader=show]{visibility:visible}:host{align-items:center;align-self:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:-moz-fit-content;width:fit-content} +}`, 0); +} catch (e) { + addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); +} diff --git a/source/components/form/action-button.mjs b/source/components/form/action-button.mjs index 22fe24300d4adaf941c3ce3bbd8dae59d5df3780..312b69da74eb6be4d69b98b2a181b93fbe026f45 100644 --- a/source/components/form/action-button.mjs +++ b/source/components/form/action-button.mjs @@ -72,7 +72,7 @@ class ActionButton extends PopperButton { * @returns {symbol} */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/action-button@@instance"); + return Symbol.for("@schukai/monster/components/form/action-button@@instance"); } /** diff --git a/source/components/form/api-button.mjs b/source/components/form/api-button.mjs index 98df3dc38bdabf91e12f8ca87a690586c01085c5..0b562502d581a567938419e47134f0acd6e9a1ba 100644 --- a/source/components/form/api-button.mjs +++ b/source/components/form/api-button.mjs @@ -81,7 +81,7 @@ class ApiButton extends ActionButton { * @returns {symbol} */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/api-button@@instance"); + return Symbol.for("@schukai/monster/components/form/api-button@@instance"); } /** diff --git a/source/components/form/button-bar.mjs b/source/components/form/button-bar.mjs index 64311bc14a05ffdd287c85752b343f1e3af9d4c5..7d16b13f9ca6c415c0090216b51e7e852397c15b 100644 --- a/source/components/form/button-bar.mjs +++ b/source/components/form/button-bar.mjs @@ -153,7 +153,7 @@ class ButtonBar extends CustomElement { * @returns {symbol} */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/button-bar@@instance"); + return Symbol.for("@schukai/monster/components/form/button-bar@@instance"); } /** diff --git a/source/components/form/button.mjs b/source/components/form/button.mjs index 8d02fc0e6cb37dc898bd8274838780be62115c14..ceb3a727f81c32027bc8378644b558c9fec7ee53 100644 --- a/source/components/form/button.mjs +++ b/source/components/form/button.mjs @@ -76,7 +76,7 @@ class Button extends CustomControl { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/button@@instance"); + return Symbol.for("@schukai/monster/components/form/button@@instance"); } /** diff --git a/source/components/form/confirm-button.mjs b/source/components/form/confirm-button.mjs index ad95c494535a51ba404a26ba2e94c6a2bcac15f7..5a8b1d31f3ccf4c2dfeca8a8593989f777283604 100644 --- a/source/components/form/confirm-button.mjs +++ b/source/components/form/confirm-button.mjs @@ -89,7 +89,7 @@ class ConfirmButton extends PopperButton { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/confirm-button@@instance"); + return Symbol.for("@schukai/monster/components/form/confirm-button@@instance"); } /** diff --git a/source/components/form/context-error.mjs b/source/components/form/context-error.mjs new file mode 100644 index 0000000000000000000000000000000000000000..a2d3b6fde6e1a57b424e18318cab49f74837c610 --- /dev/null +++ b/source/components/form/context-error.mjs @@ -0,0 +1,275 @@ +/** + * Copyright schukai GmbH and contributors 2023. All Rights Reserved. + * Node module: @schukai/monster + * This file is licensed under the AGPLv3 License. + * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html + */ +import {instanceSymbol} from "../../constants.mjs"; +import {assembleMethodSymbol, registerCustomElement} from "../../dom/customelement.mjs"; +import {CustomControl} from "../../dom/customcontrol.mjs"; +import {ContextErrorStyleSheet} from "./stylesheet/context-error.mjs"; +import {ThemeStyleSheet} from "../stylesheet/theme.mjs"; +import {Popper} from "./popper.mjs"; +import { + ATTRIBUTE_ERRORMESSAGE, + ATTRIBUTE_ROLE, +} from "../../dom/constants.mjs"; + +export {ContextError}; + +/** + * @private + * @type {symbol} + */ +const controlElementSymbol = Symbol("controlElement"); + +/** + * @private + * @type {symbol} + */ +const buttonElementSymbol = Symbol("buttonElement"); + +/** + * local symbol + * @private + * @type {symbol} + */ +const popperElementSymbol = Symbol("popperElement"); + +/** + * local symbol + * @private + * @type {symbol} + */ +const iconElementSymbol = Symbol("iconElement"); + +/** + * The ContextError control creates an element with a variety of options. + * + * <img src="./images/context-error.png"> + * + * Dependencies: the system uses functions of the [monsterjs](https://monsterjs.org/) library + * as well as [pooperjs](https://popper.js.org/docs/v2/). + * + * You can create this control either by specifying the HTML tag <monster-context-help-button />` directly in the HTML or using + * Javascript via the `document.createElement('monster-context-help');` method. + * + * ```html + * <monster-context-help></monster-context-help> + * ``` + * + * Or you can create this CustomControl directly in Javascript: + * + * ```js + * import {Popper} from '@schukai/component-form/source/popper.js'; + * document.createElement('monster-context-help'); + * ``` + * + * @startuml context-error.png + * skinparam monochrome true + * skinparam shadowing false + * HTMLElement <|-- CustomElement + * CustomElement <|-- CustomControl + * CustomControl <|-- Popper + * Popper <|-- ContextError + * @enduml + * + * @since 3.55.0 + * @copyright schukai GmbH + * @memberOf Monster.Components.Form + * @summary A control that can be used to display a tooltip or a popover with an error message. + */ +class ContextError extends Popper { + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + * @since 2.1.0 + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/form/context-error@@instance"); + } + + /** + * + * @return {Monster.Components.Form.PopperButton} + */ + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + initControlReferences.call(this); + + if (this.hasErrorMessage()) { + this[iconElementSymbol].classList.remove("hidden"); + } + + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates - The templates for the control. + * @property {string} templates.main - The main template. + * @property {string} mode - The mode of the popper. Possible values are `click`, `enter` and `hover`. + * @property {string} content - The content of the popper. + * @property {object} popper - The popper options. + * @property {string} popper.placement - The placement of the popper. Possible values are `top`, `bottom`, `left`, `right`, `auto`, `auto-start`, `auto-end`, `top-start`, `top-end`, `bottom-start`, `bottom-end`, `right-start`, `right-end`, `left-start`, `left-end`. + * @extends {CustomControl} + */ + get defaults() { + return Object.assign({}, super.defaults, { + templates: { + main: getTemplate(), + }, + mode: "auto", + + content: "", + + classes: { + button: "monster-theme-error-2", + } + }); + } + + /** + * + * @return {Monster.Components.Form.Popper} + */ + showDialog() { + + if (!this.hasErrorMessage()) { + return this; + } + + super.showDialog(); + return this; + } + + /** + * + * @return {Monster.Components.Form.Popper} + */ + hideDialog() { + super.hideDialog(); + return this; + } + + /** + * + * @param message + * @param show {boolean|number} - If true the dialog is shown immediately. If false the dialog is hidden by default. If a number is specified the dialog is shown for the specified time in milliseconds. + * @returns {Monster.Components.Form.ContextError} + */ + setErrorMessage(message, show = false) { + + message = message.trim(); + + if (message === "") { + return this.resetErrorMessage(); + } + + this.setOption("content", message); + this[iconElementSymbol].classList.remove("hidden"); + + if (show === true || show === 1 || show === "true") { + this.showDialog(); + return this; + } + + if (show === false || show === 0 || show === "false") { + return this; + } + + try { + + let interval = parseInt(show); + this.showDialog(); + setTimeout(() => { + this.hideDialog(); + }, interval); + + + } catch (e) { + } + + + return this; + } + + resetErrorMessage() { + this.hideDialog(); + this.setOption("content", ""); + this[iconElementSymbol].classList.add("hidden"); + return this; + } + + hasErrorMessage() { + return this.getOption("content", "") !== ""; + } + + /** + * @return {string} + */ + static getTag() { + return "monster-context-error"; + } + + /** + * @return {Array<CSSStyleSheet>} + */ + static getCSSStyleSheet() { + return [ContextErrorStyleSheet, ThemeStyleSheet]; + } +} + +/** + * @private + * @return {Select} + */ +function initControlReferences() { + this[controlElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=control]`, + ); + this[buttonElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=button]`, + ); + this[popperElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=popper]`, + ); + this[iconElementSymbol] = this.shadowRoot.querySelector( + "[data-monster-role=button] svg", + ); +} + +/** + * @private + * @return {string} + */ +function getTemplate() { + // language=HTML + return ` + <div data-monster-role="control" part="control"> + + <div data-monster-role="button" + data-monster-attributes="class path:classes.button" + part="button"> + <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" fill="currentColor" class="hidden" + viewBox="0 0 16 16"> + <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> + <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/> + </svg> + </div> + + <div data-monster-role="popper" part="popper" tabindex="-1" class="monster-color-primary-1"> + <div data-monster-role="arrow"></div> + <div part="content" class="flex"> + <div data-monster-replace="path:content | i18n::value"></div> + </div> + </div> + + </div> + `; +} + +registerCustomElement(ContextError); diff --git a/source/components/form/context-help.mjs b/source/components/form/context-help.mjs index 562323ed538c883091b4bde73de2a6695f577a83..91e35224d97eb4514ff9598acc18aa0042dffba8 100644 --- a/source/components/form/context-help.mjs +++ b/source/components/form/context-help.mjs @@ -30,11 +30,11 @@ export { ContextHelp }; * Or you can create this CustomControl directly in Javascript: * * ```js - * import {Popper} from '@schukai/component-form/source/popper.js'; + * import {Popper} from '@schukai/monster/components/form/context-help.mjs'; * document.createElement('monster-context-help'); * ``` * - * @startuml context-button.png + * @startuml context-help.png * skinparam monochrome true * skinparam shadowing false * HTMLElement <|-- CustomElement @@ -55,7 +55,7 @@ class ContextHelp extends Popper { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/popper@@instance"); + return Symbol.for("@schukai/monster/components/form/context-help@@instance"); } /** @@ -77,7 +77,7 @@ class ContextHelp extends Popper { templates: { main: getTemplate(), }, - mode: "hover", + mode: "auto", }); } @@ -105,7 +105,7 @@ function getTemplate() { return ` <div data-monster-role="control" part="control"> - <div data-monster-role="button" part="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle-fill" viewBox="0 0 16 16"> + <div data-monster-role="button" part="button"><svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" fill="currentColor" class="bi bi-question-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"/> </svg></div> diff --git a/source/components/form/form.mjs b/source/components/form/form.mjs index 171ded496f31ea0d935d9d2ec0274ddacd9be6e3..40cc9b0812b54a86f78b3a396fe2bdbb0e4f87e2 100644 --- a/source/components/form/form.mjs +++ b/source/components/form/form.mjs @@ -56,7 +56,7 @@ const ATTRIBUTE_FORM_DATASOURCE_ACTION = `${ATTRIBUTE_PREFIX}datasource-action`; * @type {symbol} * @since 1.7.0 */ -const formDataSymbol = Symbol.for("@schukai/component-form/form@@formdata"); +const formDataSymbol = Symbol.for("@schukai/monster/components/form/form@@formdata"); /** * @private @@ -141,7 +141,7 @@ class Form extends CustomElement { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/form"); + return Symbol.for("@schukai/monster/components/form/form"); } /** diff --git a/source/components/form/message-state-button.mjs b/source/components/form/message-state-button.mjs index a56da55f8e8473f0f18a02e752487b354cde1ca7..c66a56e65476b8f82a9c4d5c60a7d5e240190111 100644 --- a/source/components/form/message-state-button.mjs +++ b/source/components/form/message-state-button.mjs @@ -43,7 +43,7 @@ const buttonElementSymbol = Symbol("buttonElement"); * Or you can create this CustomControl directly in Javascript: * * ```js - * import {class MessageStateButton extends PopperButton {} from '@schukai/component-form/source/message-state-button.js'; + * import from '@schukai/monster/source/components/form/message-state-button.mjs'; * document.createElement('monster-state-button'); * ``` * @@ -68,7 +68,7 @@ class MessageStateButton extends Popper { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/message-state-button@@instance"); + return Symbol.for("@schukai/monster/components/form/message-state-button@@instance"); } /** diff --git a/source/components/form/popper-button.mjs b/source/components/form/popper-button.mjs index 418ade17099abe6f927628b8ffe8714943d6f722..672e36d9955a0402d67e67f58dd2a5ffbb02382a 100644 --- a/source/components/form/popper-button.mjs +++ b/source/components/form/popper-button.mjs @@ -125,7 +125,7 @@ class PopperButton extends Popper { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/popper-button@@instance"); + return Symbol.for("@schukai/monster/components/form/popper-button@@instance"); } /** @@ -170,7 +170,7 @@ class PopperButton extends Popper { [assembleMethodSymbol]() { super[assembleMethodSymbol](); initControlReferences.call(this); - initEventhandler.call(this); + initEventHandler.call(this); return this; } @@ -321,9 +321,9 @@ class PopperButton extends Popper { /** * @private - * @return {initEventhandler} + * @return {initEventHandler} */ -function initEventhandler() { +function initEventHandler() { this[closeEventHandler] = (event) => { const path = event.composedPath(); @@ -395,12 +395,15 @@ function initControlReferences() { this[controlElementSymbol] = this.shadowRoot.querySelector( `[${ATTRIBUTE_ROLE}=control]`, ); + this[buttonElementSymbol] = this.shadowRoot.querySelector( `[${ATTRIBUTE_ROLE}=button]`, ); + this[popperElementSymbol] = this.shadowRoot.querySelector( `[${ATTRIBUTE_ROLE}=popper]`, ); + this[arrowElementSymbol] = this.shadowRoot.querySelector( `[${ATTRIBUTE_ROLE}=arrow]`, ); diff --git a/source/components/form/popper.mjs b/source/components/form/popper.mjs index 5af8acaad422a0be3f9f609bc97a72e86b5b758c..b66f99fcf9b637e1abc528a153083f833929e3f3 100644 --- a/source/components/form/popper.mjs +++ b/source/components/form/popper.mjs @@ -4,27 +4,27 @@ * This file is licensed under the AGPLv3 License. * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html */ -import { instanceSymbol } from "../../constants.mjs"; +import {instanceSymbol} from "../../constants.mjs"; import { - addAttributeToken, - removeAttributeToken, + addAttributeToken, + removeAttributeToken, } from "../../dom/attributes.mjs"; -import { ATTRIBUTE_ROLE } from "../../dom/constants.mjs"; +import {ATTRIBUTE_ROLE} from "../../dom/constants.mjs"; import { - assembleMethodSymbol, - registerCustomElement, + assembleMethodSymbol, + registerCustomElement, } from "../../dom/customelement.mjs"; -import { fireCustomEvent } from "../../dom/events.mjs"; -import { getDocument } from "../../dom/util.mjs"; -import { DeadMansSwitch } from "../../util/deadmansswitch.mjs"; -import { Button } from "./button.mjs"; -import { STYLE_DISPLAY_MODE_BLOCK } from "./constants.mjs"; -import { positionPopper } from "./util/floating-ui.mjs"; -import { CustomControl } from "../../dom/customcontrol.mjs"; -import { PopperStyleSheet } from "./stylesheet/popper.mjs"; -import { isArray } from "../../types/is.mjs"; - -export { Popper }; +import {fireCustomEvent} from "../../dom/events.mjs"; +import {getDocument} from "../../dom/util.mjs"; +import {DeadMansSwitch} from "../../util/deadmansswitch.mjs"; +import {Button} from "./button.mjs"; +import {STYLE_DISPLAY_MODE_BLOCK} from "./constants.mjs"; +import {positionPopper} from "./util/floating-ui.mjs"; +import {CustomControl} from "../../dom/customcontrol.mjs"; +import {PopperStyleSheet} from "./stylesheet/popper.mjs"; +import {isArray} from "../../types/is.mjs"; + +export {Popper}; /** * @private @@ -116,277 +116,285 @@ const arrowElementSymbol = Symbol("arrowElement"); * @summary A popper button */ class Popper extends CustomControl { - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/popper@@instance"); - } - - /** - * To set the options via the html tag the attribute `data-monster-options` must be used. - * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} - * - * The individual configuration values can be found in the table. - * - * @property {Object} templates - The templates for the control. - * @property {string} templates.main - The main template. - * @property {string} mode - The mode of the popper. Possible values are `click`, `enter` `hover`, `manual`, `focus`, "auto" or a combination of them. - * @property {string} content - The content of the popper. - * @property {object} popper - The popper options. - * @property {string} popper.placement - The placement of the popper. Possible values are `top`, `bottom`, `left` and `right`. - * @property {Array<function>} popper.middleware - The middleware functions of the popper. - * @property {Array<function>} popper.middlewareInit - The middleware init functions of the popper. - * @property {Object} features - The features of the popper. - * @property {boolean} features.preventPropagateOpenEvents - Prevents the open event from being sent. - * @extends {Button} - */ - get defaults() { - return Object.assign({}, super.defaults, { - templates: { - main: getTemplate(), - }, - mode: "hover focus", - content: "<slot>Should I Stay or Should I Go?</slot>", - popper: { - placement: "top", - middleware: ["autoPlacement", "offset:10", "arrow"], - }, - features: { - preventOpenEventSent: false, - }, - }); - } - - /** - * - * @return {Monster.Components.Form.Popper} - */ - [assembleMethodSymbol]() { - super[assembleMethodSymbol](); - initControlReferences.call(this); - initEventhandler.call(this); - - return this; - } - - /** - * @return {string} - */ - static getTag() { - return "monster-popper"; - } - - /** - * @return {Array<CSSStyleSheet>} - */ - static getCSSStyleSheet() { - return [PopperStyleSheet]; - } - - /** - * @return {void} - */ - connectedCallback() { - super.connectedCallback(); - - const document = getDocument(); - - for (const [, type] of Object.entries(["click", "touch"])) { - // close on outside ui-events - document.addEventListener(type, this[closeEventHandler]); - } - - updatePopper.call(this); - attachResizeObserver.call(this); - } - - /** - * @return {void} - */ - disconnectedCallback() { - super.disconnectedCallback(); - - // close on outside ui-events - for (const [, type] of Object.entries(["click", "touch"])) { - document.removeEventListener(type, this[closeEventHandler]); - } - - disconnectResizeObserver.call(this); - } - - /** - * - * @return {Monster.Components.Form.Popper} - */ - showDialog() { - show.call(this); - return this; - } - - /** - * - * @return {Monster.Components.Form.Popper} - */ - hideDialog() { - hide.call(this); - return this; - } - - /** - * - * @return {Monster.Components.Form.Popper} - */ - toggleDialog() { - if (this[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { - this.hideDialog(); - } else { - this.showDialog(); - } - return this; - } + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/form/popper@@instance"); + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates - The templates for the control. + * @property {string} templates.main - The main template. + * @property {string} mode - The mode of the popper. Possible values are `click`, `enter` `hover`, `manual`, `focus`, "auto" or a combination of them. + * @property {string} content - The content of the popper. + * @property {object} popper - The popper options. + * @property {string} popper.placement - The placement of the popper. Possible values are `top`, `bottom`, `left` and `right`. + * @property {Array<function>} popper.middleware - The middleware functions of the popper. + * @property {Array<function>} popper.middlewareInit - The middleware init functions of the popper. + * @property {Object} features - The features of the popper. + * @property {boolean} features.preventPropagateOpenEvents - Prevents the open event from being sent. + * @extends {Button} + */ + get defaults() { + return Object.assign({}, super.defaults, { + templates: { + main: getTemplate(), + }, + mode: "hover focus", + content: "<slot>Should I Stay or Should I Go?</slot>", + popper: { + placement: "top", + middleware: ["autoPlacement", "offset:10", "arrow"], + }, + features: { + preventOpenEventSent: false, + }, + }); + } + + /** + * + * @return {Monster.Components.Form.Popper} + */ + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + initControlReferences.call(this); + initEventHandler.call(this); + + return this; + } + + /** + * @return {string} + */ + static getTag() { + return "monster-popper"; + } + + /** + * @return {Array<CSSStyleSheet>} + */ + static getCSSStyleSheet() { + return [PopperStyleSheet]; + } + + /** + * @return {void} + */ + connectedCallback() { + super.connectedCallback(); + + const document = getDocument(); + + for (const [, type] of Object.entries(["click", "touch"])) { + // close on outside ui-events + document.addEventListener(type, this[closeEventHandler]); + } + + updatePopper.call(this); + attachResizeObserver.call(this); + } + + /** + * @return {void} + */ + disconnectedCallback() { + super.disconnectedCallback(); + + // close on outside ui-events + for (const [, type] of Object.entries(["click", "touch"])) { + document.removeEventListener(type, this[closeEventHandler]); + } + + disconnectResizeObserver.call(this); + } + + /** + * + * @return {Monster.Components.Form.Popper} + */ + showDialog() { + show.call(this); + return this; + } + + /** + * + * @return {Monster.Components.Form.Popper} + */ + hideDialog() { + hide.call(this); + return this; + } + + /** + * + * @return {Monster.Components.Form.Popper} + */ + toggleDialog() { + if (this[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { + this.hideDialog(); + } else { + this.showDialog(); + } + return this; + } } /** * @private * @return {Monster.Components.Form.Popper} */ -function initEventhandler() { - this[closeEventHandler] = (event) => { - const path = event.composedPath(); - - for (const [, element] of Object.entries(path)) { - if (element === this) { - return; - } - } - hide.call(this); - }; - - let modes = null; - const modeOption = this.getOption("mode"); - if (typeof modeOption === "string") { - modes = modeOption.split(" "); - } - - if ( - modes === null || - modes === undefined || - isArray(modes) === false || - modes.length === 0 - ) { - modes = ["manual"]; - } - - for (const [, mode] of Object.entries(modes)) { - initEventHandlerByMode.call(this, mode); - } - - return this; +function initEventHandler() { + this[closeEventHandler] = (event) => { + const path = event.composedPath(); + + for (const [, element] of Object.entries(path)) { + if (element === this) { + return; + } + } + hide.call(this); + }; + + let modes = null; + const modeOption = this.getOption("mode"); + if (typeof modeOption === "string") { + modes = modeOption.split(" "); + } + + if ( + modes === null || + modes === undefined || + isArray(modes) === false || + modes.length === 0 + ) { + modes = ["manual"]; + } + + for (const [, mode] of Object.entries(modes)) { + initEventHandlerByMode.call(this, mode); + } + + return this; } +/** + * @private + * @param mode + * @return {Monster.Components.Form.Popper} + * @throws Error + */ function initEventHandlerByMode(mode) { - switch (mode) { - case "manual": - break; - - case "focus": - this[buttonElementSymbol].addEventListener("focus", (event) => { - if (this.getOption("features.preventOpenEventSent") === true) { - event.preventDefault(); - } - this.showDialog(); - }); - this[buttonElementSymbol].addEventListener("blur", (event) => { - if (this.getOption("features.preventOpenEventSent") === true) { - event.preventDefault(); - } - this.hideDialog(); - }); - break; - - case "click": - this[buttonElementSymbol].addEventListener("click", (event) => { - if (this.getOption("features.preventOpenEventSent") === true) { - event.preventDefault(); - } - this.toggleDialog(); - }); - break; - case "enter": - this[buttonElementSymbol].addEventListener("mouseenter", (event) => { - if (this.getOption("features.preventOpenEventSent") === true) { - event.preventDefault(); - } - this.showDialog(); - }); - break; - - case "auto": // is hover - this[buttonElementSymbol].addEventListener("mouseenter", (event) => { - if (this.getOption("features.preventOpenEventSent") === true) { - event.preventDefault(); - } - this.showDialog(); - }); - this[buttonElementSymbol].addEventListener("mouseleave", (event) => { - if (this.getOption("features.preventOpenEventSent") === true) { - event.preventDefault(); - } - this.hideDialog(); - }); - break; - } + switch (mode) { + case "manual": + break; + + case "focus": + this[buttonElementSymbol].addEventListener("focus", (event) => { + if (this.getOption("features.preventOpenEventSent") === true) { + event.preventDefault(); + } + this.showDialog(); + }); + this[buttonElementSymbol].addEventListener("blur", (event) => { + if (this.getOption("features.preventOpenEventSent") === true) { + event.preventDefault(); + } + this.hideDialog(); + }); + break; + + case "click": + this[buttonElementSymbol].addEventListener("click", (event) => { + if (this.getOption("features.preventOpenEventSent") === true) { + event.preventDefault(); + } + this.toggleDialog(); + }); + break; + case "enter": + this[buttonElementSymbol].addEventListener("mouseenter", (event) => { + if (this.getOption("features.preventOpenEventSent") === true) { + event.preventDefault(); + } + this.showDialog(); + }); + break; + + case "auto": // is hover + this[buttonElementSymbol].addEventListener("mouseenter", (event) => { + if (this.getOption("features.preventOpenEventSent") === true) { + event.preventDefault(); + } + this.showDialog(); + }); + this[buttonElementSymbol].addEventListener("mouseleave", (event) => { + if (this.getOption("features.preventOpenEventSent") === true) { + event.preventDefault(); + } + this.hideDialog(); + }); + break; + default: + throw new Error(`Unknown mode ${mode}`); + } } /** * @private */ function attachResizeObserver() { - // against flickering - this[resizeObserverSymbol] = new ResizeObserver((entries) => { - if (this[timerCallbackSymbol] instanceof DeadMansSwitch) { - try { - this[timerCallbackSymbol].touch(); - return; - } catch (e) { - delete this[timerCallbackSymbol]; - } - } - - this[timerCallbackSymbol] = new DeadMansSwitch(200, () => { - updatePopper.call(this); - }); - }); - - this[resizeObserverSymbol].observe(this.parentElement); + // against flickering + this[resizeObserverSymbol] = new ResizeObserver((entries) => { + if (this[timerCallbackSymbol] instanceof DeadMansSwitch) { + try { + this[timerCallbackSymbol].touch(); + return; + } catch (e) { + delete this[timerCallbackSymbol]; + } + } + + this[timerCallbackSymbol] = new DeadMansSwitch(200, () => { + updatePopper.call(this); + }); + }); + + this[resizeObserverSymbol].observe(this.parentElement); } function disconnectResizeObserver() { - if (this[resizeObserverSymbol] instanceof ResizeObserver) { - this[resizeObserverSymbol].disconnect(); - } + if (this[resizeObserverSymbol] instanceof ResizeObserver) { + this[resizeObserverSymbol].disconnect(); + } } /** * @private */ function hide() { - const self = this; + const self = this; - fireCustomEvent(self, "monster-popper-hide", { - self, - }); + fireCustomEvent(self, "monster-popper-hide", { + self, + }); - self[popperElementSymbol].style.display = "none"; - removeAttributeToken(self[controlElementSymbol], "class", "open"); + self[popperElementSymbol].style.display = "none"; + removeAttributeToken(self[controlElementSymbol], "class", "open"); - setTimeout(() => { - fireCustomEvent(self, "monster-popper-hidden", { - self, - }); - }, 0); + setTimeout(() => { + fireCustomEvent(self, "monster-popper-hidden", { + self, + }); + }, 0); } /** @@ -394,51 +402,51 @@ function hide() { * @this PopperButton */ function show() { - const self = this; + const self = this; - if (self.getOption("disabled", false) === true) { - return; - } + if (self.getOption("disabled", false) === true) { + return; + } - if (self[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { - return; - } + if (self[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { + return; + } - fireCustomEvent(self, "monster-popper-open", { - self, - }); + fireCustomEvent(self, "monster-popper-open", { + self, + }); - self[popperElementSymbol].style.visibility = "hidden"; - self[popperElementSymbol].style.display = STYLE_DISPLAY_MODE_BLOCK; + self[popperElementSymbol].style.visibility = "hidden"; + self[popperElementSymbol].style.display = STYLE_DISPLAY_MODE_BLOCK; - addAttributeToken(self[controlElementSymbol], "class", "open"); - updatePopper.call(self); + addAttributeToken(self[controlElementSymbol], "class", "open"); + updatePopper.call(self); - setTimeout(() => { - fireCustomEvent(self, "monster-popper-opened", { - self, - }); - }, 0); + setTimeout(() => { + fireCustomEvent(self, "monster-popper-opened", { + self, + }); + }, 0); } /** * @private */ function updatePopper() { - if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) { - return; - } - - if (this.getOption("disabled", false) === true) { - return; - } - - positionPopper.call( - this, - this[controlElementSymbol], - this[popperElementSymbol], - this.getOption("popper", {}), - ); + if (this[popperElementSymbol].style.display !== STYLE_DISPLAY_MODE_BLOCK) { + return; + } + + if (this.getOption("disabled", false) === true) { + return; + } + + positionPopper.call( + this, + this[controlElementSymbol], + this[popperElementSymbol], + this.getOption("popper", {}), + ); } /** @@ -446,19 +454,19 @@ function updatePopper() { * @return {Monster.Components.Form.Popper} */ function initControlReferences() { - this[controlElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=control]`, - ); - this[buttonElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=button]`, - ); - this[popperElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=popper]`, - ); - this[arrowElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=arrow]`, - ); - return this; + this[controlElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=control]`, + ); + this[buttonElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=button]`, + ); + this[popperElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=popper]`, + ); + this[arrowElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=arrow]`, + ); + return this; } /** @@ -466,8 +474,8 @@ function initControlReferences() { * @return {string} */ function getTemplate() { - // language=HTML - return ` + // language=HTML + return ` <div data-monster-role="control" part="control"> <slot name="button" data-monster-role="button"></slot> diff --git a/source/components/form/reload.mjs b/source/components/form/reload.mjs index d4af02a9f3b1e0b48d5be3ecf984de06ee20c1ec..734bf9a46cf691597c664520d643e28471853468 100644 --- a/source/components/form/reload.mjs +++ b/source/components/form/reload.mjs @@ -104,7 +104,7 @@ class Reload extends CustomElement { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/reload"); + return Symbol.for("@schukai/monster/components/form/reload"); } /** diff --git a/source/components/form/select.mjs b/source/components/form/select.mjs index 11aa2bba3cb12be3ecc3e1d1a6c9d4221ae8b869..b32c148cc3a24c6aa580c9a159d71cfa7357b5e8 100644 --- a/source/components/form/select.mjs +++ b/source/components/form/select.mjs @@ -310,7 +310,7 @@ class Select extends CustomControl { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/select@@instance"); + return Symbol.for("@schukai/monster/components/form/select@@instance"); } /** diff --git a/source/components/form/shadow-reload.mjs b/source/components/form/shadow-reload.mjs index 2fb7529ce50f4ae811c73e63be31408148f04125..3920886db85c6010c001af4682b75cf23aa1bc8a 100644 --- a/source/components/form/shadow-reload.mjs +++ b/source/components/form/shadow-reload.mjs @@ -85,7 +85,7 @@ class ShadowReload extends Reload { * @returns {symbol} */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/shadow-reload"); + return Symbol.for("@schukai/monster/components/form/shadow-reload"); } /** diff --git a/source/components/form/state-button.mjs b/source/components/form/state-button.mjs index 6049f18e8aa259eb0d007566ab63b1ef65d56626..191931e89f5b798b313568320963be7a06725837 100644 --- a/source/components/form/state-button.mjs +++ b/source/components/form/state-button.mjs @@ -58,7 +58,7 @@ class StateButton extends Button { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/state-button@@instance"); + return Symbol.for("@schukai/monster/components/form/state-button@@instance"); } /** @@ -169,6 +169,7 @@ class StateButton extends Button { * @return {string} */ function getTemplate() { + // language=HTML return `<div data-monster-role="control" part="control"> <button data-monster-attributes="disabled path:disabled | if:true, class path:classes.button" data-monster-role="button" diff --git a/source/components/form/style/context-error.pcss b/source/components/form/style/context-error.pcss new file mode 100644 index 0000000000000000000000000000000000000000..8cce32d5ed5f76a3ee0577ab2063761c1602e690 --- /dev/null +++ b/source/components/form/style/context-error.pcss @@ -0,0 +1,32 @@ +@import "../../style/control.pcss"; +@import "../../style/floating-ui.pcss"; + +[data-monster-role=control] { + position: relative; + margin: 0; + padding: 0; + line-height: 1em; + + & [data-monster-role="button"] { + display: inline-block; + position: relative; + + & svg { + cursor: pointer; + } + + & svg.hidden { + visibility: hidden; + cursor: default; + } + } +} + +:host { + display: inline-block; + position: relative; + margin: 0 0.2em; + padding: 0; + vertical-align: bottom; + transform: translateY(0.15em); +} \ No newline at end of file diff --git a/source/components/form/style/context-help.pcss b/source/components/form/style/context-help.pcss index 439e19dabf49163bf51feb0f01d2c001d7e73710..27a20917f3336d6d46c325855468db9f28c7159d 100644 --- a/source/components/form/style/context-help.pcss +++ b/source/components/form/style/context-help.pcss @@ -3,14 +3,31 @@ [data-monster-role=control] { position: relative; - width: 16px; - height: 16px; - + margin: 0; + padding: 0; + line-height: 1em; + & [data-monster-role="button"] { display: inline-block; position: relative; - cursor: pointer; - user-select: none; + + & svg { + cursor: pointer; + } + + & svg.hidden { + visibility: hidden; + cursor: default; + } + } } +:host { + display: inline-block; + position: relative; + margin: 0 0.2em; + padding: 0; + vertical-align: bottom; + transform: translateY(0.15em); +} \ No newline at end of file diff --git a/source/components/form/stylesheet/context-error.mjs b/source/components/form/stylesheet/context-error.mjs new file mode 100644 index 0000000000000000000000000000000000000000..81d5719d4adf082c7ccb5637c9a5b650275ab5cb --- /dev/null +++ b/source/components/form/stylesheet/context-error.mjs @@ -0,0 +1,27 @@ + +/** + * Copyright schukai GmbH and contributors 2023. All Rights Reserved. + * Node module: @schukai/monster + * This file is licensed under the AGPLv3 License. + * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html + */ + +import {addAttributeToken} from "../../../dom/attributes.mjs"; +import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs"; + +export {ContextErrorStyleSheet} + +/** + * @private + * @type {CSSStyleSheet} + */ +const ContextErrorStyleSheet = new CSSStyleSheet(); + +try { + ContextErrorStyleSheet.insertRule(` +@layer contexterror { +[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=control]{line-height:1em;margin:0;padding:0;position:relative}[data-monster-role=control] [data-monster-role=button]{display:inline-block;position:relative}[data-monster-role=control] [data-monster-role=button] svg{cursor:pointer}[data-monster-role=control] [data-monster-role=button] svg.hidden{cursor:default;visibility:hidden}:host{display:inline-block;margin:0 .2em;padding:0;position:relative;transform:translateY(.15em);vertical-align:bottom} +}`, 0); +} catch (e) { + addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); +} diff --git a/source/components/form/stylesheet/context-help.mjs b/source/components/form/stylesheet/context-help.mjs index 3939852e4932f8af99293fcc40425b031c9af249..d0bbd9608f14e26a22ed6c6c9f16a145fe1b65ce 100644 --- a/source/components/form/stylesheet/context-help.mjs +++ b/source/components/form/stylesheet/context-help.mjs @@ -20,7 +20,7 @@ const ContextHelpStyleSheet = new CSSStyleSheet(); try { ContextHelpStyleSheet.insertRule(` @layer contexthelp { -[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=control]{height:16px;position:relative;width:16px}[data-monster-role=control] [data-monster-role=button]{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none} +[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=control]{line-height:1em;margin:0;padding:0;position:relative}[data-monster-role=control] [data-monster-role=button]{display:inline-block;position:relative}[data-monster-role=control] [data-monster-role=button] svg{cursor:pointer}[data-monster-role=control] [data-monster-role=button] svg.hidden{cursor:default;visibility:hidden}:host{display:inline-block;margin:0 .2em;padding:0;position:relative;transform:translateY(.15em);vertical-align:bottom} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/form/stylesheet/select.mjs b/source/components/form/stylesheet/select.mjs index a617dddf3db9f07738f58c9ff684fd6ed53004b0..486b55141c38f9989e1a01b024f3f57b15456837 100644 --- a/source/components/form/stylesheet/select.mjs +++ b/source/components/form/stylesheet/select.mjs @@ -20,7 +20,7 @@ const SelectStyleSheet = new CSSStyleSheet(); try { SelectStyleSheet.insertRule(` @layer select { -.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=container]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:4 0 90%;min-height:1.4em}.d-none{display:none!important}div[data-monster-role=control]{display:flex;height:100%;position:relative}[data-monster-role=container].open{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E\")}[data-monster-role=container].clear{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}[data-monster-role=control]{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-2);-o-border-image:initial;border-image:initial;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:thin;box-sizing:border-box;color:var(--monster-color-primary-2);display:flex;font-family:inherit;font-size:100%;margin:0;outline:none;padding:.4rem .6rem}@media (prefers-color-scheme:light){[data-monster-role=control]{background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2)}[data-monster-role=control]:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}div[data-monster-role=selection]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin:5px}[data-monster-role=option-control]{margin-right:8px}[data-monster-role=badge]{display:inline-flex}[data-monster-role=badge-label]{align-content:center;align-items:center;display:flex;flex-direction:row;gap:7px;justify-content:space-between}[data-monster-role=remove-badge]{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");background-position:100% 100%;background-repeat:no-repeat;background-size:16px;height:16px;margin-left:5px;min-height:16px;order:2;width:16px}@media (prefers-color-scheme:light){[data-monster-role=remove-badge]{filter:invert(1)}}[data-monster-role=filter],[data-monster-role=popper-filter]{display:flex;flex-grow:200;order:99999999;visibility:hidden}[data-monster-role=filter].active{background-color:var(--monster-bg-color-primary-2);border:0;border-color:var(--monster-bg-color-primary-3);border-bottom:1px solid var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2);min-width:40%;outline:none;visibility:visible}.active[data-monster-role=filter][name=popper-filter]{height:1.5em;margin:2.5em;padding:2px;width:calc(100% - var(--monster-border-width)*2)}.option-filter-control{align-items:center;background-color:var(--monster-bg-color-primary-2);display:flex;height:2.5em;margin:-1.1em -1.1em .3em}.status-or-remove-badges{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:16px;min-height:16px;width:16px}[data-monster-role=status-or-remove-badges].open{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E\")}[data-monster-role=status-or-remove-badges].empty{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\")}[data-monster-role=status-or-remove-badges].clear{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}[data-monster-role=status-or-remove-badges].loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:activity;animation-timing-function:cubic-bezier(0,0,.2,1);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='activity'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\")}@keyframes activity{0%{transform:scale(1)}50%{transform:scale(.1)}to{transform:scale(1)}}[data-monster-role=options]{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1}[data-monster-role=option]{align-items:center;box-sizing:border-box;display:flex;padding:6px 5px}[data-monster-role=option] label{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}[data-monster-role=option] label>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;outline:none;width:100%}[data-monster-role=no-options]{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2);margin:1.1em 0 0 1.1em}.selected{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}[data-monster-role=option][data-monster-filtered=true],[data-monster-role=option][data-monster-visibility=hidden]{display:none}[data-monster-role=option][data-monster-focused=true]{outline:1px dashed var(--monster-color-selection-2);outline-offset:2px}[data-monster-role=option]>input:focus,[data-monster-role=option]>label:focus{outline:none} +.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=container]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:4 0 90%;min-height:1.4em}.d-none{display:none!important}div[data-monster-role=control]{display:flex;height:100%;position:relative}[data-monster-role=container].open{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E\")}[data-monster-role=container].clear{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}[data-monster-role=control]{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-2);-o-border-image:initial;border-image:initial;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:thin;box-sizing:border-box;color:var(--monster-color-primary-2);display:flex;font-family:inherit;font-size:100%;margin:0;outline:none;padding:.4rem .6rem}@media (prefers-color-scheme:light){[data-monster-role=control]{background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2)}[data-monster-role=control]:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}div[data-monster-role=selection]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin:5px}[data-monster-role=option-control]{margin-right:8px}[data-monster-role=badge]{display:inline-flex}[data-monster-role=badge-label]{align-content:center;align-items:center;display:flex;flex-direction:row;gap:7px;justify-content:space-between}[data-monster-role=remove-badge]{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");background-position:100% 100%;background-repeat:no-repeat;background-size:16px;height:16px;margin-left:5px;min-height:16px;order:2;width:16px}@media (prefers-color-scheme:light){[data-monster-role=remove-badge]{filter:invert(1)}}[data-monster-role=filter],[data-monster-role=popper-filter]{display:flex;flex-grow:200;order:99999999;visibility:hidden}[data-monster-role=filter].active{background-color:var(--monster-bg-color-primary-2);border:0;border-color:var(--monster-bg-color-primary-3);border-bottom:1px solid var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2);min-width:40%;outline:none;visibility:visible}.active[data-monster-role=filter][name=popper-filter]{height:1.5em;margin:2.5em;padding:2px;width:calc(100% - var(--monster-border-width)*2)}.option-filter-control{align-items:center;background-color:var(--monster-bg-color-primary-2);display:flex;height:2.5em;margin:-1.1em -1.1em .3em}.status-or-remove-badges{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:16px;min-height:16px;width:16px}[data-monster-role=status-or-remove-badges].open{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E\")}[data-monster-role=status-or-remove-badges].empty{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\")}[data-monster-role=status-or-remove-badges].clear{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}[data-monster-role=status-or-remove-badges].loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:activity;animation-timing-function:cubic-bezier(0,0,.2,1);background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='activity'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E\")}@keyframes activity{0%{transform:scale(1)}50%{transform:scale(.1)}to{transform:scale(1)}}[data-monster-role=options]{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1}[data-monster-role=option]{align-items:center;box-sizing:border-box;display:flex;padding:6px 5px}[data-monster-role=option] label{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}[data-monster-role=option] label>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between;outline:none;width:100%}[data-monster-role=no-options]{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2);margin:1.1em 0 0 1.1em}.selected{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}[data-monster-role=option][data-monster-filtered=true],[data-monster-role=option][data-monster-visibility=hidden]{display:none}[data-monster-role=option][data-monster-focused=true]{outline:1px dashed var(--monster-color-selection-2);outline-offset:2px}[data-monster-role=option]>input:focus,[data-monster-role=option]>label:focus{outline:none} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/form/stylesheet/tabs.mjs b/source/components/form/stylesheet/tabs.mjs index 290626ef59eb36be58c0ec2f750f1efa8a65651a..d3dc2833c12d286cd614995767a73620be7f488e 100644 --- a/source/components/form/stylesheet/tabs.mjs +++ b/source/components/form/stylesheet/tabs.mjs @@ -20,7 +20,7 @@ const TabsStyleSheet = new CSSStyleSheet(); try { TabsStyleSheet.insertRule(` @layer tabs { -.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}div[data-monster-role=popper]{background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;padding:1.1em;z-index:var(--monster-z-index-modal)}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;height:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2)}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{box-sizing:border-box;content:\"\";transform:rotate(45deg);visibility:visible}div[data-popper-placement^=top]>[data-popper-arrow]{bottom:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}div[data-popper-placement^=bottom]>[data-popper-arrow]{top:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=bottom]>[data-popper-arrow]:before{border-bottom:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=left]>[data-popper-arrow]{right:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=left]>[data-popper-arrow]:before{border-bottom:transparent;border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=right]>[data-popper-arrow]{left:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:transparent}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}[data-monster-role=nav] button.hidden{display:none}nav[data-monster-role=nav]{align-items:flex-end;border-bottom-style:var(--monster-border-style);border-bottom-width:thin;border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:.75rem;overflow:hidden}[data-monster-role=nav] button .remove-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");background-position:100% 100%;background-repeat:no-repeat;background-size:16px;flex-wrap:nowrap;height:16px;min-height:16px;order:2;width:16px}[data-monster-role=nav] button span{display:flex;white-space:pre}[data-monster-role=nav] button{align-content:center;align-items:center;align-self:stretch;background-color:var(--monster-color-gray-1);border:none;border-bottom:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-color-gray-6);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5;margin-right:.75rem;outline:none;padding:.375rem 0;text-align:center;text-decoration:none;transition:color .8s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-color-scheme:dark){[data-monster-role=nav] button{background-color:var(--monster-color-gray-6);color:var(--monster-color-gray-1)}}[data-monster-role=nav] button:not([disabled]):hover,[data-monster-role=nav] button[data-monster-state=active],[data-monster-role=nav] button[data-monster-state=active]:not([disabled]):hover{border-bottom-style:var(--monster-border-style);border-color:var(--monster-bg-color-secondary-3);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-secondary-3)}[data-monster-role=nav] button[disabled]{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1);cursor:not-allowed}[data-monster-role=nav] button[data-monster-role=switch]{align-self:center;border:0;order:2;touch-action:none}[data-monster-role=nav] button[data-monster-role=switch]:not([disabled]):hover{border-bottom-width:0}[data-monster-role=nav] button img{height:1.3rem;margin-left:.4rem;width:1.3rem}::slotted(:not([slot]):not(.active)){display:none}::slotted(*){align-self:center}::slotted([slot]){border-bottom-style:var(--monster-border-style);border-bottom-width:var(--monster-border-width);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1)}::slotted([slot=start]){margin-right:.75rem;order:0}::slotted([slot=end]){margin-left:.75rem;order:3}[data-monster-role=nav] [data-monster-role=popper-nav] button:not([disabled]){border:0;justify-content:left;padding-left:15px;padding-right:15px;width:100%}[data-monster-role=nav] [data-monster-role=popper-nav] button:hover,[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active],[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active]:not([disabled]):hover{border:0} +.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}div[data-monster-role=popper]{background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;padding:1.1em;z-index:var(--monster-z-index-modal)}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;height:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2);position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1*var(--monster-popper-witharrrow-distance))*2)}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{box-sizing:border-box;content:\"\";transform:rotate(45deg);visibility:visible}div[data-popper-placement^=top]>[data-popper-arrow]{bottom:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:transparent}div[data-popper-placement^=bottom]>[data-popper-arrow]{top:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=bottom]>[data-popper-arrow]:before{border-bottom:transparent;border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=left]>[data-popper-arrow]{right:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width))}div[data-popper-placement^=left]>[data-popper-arrow]:before{border-bottom:transparent;border-left:transparent;border-right:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-top:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4)}div[data-popper-placement^=right]>[data-popper-arrow]{left:calc(var(--monster-popper-witharrrow-distance) - var(--monster-border-width)/2)}div[data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-left:var(--monster-border-width) var(--monster-border-style) var(--monster-bg-color-primary-4);border-right:transparent;border-top:transparent}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}[data-monster-role=nav] button.hidden{display:none}nav[data-monster-role=nav]{align-items:flex-end;border-bottom-style:var(--monster-border-style);border-bottom-width:thin;border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:.75rem;overflow:hidden}[data-monster-role=nav] button .remove-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");background-position:100% 100%;background-repeat:no-repeat;background-size:16px;flex-wrap:nowrap;height:16px;min-height:16px;order:2;width:16px}[data-monster-role=nav] button span{display:flex;white-space:pre}[data-monster-role=nav] button{align-content:center;align-items:center;align-self:stretch;background-color:var(--monster-color-gray-1);border:none;border-bottom:var(--monster-border-style);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-color-gray-6);cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5;margin-right:.75rem;outline:none;padding:.375rem 0;text-align:center;text-decoration:none;transition:color .8s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-color-scheme:dark){[data-monster-role=nav] button{background-color:var(--monster-color-gray-6);color:var(--monster-color-gray-1)}}[data-monster-role=nav] button:not([disabled]):hover,[data-monster-role=nav] button[data-monster-state=active],[data-monster-role=nav] button[data-monster-state=active]:not([disabled]):hover{border-bottom-style:var(--monster-border-style);border-color:var(--monster-bg-color-secondary-3);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-secondary-3)}[data-monster-role=nav] button[disabled]{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1);cursor:not-allowed}[data-monster-role=nav] button[data-monster-role=switch]{align-self:center;border:0;order:2;touch-action:none}[data-monster-role=nav] button[data-monster-role=switch]:not([disabled]):hover{border-bottom-width:0}[data-monster-role=nav] button img{height:1.3rem;margin-left:.4rem;width:1.3rem}::slotted(:not([slot]):not(.active)){display:none}::slotted(*){align-self:center}::slotted([slot]){border-bottom-style:var(--monster-border-style);border-bottom-width:var(--monster-border-width);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);box-shadow:var(--monster-box-shadow-1)}::slotted([slot=start]){margin-right:.75rem;order:0}::slotted([slot=end]){margin-left:.75rem;order:3}[data-monster-role=nav] [data-monster-role=popper-nav] button:not([disabled]){border:0;justify-content:left;padding-left:15px;padding-right:15px;width:100%}[data-monster-role=nav] [data-monster-role=popper-nav] button:hover,[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active],[data-monster-role=nav] [data-monster-role=popper-nav] button[data-monster-state=active]:not([disabled]):hover{border:0} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/form/tabs.mjs b/source/components/form/tabs.mjs index a6ac26529d473fcceb11f9f3d2c8b70c54dd985f..d9a132d458df1f2511c4e62e088798688353cdf6 100644 --- a/source/components/form/tabs.mjs +++ b/source/components/form/tabs.mjs @@ -4,51 +4,52 @@ * This file is licensed under the AGPLv3 License. * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html */ -import { instanceSymbol } from "../../constants.mjs"; -import { createPopper } from "@popperjs/core"; -import { extend } from "../../data/extend.mjs"; -import { Pathfinder } from "../../data/pathfinder.mjs"; +import {instanceSymbol} from "../../constants.mjs"; +import {createPopper} from "@popperjs/core"; +import {extend} from "../../data/extend.mjs"; +import {Pathfinder} from "../../data/pathfinder.mjs"; import { - addAttributeToken, - addToObjectLink, - hasObjectLink, + addAttributeToken, + addToObjectLink, + hasObjectLink, } from "../../dom/attributes.mjs"; import { - ATTRIBUTE_ERRORMESSAGE, - ATTRIBUTE_PREFIX, - ATTRIBUTE_ROLE, + ATTRIBUTE_ERRORMESSAGE, + ATTRIBUTE_PREFIX, + ATTRIBUTE_ROLE, } from "../../dom/constants.mjs"; import { - assembleMethodSymbol, - CustomElement, - getSlottedElements, - registerCustomElement, + assembleMethodSymbol, + CustomElement, + getSlottedElements, + registerCustomElement, } from "../../dom/customelement.mjs"; -import { findTargetElementFromEvent } from "../../dom/events.mjs"; -import { getDocument } from "../../dom/util.mjs"; -import { random } from "../../math/random.mjs"; -import { getGlobal } from "../../types/global.mjs"; -import { ID } from "../../types/id.mjs"; -import { isArray, isString } from "../../types/is.mjs"; -import { TokenList } from "../../types/tokenlist.mjs"; -import { clone } from "../../util/clone.mjs"; -import { DeadMansSwitch } from "../../util/deadmansswitch.mjs"; -import { Processing } from "../../util/processing.mjs"; +import {findTargetElementFromEvent, fireCustomEvent} from "../../dom/events.mjs"; +import {getDocument} from "../../dom/util.mjs"; +import {random} from "../../math/random.mjs"; +import {getGlobal} from "../../types/global.mjs"; +import {ID} from "../../types/id.mjs"; +import {isArray, isString} from "../../types/is.mjs"; +import {TokenList} from "../../types/tokenlist.mjs"; +import {clone} from "../../util/clone.mjs"; +import {DeadMansSwitch} from "../../util/deadmansswitch.mjs"; +import {Processing} from "../../util/processing.mjs"; import { - ATTRIBUTE_BUTTON_LABEL, - ATTRIBUTE_FORM_RELOAD, - ATTRIBUTE_FORM_URL, - STYLE_DISPLAY_MODE_BLOCK, + ATTRIBUTE_BUTTON_LABEL, + ATTRIBUTE_FORM_RELOAD, + ATTRIBUTE_FORM_URL, + STYLE_DISPLAY_MODE_BLOCK, } from "./constants.mjs"; -import { TabsStyleSheet } from "./stylesheet/tabs.mjs"; -import { loadAndAssignContent } from "./util/fetch.mjs"; +import {TabsStyleSheet} from "./stylesheet/tabs.mjs"; +import {loadAndAssignContent} from "./util/fetch.mjs"; +import {ThemeStyleSheet} from "../stylesheet/theme.mjs"; import { - popperInstanceSymbol, - setEventListenersModifiers, + popperInstanceSymbol, + setEventListenersModifiers, } from "./util/popper.mjs"; -export { Tabs }; +export {Tabs}; /** * @private @@ -168,283 +169,289 @@ const resizeObserverSymbol = Symbol("resizeObserver"); * @fires Monster.Components.Form.event:monster-fetched */ class Tabs extends CustomElement { - /** - * This method is called by the `instanceof` operator. - * @returns {symbol} - * @since 2.1.0 - */ - static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/tabs"); - } - - /** - * To set the options via the html tag the attribute `data-monster-options` must be used. - * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} - * - * The individual configuration values can be found in the table. - * - * @property {Object} templates Template definitions - * @property {string} templates.main Main template - * @property {Object} labels - * @property {string} labels.new-tab-label="New Tab" - * @property {Object} fetch Fetch [see Using Fetch mozilla.org](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) - * @property {String} fetch.redirect=error - * @property {String} fetch.method=GET - * @property {String} fetch.mode=same-origin - * @property {String} fetch.credentials=same-origin - * @property {Object} fetch.headers={"accept":"text/html"}} - * @property {Object} popper [PopperJS Options](https://popper.js.org/docs/v2/) - * @property {string} popper.placement=bottom PopperJS placement - * @property {Object[]} modifiers={name:offset} PopperJS placement - */ - get defaults() { - return Object.assign({}, super.defaults, { - templates: { - main: getTemplate(), - }, - labels: { - "new-tab-label": "New Tab", - }, - buttons: { - standard: [], - popper: [], - }, - fetch: { - redirect: "error", - method: "GET", - mode: "same-origin", - credentials: "same-origin", - headers: { - accept: "text/html", - }, - }, - popper: { - placement: "bottom", - modifiers: [ - { - name: "offset", - options: { - offset: [0, 2], - }, - }, - - { - name: "eventListeners", - enabled: false, - }, - ], - }, - }); - } - - /** - * This method is called internal and should not be called directly. - */ - [assembleMethodSymbol]() { - super[assembleMethodSymbol](); - - initControlReferences.call(this); - - this[dimensionsSymbol] = new Pathfinder({ data: {} }); - // change and remove Tabs - initEventHandler.call(this); - - // setup structure - initTabButtons.call(this).then(() => { - initPopperSwitch.call(this); - initPopper.call(this); - attachResizeObserver.call(this); - attachTabChangeObserver.call(this); - }); - } - - /** - * This method is called internal and should not be called directly. - * - * @return {CSSStyleSheet[]} - */ - static getCSSStyleSheet() { - return [TabsStyleSheet]; - } - - /** - * This method is called internal and should not be called directly. - * - * @return {string} - */ - static getTag() { - return "monster-tabs"; - } - - /** - * This method is called by the dom and should not be called directly. - * - * @return {void} - */ - connectedCallback() { - super.connectedCallback(); - - const document = getDocument(); - - for (const [, type] of Object.entries(["click", "touch"])) { - // close on outside ui-events - document.addEventListener(type, this[closeEventHandler]); - } - } - - /** - * This method is called by the dom and should not be called directly. - * - * @return {void} - */ - disconnectedCallback() { - super.disconnectedCallback(); - - const document = getDocument(); - - // close on outside ui-events - for (const [, type] of Object.entries(["click", "touch"])) { - document.removeEventListener(type, this[closeEventHandler]); - } - } + /** + * This method is called by the `instanceof` operator. + * @returns {symbol} + * @since 2.1.0 + */ + static get [instanceSymbol]() { + return Symbol.for("@schukai/monster/components/form/tabs"); + } + + /** + * To set the options via the html tag the attribute `data-monster-options` must be used. + * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control} + * + * The individual configuration values can be found in the table. + * + * @property {Object} templates Template definitions + * @property {string} templates.main Main template + * @property {Object} labels + * @property {string} labels.new-tab-label="New Tab" + * @property {Object} fetch Fetch [see Using Fetch mozilla.org](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) + * @property {String} fetch.redirect=error + * @property {String} fetch.method=GET + * @property {String} fetch.mode=same-origin + * @property {String} fetch.credentials=same-origin + * @property {Object} fetch.headers={"accept":"text/html"}} + * @property {Object} popper [PopperJS Options](https://popper.js.org/docs/v2/) + * @property {string} popper.placement=bottom PopperJS placement + * @property {Object[]} modifiers={name:offset} PopperJS placement + */ + get defaults() { + return Object.assign({}, super.defaults, { + templates: { + main: getTemplate(), + }, + labels: { + "new-tab-label": "New Tab", + }, + buttons: { + standard: [], + popper: [], + }, + fetch: { + redirect: "error", + method: "GET", + mode: "same-origin", + credentials: "same-origin", + headers: { + accept: "text/html", + }, + }, + + classes: { + button: "monster-theme-primary-1", + }, + + popper: { + placement: "bottom", + modifiers: [ + { + name: "offset", + options: { + offset: [0, 2], + }, + }, + + { + name: "eventListeners", + enabled: false, + }, + ], + }, + }); + } + + /** + * This method is called internal and should not be called directly. + */ + [assembleMethodSymbol]() { + super[assembleMethodSymbol](); + + initControlReferences.call(this); + + this[dimensionsSymbol] = new Pathfinder({data: {}}); + + initEventHandler.call(this); + + // setup structure + initTabButtons.call(this).then(() => { + initPopperSwitch.call(this); + initPopper.call(this); + attachResizeObserver.call(this); + attachTabChangeObserver.call(this); + }); + } + + /** + * This method is called internal and should not be called directly. + * + * @return {CSSStyleSheet[]} + */ + static getCSSStyleSheet() { + return [TabsStyleSheet, ThemeStyleSheet]; + } + + /** + * This method is called internal and should not be called directly. + * + * @return {string} + */ + static getTag() { + return "monster-tabs"; + } + + /** + * This method is called by the dom and should not be called directly. + * + * @return {void} + */ + connectedCallback() { + super.connectedCallback(); + + const document = getDocument(); + + for (const [, type] of Object.entries(["click", "touch"])) { + // close on outside ui-events + document.addEventListener(type, this[closeEventHandler]); + } + } + + /** + * This method is called by the dom and should not be called directly. + * + * @return {void} + */ + disconnectedCallback() { + super.disconnectedCallback(); + + const document = getDocument(); + + // close on outside ui-events + for (const [, type] of Object.entries(["click", "touch"])) { + document.removeEventListener(type, this[closeEventHandler]); + } + } } /** * @private */ function initPopperSwitch() { - const nodes = getSlottedElements.call(this, `[${ATTRIBUTE_ROLE}="switch"]`); // null ↦ only unnamed slots - let switchButton; - if (nodes.size === 0) { - switchButton = document.createElement("button"); - switchButton.setAttribute(ATTRIBUTE_ROLE, "switch"); - switchButton.setAttribute("part", "switch"); - switchButton.classList.add("hidden"); - switchButton.innerHTML = - '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></svg>'; - this[navElementSymbol].prepend(switchButton); - } else { - switchButton = nodes.next(); - } - - /** - * @param {Event} event - */ - this[popperSwitchEventHandler] = (event) => { - const element = findTargetElementFromEvent(event, ATTRIBUTE_ROLE, "switch"); - - if (element instanceof HTMLButtonElement) { - togglePopper.call(this); - } - }; - - for (const type of ["click", "touch"]) { - switchButton.addEventListener(type, this[popperSwitchEventHandler]); - } - - this[switchElementSymbol] = switchButton; + const nodes = getSlottedElements.call(this, `[${ATTRIBUTE_ROLE}="switch"]`); // null ↦ only unnamed slots + let switchButton; + if (nodes.size === 0) { + switchButton = document.createElement("button"); + switchButton.setAttribute(ATTRIBUTE_ROLE, "switch"); + switchButton.setAttribute("part", "switch"); + switchButton.classList.add("hidden"); + switchButton.innerHTML = + '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></svg>'; + this[navElementSymbol].prepend(switchButton); + } else { + switchButton = nodes.next(); + } + + /** + * @param {Event} event + */ + this[popperSwitchEventHandler] = (event) => { + const element = findTargetElementFromEvent(event, ATTRIBUTE_ROLE, "switch"); + + if (element instanceof HTMLButtonElement) { + togglePopper.call(this); + } + }; + + for (const type of ["click", "touch"]) { + switchButton.addEventListener(type, this[popperSwitchEventHandler]); + } + + this[switchElementSymbol] = switchButton; } /** * @private */ function hidePopper() { - if (!this[popperInstanceSymbol]) { - return; - } + if (!this[popperInstanceSymbol]) { + return; + } - this[popperElementSymbol].style.display = "none"; - // performance https://popper.js.org/docs/v2/tutorial/#performance - setEventListenersModifiers.call(this, false); + this[popperElementSymbol].style.display = "none"; + // performance https://popper.js.org/docs/v2/tutorial/#performance + setEventListenersModifiers.call(this, false); } /** * @private */ function showPopper() { - if (this[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { - return; - } - - this[popperElementSymbol].style.visibility = "hidden"; - this[popperElementSymbol].style.display = STYLE_DISPLAY_MODE_BLOCK; - // performance https://popper.js.org/docs/v2/tutorial/#performance - setEventListenersModifiers.call(this, true); - - this[popperInstanceSymbol].update(); - - new Processing(() => { - this[popperElementSymbol].style.removeProperty("visibility"); - }) - .run(undefined) - .then(() => {}) - .catch((e) => { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); - }); + if (this[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { + return; + } + + this[popperElementSymbol].style.visibility = "hidden"; + this[popperElementSymbol].style.display = STYLE_DISPLAY_MODE_BLOCK; + // performance https://popper.js.org/docs/v2/tutorial/#performance + setEventListenersModifiers.call(this, true); + + this[popperInstanceSymbol].update(); + + new Processing(() => { + this[popperElementSymbol].style.removeProperty("visibility"); + }) + .run(undefined) + .then(() => { + }) + .catch((e) => { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); + }); } /** * @private */ function togglePopper() { - if (this[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { - hidePopper.call(this); - } else { - showPopper.call(this); - } + if (this[popperElementSymbol].style.display === STYLE_DISPLAY_MODE_BLOCK) { + hidePopper.call(this); + } else { + showPopper.call(this); + } } /** * @private */ function attachResizeObserver() { - // against flickering - this[resizeObserverSymbol] = new ResizeObserver((entries) => { - if (this[timerCallbackSymbol] instanceof DeadMansSwitch) { - try { - this[timerCallbackSymbol].touch(); - return; - } catch (e) { - delete this[timerCallbackSymbol]; - } - } - - this[timerCallbackSymbol] = new DeadMansSwitch(200, () => { - this[dimensionsSymbol].setVia("data.calculated", false); - checkAndRearrangeButtons.call(this); - }); - }); - - this[resizeObserverSymbol].observe(this[navElementSymbol]); + // against flickering + this[resizeObserverSymbol] = new ResizeObserver((entries) => { + if (this[timerCallbackSymbol] instanceof DeadMansSwitch) { + try { + this[timerCallbackSymbol].touch(); + return; + } catch (e) { + delete this[timerCallbackSymbol]; + } + } + + this[timerCallbackSymbol] = new DeadMansSwitch(200, () => { + this[dimensionsSymbol].setVia("data.calculated", false); + checkAndRearrangeButtons.call(this); + }); + }); + + this[resizeObserverSymbol].observe(this[navElementSymbol]); } /** * @private */ function attachTabChangeObserver() { - // against flickering - new MutationObserver((mutations) => { - let runUpdate = false; - - for (const mutation of mutations) { - if (mutation.type === "childList") { - if ( - mutation.addedNodes.length > 0 || - mutation.removedNodes.length > 0 - ) { - runUpdate = true; - break; - } - } - } - - if (runUpdate === true) { - this[dimensionsSymbol].setVia("data.calculated", false); - initTabButtons.call(this); - } - }).observe(this, { - childList: true, - }); + // against flickering + new MutationObserver((mutations) => { + let runUpdate = false; + + for (const mutation of mutations) { + if (mutation.type === "childList") { + if ( + mutation.addedNodes.length > 0 || + mutation.removedNodes.length > 0 + ) { + runUpdate = true; + break; + } + } + } + + if (runUpdate === true) { + this[dimensionsSymbol].setVia("data.calculated", false); + initTabButtons.call(this); + } + }).observe(this, { + childList: true, + }); } /** @@ -454,42 +461,42 @@ function attachTabChangeObserver() { * @see {@link Plugins} */ function initPopper() { - const self = this; - - const options = extend({}, self.getOption("popper")); - - self[popperInstanceSymbol] = createPopper( - self[switchElementSymbol], - self[popperElementSymbol], - options, - ); - - const observer1 = new MutationObserver(function (mutations) { - let runUpdate = false; - - for (const mutation of mutations) { - if (mutation.type === "childList") { - if ( - mutation.addedNodes.length > 0 || - mutation.removedNodes.length > 0 - ) { - runUpdate = true; - break; - } - } - } - - if (runUpdate === true) { - self[popperInstanceSymbol].update(); - } - }); - - observer1.observe(self[popperNavElementSymbol], { - childList: true, - subtree: true, - }); - - return self; + const self = this; + + const options = extend({}, self.getOption("popper")); + + self[popperInstanceSymbol] = createPopper( + self[switchElementSymbol], + self[popperElementSymbol], + options, + ); + + const observer1 = new MutationObserver(function (mutations) { + let runUpdate = false; + + for (const mutation of mutations) { + if (mutation.type === "childList") { + if ( + mutation.addedNodes.length > 0 || + mutation.removedNodes.length > 0 + ) { + runUpdate = true; + break; + } + } + } + + if (runUpdate === true) { + self[popperInstanceSymbol].update(); + } + }); + + observer1.observe(self[popperNavElementSymbol], { + childList: true, + subtree: true, + }); + + return self; } /** @@ -497,132 +504,173 @@ function initPopper() { * @param {HTMLElement} element */ function show(element) { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } - - const reference = element.getAttribute(`${ATTRIBUTE_PREFIX}tab-reference`); - - const nodes = getSlottedElements.call(this); - for (const node of nodes) { - const id = node.getAttribute("id"); - - if (id === reference) { - node.classList.add("active"); - - if (node.hasAttribute(ATTRIBUTE_FORM_URL)) { - const url = node.getAttribute(ATTRIBUTE_FORM_URL); - - if ( - !node.hasAttribute(ATTRIBUTE_FORM_RELOAD) || - node.getAttribute(ATTRIBUTE_FORM_RELOAD).toLowerCase() === "onshow" - ) { - node.removeAttribute(ATTRIBUTE_FORM_URL); - } - - const options = this.getOption("fetch", {}); - const filter = undefined; - loadAndAssignContent(node, url, options, filter) - .then(() => {}) - .catch((e) => { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); - }); - } - } else { - node.classList.remove("active"); - } - } - - const standardButtons = this.getOption("buttons.standard"); - for (const index in standardButtons) { - const button = standardButtons[index]; - const state = button["reference"] === reference ? "active" : "inactive"; - this.setOption(`buttons.standard.${index}.state`, state); - } - - const popperButton = this.getOption("buttons.popper"); - for (const index in popperButton) { - const button = popperButton[index]; - const state = button["reference"] === reference ? "active" : "inactive"; - this.setOption(`buttons.popper.${index}.state`, state); - } - - hidePopper.call(this); + const self = this; + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + const reference = element.getAttribute(`${ATTRIBUTE_PREFIX}tab-reference`); + + + + + const nodes = getSlottedElements.call(this); + for (const node of nodes) { + const id = node.getAttribute("id"); + + if (id === reference) { + node.classList.add("active"); + + // get all data- from button and filter out data-monster-attributes and data-monster-insert + const data = {}; + const mask = ["data-monster-attributes", + "data-monster-insert-reference", + "data-monster-state", + "data-monster-button-label", + "data-monster-objectlink", + "data-monster-role"]; + + for (const [, attr] of Object.entries(node.attributes)) { + if (attr.name.startsWith("data-") && mask.indexOf(attr.name) === -1) { + data[attr.name] = attr.value; + } + } + + if (node.hasAttribute(ATTRIBUTE_FORM_URL)) { + const url = node.getAttribute(ATTRIBUTE_FORM_URL); + + if ( + !node.hasAttribute(ATTRIBUTE_FORM_RELOAD) || + node.getAttribute(ATTRIBUTE_FORM_RELOAD).toLowerCase() === "onshow" + ) { + node.removeAttribute(ATTRIBUTE_FORM_URL); + } + + const options = this.getOption("fetch", {}); + const filter = undefined; + loadAndAssignContent(node, url, options, filter) + .then(() => { + fireCustomEvent(self, "monster-tab-changed", { + reference, + }); + }) + .catch((e) => { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); + }); + } else { + fireCustomEvent(self, "monster-tab-changed", { + reference, + data + }); + } + } else { + node.classList.remove("active"); + } + } + + const standardButtons = this.getOption("buttons.standard"); + for (const index in standardButtons) { + const button = standardButtons[index]; + const state = button["reference"] === reference ? "active" : "inactive"; + this.setOption(`buttons.standard.${index}.state`, state); + } + + const popperButton = this.getOption("buttons.popper"); + for (const index in popperButton) { + const button = popperButton[index]; + const state = button["reference"] === reference ? "active" : "inactive"; + this.setOption(`buttons.popper.${index}.state`, state); + } + + hidePopper.call(this); } /** * @private */ function initEventHandler() { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } - - /** - * @param {Event} event - */ - this[changeTabEventHandler] = (event) => { - const element = findTargetElementFromEvent(event, ATTRIBUTE_ROLE, "button"); - - if (element instanceof HTMLButtonElement && element.disabled !== true) { - show.call(this, element); - } - }; - - /** - * @param {Event} event - */ - this[removeTabEventHandler] = (event) => { - const element = findTargetElementFromEvent( - event, - ATTRIBUTE_ROLE, - "remove-tab", - ); - - if (element instanceof HTMLElement) { - const button = findTargetElementFromEvent( - event, - ATTRIBUTE_ROLE, - "button", - ); - - if (button instanceof HTMLButtonElement && button.disabled !== true) { - const reference = button.getAttribute( - `${ATTRIBUTE_PREFIX}tab-reference`, - ); - if (reference) { - const container = this.querySelector(`[id=${reference}]`); - if (container instanceof HTMLElement) { - container.remove(); - initTabButtons.call(this); - } - } - } - } - }; - - this[navElementSymbol].addEventListener("touch", this[changeTabEventHandler]); - this[navElementSymbol].addEventListener("click", this[changeTabEventHandler]); - - this[navElementSymbol].addEventListener("touch", this[removeTabEventHandler]); - this[navElementSymbol].addEventListener("click", this[removeTabEventHandler]); - - /** - * @param {Event} event - */ - this[closeEventHandler] = (event) => { - const path = event.composedPath(); - - for (const [, element] of Object.entries(path)) { - if (element === this) { - return; - } - } - - hidePopper.call(this); - }; - - return this; + + const self=this; + + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + /** + * @param {Event} event + */ + this[changeTabEventHandler] = (event) => { + const element = findTargetElementFromEvent(event, ATTRIBUTE_ROLE, "button"); + + if (element instanceof HTMLButtonElement && element.disabled !== true) { + show.call(this, element); + } + }; + + /** + * event:monster-tab-remove + * @event Monster.Components.Form.event:monster-tab-remove + */ + + /** + * @param {Event} event + * @fires Monster.Components.Form.event:monster-tab-remove + */ + this[removeTabEventHandler] = (event) => { + + const element = findTargetElementFromEvent( + event, + ATTRIBUTE_ROLE, + "remove-tab", + ); + + if (element instanceof HTMLElement) { + const button = findTargetElementFromEvent( + event, + ATTRIBUTE_ROLE, + "button", + ); + + if (button instanceof HTMLButtonElement && button.disabled !== true) { + const reference = button.getAttribute( + `${ATTRIBUTE_PREFIX}tab-reference`, + ); + if (reference) { + const container = this.querySelector(`[id=${reference}]`); + if (container instanceof HTMLElement) { + container.remove(); + initTabButtons.call(this); + fireCustomEvent(self, "monster-tab-remove", { + reference, + }); + } + } + } + } + }; + + this[navElementSymbol].addEventListener("touch", this[changeTabEventHandler]); + this[navElementSymbol].addEventListener("click", this[changeTabEventHandler]); + + this[navElementSymbol].addEventListener("touch", this[removeTabEventHandler]); + this[navElementSymbol].addEventListener("click", this[removeTabEventHandler]); + + /** + * @param {Event} event + */ + this[closeEventHandler] = (event) => { + const path = event.composedPath(); + + for (const [, element] of Object.entries(path)) { + if (element === this) { + return; + } + } + + hidePopper.call(this); + }; + + return this; } /** @@ -630,37 +678,37 @@ function initEventHandler() { * @param observedNode */ function attachTabMutationObserver(observedNode) { - const self = this; - - if (hasObjectLink(observedNode, mutationObserverSymbol)) { - return; - } - - /** - * this construct monitors a node whether it is disabled or modified - * @type {MutationObserver} - */ - const observer = new MutationObserver(function (mutations) { - if (isArray(mutations)) { - const mutation = mutations.pop(); - if (mutation instanceof MutationRecord) { - initTabButtons.call(self); - } - } - }); - - observer.observe(observedNode, { - childList: false, - attributes: true, - subtree: false, - attributeFilter: [ - "disabled", - ATTRIBUTE_BUTTON_LABEL, - `${ATTRIBUTE_PREFIX}button-icon`, - ], - }); - - addToObjectLink(observedNode, mutationObserverSymbol, observer); + const self = this; + + if (hasObjectLink(observedNode, mutationObserverSymbol)) { + return; + } + + /** + * this construct monitors a node whether it is disabled or modified + * @type {MutationObserver} + */ + const observer = new MutationObserver(function (mutations) { + if (isArray(mutations)) { + const mutation = mutations.pop(); + if (mutation instanceof MutationRecord) { + initTabButtons.call(self); + } + } + }); + + observer.observe(observedNode, { + childList: false, + attributes: true, + subtree: false, + attributeFilter: [ + "disabled", + ATTRIBUTE_BUTTON_LABEL, + `${ATTRIBUTE_PREFIX}button-icon`, + ], + }); + + addToObjectLink(observedNode, mutationObserverSymbol, observer); } /** @@ -669,22 +717,22 @@ function attachTabMutationObserver(observedNode) { * @throws {Error} no shadow-root is defined */ function initControlReferences() { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } - - this[controlElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=control]`, - ); - this[navElementSymbol] = this.shadowRoot.querySelector( - `nav[${ATTRIBUTE_ROLE}=nav]`, - ); - this[popperElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=popper]`, - ); - this[popperNavElementSymbol] = this.shadowRoot.querySelector( - `[${ATTRIBUTE_ROLE}=popper-nav]`, - ); + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + this[controlElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=control]`, + ); + this[navElementSymbol] = this.shadowRoot.querySelector( + `nav[${ATTRIBUTE_ROLE}=nav]`, + ); + this[popperElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=popper]`, + ); + this[popperNavElementSymbol] = this.shadowRoot.querySelector( + `[${ATTRIBUTE_ROLE}=popper-nav]`, + ); } /** @@ -694,101 +742,102 @@ function initControlReferences() { * */ function initTabButtons() { - if (!this.shadowRoot) { - throw new Error("no shadow-root is defined"); - } - - let activeReference; - - const dimensionsCalculated = this[dimensionsSymbol].getVia( - "data.calculated", - false, - ); - - const buttons = []; - const nodes = getSlottedElements.call(this, undefined, null); // null ↦ only unnamed slots - - for (const node of nodes) { - if (!(node instanceof HTMLElement)) continue; - let label = getButtonLabel.call(this, node); - - let reference; - if (node.hasAttribute("id")) { - reference = node.getAttribute("id"); - } - - let disabled; - if (node.hasAttribute("disabled") || node.disabled === true) { - disabled = true; - } - - if (!reference) { - reference = new ID("tab").toString(); - node.setAttribute("id", reference); - } - - if (node.hasAttribute(`${ATTRIBUTE_PREFIX}button-icon`)) { - label = `<span part="label">${label}</span><img part="icon" src="${node.getAttribute( - `${ATTRIBUTE_PREFIX}button-icon`, - )}">`; - } - - let remove = false; - if (node.hasAttribute(`${ATTRIBUTE_PREFIX}removable`)) { - remove = true; - } - - if (node.matches(".active") === true && disabled !== true) { - node.classList.remove("active"); - activeReference = reference; - } - - const state = ""; - const classes = dimensionsCalculated ? "" : "invisible"; - - buttons.push({ - reference, - label, - state, - class: classes, - disabled, - remove, - }); - - attachTabMutationObserver.call(this, node); - } - - this.setOption("buttons.standard", clone(buttons)); - this.setOption("buttons.popper", []); - this.setOption("marker", random()); - - return adjustButtonVisibility.call(this).then(() => { - if (activeReference) { - return new Processing(() => { - const button = this.shadowRoot.querySelector( - `[${ATTRIBUTE_PREFIX}tab-reference="${activeReference}"]`, - ); - if (button instanceof HTMLButtonElement && button.disabled !== true) { - show.call(this, button); - } - }) - .run(undefined) - .then(() => {}) - .catch((e) => { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); - }); - } - - return Promise.resolve(); - }); + if (!this.shadowRoot) { + throw new Error("no shadow-root is defined"); + } + + let activeReference; + + const dimensionsCalculated = this[dimensionsSymbol].getVia( + "data.calculated", + false, + ); + + const buttons = []; + const nodes = getSlottedElements.call(this, undefined, null); // null ↦ only unnamed slots + + for (const node of nodes) { + if (!(node instanceof HTMLElement)) continue; + let label = getButtonLabel.call(this, node); + + let reference; + if (node.hasAttribute("id")) { + reference = node.getAttribute("id"); + } + + let disabled; + if (node.hasAttribute("disabled") || node.disabled === true) { + disabled = true; + } + + if (!reference) { + reference = new ID("tab").toString(); + node.setAttribute("id", reference); + } + + if (node.hasAttribute(`${ATTRIBUTE_PREFIX}button-icon`)) { + label = `<span part="label">${label}</span><img part="icon" src="${node.getAttribute( + `${ATTRIBUTE_PREFIX}button-icon`, + )}">`; + } + + let remove = false; + if (node.hasAttribute(`${ATTRIBUTE_PREFIX}removable`)) { + remove = true; + } + + if (node.matches(".active") === true && disabled !== true) { + node.classList.remove("active"); + activeReference = reference; + } + + const state = ""; + const classes = dimensionsCalculated ? "" : "invisible"; + + buttons.push({ + reference, + label, + state, + class: classes, + disabled, + remove, + }); + + attachTabMutationObserver.call(this, node); + } + + this.setOption("buttons.standard", clone(buttons)); + this.setOption("buttons.popper", []); + this.setOption("marker", random()); + + return adjustButtonVisibility.call(this).then(() => { + if (activeReference) { + return new Processing(() => { + const button = this.shadowRoot.querySelector( + `[${ATTRIBUTE_PREFIX}tab-reference="${activeReference}"]`, + ); + if (button instanceof HTMLButtonElement && button.disabled !== true) { + show.call(this, button); + } + }) + .run(undefined) + .then(() => { + }) + .catch((e) => { + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, e.message); + }); + } + + return Promise.resolve(); + }); } function checkAndRearrangeButtons() { - if (this[dimensionsSymbol].getVia("data.calculated", false) !== true) { - calculateNavigationButtonsDimensions.call(this); - } + if (this[dimensionsSymbol].getVia("data.calculated", false) !== true) { + calculateNavigationButtonsDimensions.call(this); + } - rearrangeButtons.call(this); + rearrangeButtons.call(this); } /** @@ -796,29 +845,29 @@ function checkAndRearrangeButtons() { * @return {Promise<unknown>} */ function adjustButtonVisibility() { - const self = this; + const self = this; - return new Promise((resolve) => { - const observer = new MutationObserver(function (mutations) { - const defCount = self.getOption("buttons.standard").length; - const domCount = self[navElementSymbol].querySelectorAll( - 'button[data-monster-role="button"]', - ).length; + return new Promise((resolve) => { + const observer = new MutationObserver(function (mutations) { + const defCount = self.getOption("buttons.standard").length; + const domCount = self[navElementSymbol].querySelectorAll( + 'button[data-monster-role="button"]', + ).length; - // in drawing - if (defCount !== domCount) return; + // in drawing + if (defCount !== domCount) return; - observer.disconnect(); + observer.disconnect(); - checkAndRearrangeButtons.call(self); + checkAndRearrangeButtons.call(self); - resolve(); - }); + resolve(); + }); - observer.observe(self[navElementSymbol], { - attributes: true, - }); - }); + observer.observe(self[navElementSymbol], { + attributes: true, + }); + }); } /** @@ -827,17 +876,17 @@ function adjustButtonVisibility() { * @return {number} */ function getDimValue(value) { - if ([undefined, null].indexOf(value) !== -1) { - return 0; - } + if ([undefined, null].indexOf(value) !== -1) { + return 0; + } - const valueAsInt = parseInt(value, 10); + const valueAsInt = parseInt(value, 10); - if (isNaN(valueAsInt)) { - return 0; - } + if (isNaN(valueAsInt)) { + return 0; + } - return valueAsInt; + return valueAsInt; } /** @@ -846,18 +895,18 @@ function getDimValue(value) { * @return {number} */ function calcBoxWidth(node) { - const dim = getGlobal("window").getComputedStyle(node); - const bounding = node.getBoundingClientRect(); - - return ( - getDimValue(dim["border-left-width"]) + - getDimValue(dim["padding-left"]) + - getDimValue(dim["margin-left"]) + - getDimValue(bounding["width"]) + - getDimValue(dim["border-right-width"]) + - getDimValue(dim["margin-right"]) + - getDimValue(dim["padding-left"]) - ); + const dim = getGlobal("window").getComputedStyle(node); + const bounding = node.getBoundingClientRect(); + + return ( + getDimValue(dim["border-left-width"]) + + getDimValue(dim["padding-left"]) + + getDimValue(dim["margin-left"]) + + getDimValue(bounding["width"]) + + getDimValue(dim["border-right-width"]) + + getDimValue(dim["margin-right"]) + + getDimValue(dim["padding-left"]) + ); } /** @@ -865,35 +914,35 @@ function calcBoxWidth(node) { * @return {Object} */ function rearrangeButtons() { - const standardButtons = []; - const popperButtons = []; - - let sum = 0; - const space = this[dimensionsSymbol].getVia("data.space"); - - const buttons = this.getOption("buttons.standard"); - for (const [, button] of buttons.entries()) { - const ref = button?.reference; - - sum += this[dimensionsSymbol].getVia(`data.button.${ref}`); - - if (sum > space) { - popperButtons.push(clone(button)); - } else { - standardButtons.push(clone(button)); - } - } - - this.setOption("buttons.standard", standardButtons); - this.setOption("buttons.popper", popperButtons); - - if (this[switchElementSymbol]) { - if (popperButtons.length > 0) { - this[switchElementSymbol].classList.remove("hidden"); - } else { - this[switchElementSymbol].classList.add("hidden"); - } - } + const standardButtons = []; + const popperButtons = []; + + let sum = 0; + const space = this[dimensionsSymbol].getVia("data.space"); + + const buttons = this.getOption("buttons.standard"); + for (const [, button] of buttons.entries()) { + const ref = button?.reference; + + sum += this[dimensionsSymbol].getVia(`data.button.${ref}`); + + if (sum > space) { + popperButtons.push(clone(button)); + } else { + standardButtons.push(clone(button)); + } + } + + this.setOption("buttons.standard", standardButtons); + this.setOption("buttons.popper", popperButtons); + + if (this[switchElementSymbol]) { + if (popperButtons.length > 0) { + this[switchElementSymbol].classList.remove("hidden"); + } else { + this[switchElementSymbol].classList.add("hidden"); + } + } } /** @@ -901,50 +950,50 @@ function rearrangeButtons() { * @return {Object} */ function calculateNavigationButtonsDimensions() { - const width = this[navElementSymbol].getBoundingClientRect().width; - - let startEndWidth = 0; - - getSlottedElements.call(this, undefined, "start").forEach((node) => { - startEndWidth += calcBoxWidth.call(this, node); - }); - - getSlottedElements.call(this, undefined, "end").forEach((node) => { - startEndWidth += calcBoxWidth.call(this, node); - }); - - this[dimensionsSymbol].setVia("data.space", width - startEndWidth - 2); - this[dimensionsSymbol].setVia("data.visible", !(width === 0)); - - const buttons = this.getOption("buttons.standard").concat( - this.getOption("buttons.popper"), - ); - - for (const [i, button] of buttons.entries()) { - const ref = button?.reference; - const element = this[navElementSymbol].querySelector( - `:scope > [${ATTRIBUTE_PREFIX}tab-reference="${ref}"]`, - ); - if (!(element instanceof HTMLButtonElement)) continue; - - this[dimensionsSymbol].setVia( - `data.button.${ref}`, - calcBoxWidth.call(this, element), - ); - button["class"] = new TokenList(button["class"]) - .remove("invisible") - .toString(); - } - - const slots = this[controlElementSymbol].querySelectorAll( - `nav[${ATTRIBUTE_PREFIX}role=nav] > slot.invisible, slot[${ATTRIBUTE_PREFIX}role=slot].invisible`, - ); - for (const [, slot] of slots.entries()) { - slot.classList.remove("invisible"); - } - - this[dimensionsSymbol].setVia("data.calculated", true); - this.setOption("buttons.standard", clone(buttons)); + const width = this[navElementSymbol].getBoundingClientRect().width; + + let startEndWidth = 0; + + getSlottedElements.call(this, undefined, "start").forEach((node) => { + startEndWidth += calcBoxWidth.call(this, node); + }); + + getSlottedElements.call(this, undefined, "end").forEach((node) => { + startEndWidth += calcBoxWidth.call(this, node); + }); + + this[dimensionsSymbol].setVia("data.space", width - startEndWidth - 2); + this[dimensionsSymbol].setVia("data.visible", !(width === 0)); + + const buttons = this.getOption("buttons.standard").concat( + this.getOption("buttons.popper"), + ); + + for (const [i, button] of buttons.entries()) { + const ref = button?.reference; + const element = this[navElementSymbol].querySelector( + `:scope > [${ATTRIBUTE_PREFIX}tab-reference="${ref}"]`, + ); + if (!(element instanceof HTMLButtonElement)) continue; + + this[dimensionsSymbol].setVia( + `data.button.${ref}`, + calcBoxWidth.call(this, element), + ); + button["class"] = new TokenList(button["class"]) + .remove("invisible") + .toString(); + } + + const slots = this[controlElementSymbol].querySelectorAll( + `nav[${ATTRIBUTE_PREFIX}role=nav] > slot.invisible, slot[${ATTRIBUTE_PREFIX}role=slot].invisible`, + ); + for (const [, slot] of slots.entries()) { + slot.classList.remove("invisible"); + } + + this[dimensionsSymbol].setVia("data.calculated", true); + this.setOption("buttons.standard", clone(buttons)); } /** @@ -953,34 +1002,34 @@ function calculateNavigationButtonsDimensions() { * @return {string} */ function getButtonLabel(node) { - let label; - let setLabel = false; - if (node.hasAttribute(ATTRIBUTE_BUTTON_LABEL)) { - label = node.getAttribute(ATTRIBUTE_BUTTON_LABEL); - } else { - label = node.innerText; - setLabel = true; - } - - if (!isString(label)) { - label = ""; - } - - label = label.trim(); - - if (label === "") { - label = this.getOption("labels.new-tab-label", "New Tab"); - } - - if (label.length > 100) { - label = `${label.substring(0, 99)}…`; - } - - if (setLabel === true) { - node.setAttribute(ATTRIBUTE_BUTTON_LABEL, label); - } - - return label; + let label; + let setLabel = false; + if (node.hasAttribute(ATTRIBUTE_BUTTON_LABEL)) { + label = node.getAttribute(ATTRIBUTE_BUTTON_LABEL); + } else { + label = node.innerText; + setLabel = true; + } + + if (!isString(label)) { + label = ""; + } + + label = label.trim(); + + if (label === "") { + label = this.getOption("labels.new-tab-label", "New Tab"); + } + + if (label.length > 100) { + label = `${label.substring(0, 99)}…`; + } + + if (setLabel === true) { + node.setAttribute(ATTRIBUTE_BUTTON_LABEL, label); + } + + return label; } /** @@ -988,12 +1037,13 @@ function getButtonLabel(node) { * @return {string} */ function getTemplate() { - // language=HTML - return ` + // language=HTML + return ` <template id="buttons"> <button part="button" data-monster-role="button" data-monster-attributes=" + class path:classes.button, data-monster-state path:buttons.state, disabled path:buttons.disabled | if:true, data-monster-tab-reference path:buttons.reference"><span diff --git a/source/components/form/template.mjs b/source/components/form/template.mjs index c6a7fb64f571d33e050dabd6db465096fbc77200..386b26d49762f65551a33da9b1b82ab1d7dacd15 100644 --- a/source/components/form/template.mjs +++ b/source/components/form/template.mjs @@ -73,7 +73,7 @@ class Template extends CustomElement { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/template"); + return Symbol.for("@schukai/monster/components/form/template"); } /** diff --git a/source/components/form/tree-select.mjs b/source/components/form/tree-select.mjs index 8763d56ac29484e89449ba041a808a4df61a9040..3b1647f2b3f588fc6079b03fc3771ed32e7f2a1f 100644 --- a/source/components/form/tree-select.mjs +++ b/source/components/form/tree-select.mjs @@ -87,7 +87,7 @@ class TreeSelect extends Select { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/tree-select@@instance"); + return Symbol.for("@schukai/monster/components/form/tree-select@@instance"); } /** diff --git a/source/components/host/collapse.mjs b/source/components/host/collapse.mjs index 48890f0166f4c494f0881365940cc41cfe9aad86..0742cf454e5b3b4339acc21a8349138c6f83942d 100644 --- a/source/components/host/collapse.mjs +++ b/source/components/host/collapse.mjs @@ -87,7 +87,7 @@ const nameSymbol = Symbol("name"); * Or you can create this CustomControl directly in Javascript: * * ```js - * import '@schukai/component-state/source/collapse.mjs'; + * import '@schukai/monster/source/components/host/collapse.mjs'; * document.createElement('monster-collapse'); * ``` * @@ -146,6 +146,7 @@ class Collapse extends CustomElement { * @property {Object} features Feature configuration * @property {boolean} features.accordion Enable accordion mode * @property {boolean} features.persistState Enable persist state (Host and Config-Manager required) + * @property {boolean} features.useScrollValues Use scroll values (scrollHeight) instead of clientHeight for the height calculation */ get defaults() { return Object.assign({}, super.defaults, { @@ -158,6 +159,7 @@ class Collapse extends CustomElement { features: { accordion: true, persistState: true, + useScrollValues: false, }, }); } @@ -319,15 +321,30 @@ function adjustHeight() { let height = 0; if (this[detailsContainerElementSymbol]) { - height += this[detailsContainerElementSymbol].scrollHeight; + if (this.getOption("features.useScrollValues")) { + height += this[detailsContainerElementSymbol].scrollHeight; + } else { + height += this[detailsContainerElementSymbol].clientHeight; + } + + } if (this[detailsDecoElementSymbol]) { - height += this[detailsDecoElementSymbol].scrollHeight + 1; + if (this.getOption("features.useScrollValues")) { + height += this[detailsDecoElementSymbol].scrollHeight; + } else { + height += this[detailsDecoElementSymbol].clientHeight + 1; + } } if (height === 0) { - height = this[detailsElementSymbol].scrollHeight; + if (this.getOption("features.useScrollValues")) { + height = this[detailsElementSymbol].scrollHeight; + } else { + height = this[detailsElementSymbol].clientHeight; + } + if (height === 0) { height = "auto"; } @@ -468,7 +485,7 @@ function initStateFromHostConfig() { } }) .catch((error) => { - addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, String(error)); + addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error.toString()); }); } diff --git a/source/components/host/config-manager.mjs b/source/components/host/config-manager.mjs index 72382d553a79771e74695a9a7a46be863cc6c6be..b78a9496062b0d22964cb6482e2e8f856da1306a 100644 --- a/source/components/host/config-manager.mjs +++ b/source/components/host/config-manager.mjs @@ -141,6 +141,20 @@ class ConfigManager extends CustomElement { }); } + /** + * @param {string} key + * @returns {Promise<boolean>} + */ + hasConfig(key) { + return this.ready().then(() => { + return getBlob.call(this, key); + }).then(() => { + return true; + }).catch(() => { + return false; + }); + } + /** * @param {string} key * @param {*} value @@ -151,6 +165,12 @@ class ConfigManager extends CustomElement { return setBlob.call(this, key, value); }); } + + deleteConfig(key) { + return this.ready().then(() => { + return deleteBlob.call(this, key); + }); + } /** * @@ -234,7 +254,6 @@ function getObjectStore(mode) { } /** - * @param {string} key * @returns {Promise<unknown>} */ function clearObjectStore() { @@ -259,13 +278,31 @@ function getBlob(key) { const req = store.get(key); return new Promise((resolve, reject) => { + req.onsuccess = function (evt) { const value = evt.target.result; if (value) { resolve(value.blob); return; } - reject(); + reject(new Error("The value of the key '" + key + "' is not defined.")); + }; + }); +} + +function deleteBlob(key) { + const store = getObjectStore.call(this, MODE_READ_WRITE); + + const req = store.delete(key); + + return new Promise((resolve, reject) => { + req.onsuccess = function (evt) { + resolve(); + }; + + req.onerror = function (evt) { + console.error("deleteBlob:", evt.target.errorCode); + reject(evt.target.errorCode); }; }); } diff --git a/source/components/host/host.mjs b/source/components/host/host.mjs index 50d5645ab9c30d7130220645d13984da44905544..e2ae128c623b608e47f7a8fbe9583a36357394f4 100644 --- a/source/components/host/host.mjs +++ b/source/components/host/host.mjs @@ -139,6 +139,20 @@ class Host extends CustomElement { return this[configManagerElementSymbol].getConfig(key); } + hasConfig(key) { + if (this[configManagerElementSymbol] instanceof HTMLElement === false) { + throw new Error("There is no config manager element"); + } + return this[configManagerElementSymbol].hasConfig(key); + } + + deleteConfig(key) { + if (this[configManagerElementSymbol] instanceof HTMLElement === false) { + throw new Error("There is no config manager element"); + } + return this[configManagerElementSymbol].deleteConfig(key); + } + /** * * @param {string} key diff --git a/source/components/host/stylesheet/call-button.mjs b/source/components/host/stylesheet/call-button.mjs index b40d69445dccd6c2d55bfb5c1646890746bc5c26..5b9d3ba613e90f0216b285bdcd1e95c1d170f32b 100644 --- a/source/components/host/stylesheet/call-button.mjs +++ b/source/components/host/stylesheet/call-button.mjs @@ -20,7 +20,7 @@ const CallButtonStyleSheet = new CSSStyleSheet(); try { CallButtonStyleSheet.insertRule(` @layer callbutton { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}[data-monster-role=control] a[data-monster-role=filter-button]{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a[data-monster-role=filter-button]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px}.hidden[data-monster-role=control]{display:none} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}[data-monster-role=control] a[data-monster-role=filter-button]{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a[data-monster-role=filter-button]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px}.hidden[data-monster-role=control]{display:none} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/host/stylesheet/overlay.mjs b/source/components/host/stylesheet/overlay.mjs index a3f961815720ec5c0d07503252e261dd82bc6c98..96c7f9f3af88091908253794241adc0f4e3f494b 100644 --- a/source/components/host/stylesheet/overlay.mjs +++ b/source/components/host/stylesheet/overlay.mjs @@ -20,7 +20,7 @@ const OverlayStyleSheet = new CSSStyleSheet(); try { OverlayStyleSheet.insertRule(` @layer overlay { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}.monster-form{accent-color:var(--monster-color-secondary-2);align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}.monster-form label{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:grid}.monster-form label:has(input[type=radio]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.monster-form label:has(input[type=radio]) input{margin-left:.4rem;margin-right:.4rem}.monster-form label:has(input[type=radio])~label:has(input[type=radio]){margin-top:.2rem}.monster-form label:has(input[type=checkbox]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.monster-form label:has(input[type=checkbox]) input{margin-left:.4rem;margin-right:.4rem}.monster-form label:has(input[type=checkbox])~label:has(input[type=checkbox]){margin-top:.2rem}.monster-form label~fieldset,.monster-form label~label{margin-top:1rem}.monster-form button,.monster-form input,.monster-form select,.monster-form textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;padding:.4rem .6rem}.monster-form button{border-shadow:var(--monster-box-shadow-1);background-color:var(--monster-bg-color-tertiary-1);border-color:var(--monster-bg-color-primary-3);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-1)}.monster-form option:checked,.monster-form option:focus,.monster-form option:hover{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-form input,.monster-form select,.monster-form textarea{border-bottom-radius:var(--monster-border-radius);border-bottom-shadow:var(--monster-box-shadow-1);border-shadow:var(--monster-box-shadow-1);border:0;border-bottom:thin var(--monster-border-style) var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:thin}.monster-form button,.monster-form input:not([type=radio]):not([type=checkbox]),.monster-form label,.monster-form select,.monster-form textarea{width:100%}.monster-form label input:not([type=radio]):not([type=checkbox]),.monster-form label select,.monster-form label textarea,.monster-form label+input:not([type=radio]):not([type=checkbox]),.monster-form label+select,.monster-form label+textarea{margin-top:.2rem;width:100%}.monster-form fieldset{background-color:var(--monster-bg-color-primary-1);border:2px solid var(--monster-bg-color-primary-3);box-sizing:border-box;color:var(--monster-color-primary-1);margin:0;outline:none;padding:2.5rem 2rem 2rem;position:relative;width:100%}.monster-form fieldset legend{font-size:.8rem;max-width:95%;overflow:hidden;padding:.1rem 2rem .2rem .5rem;position:absolute;right:0;text-align:right;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:nowrap}.monster-form fieldset~fieldset{margin-top:1rem}.monster-form button{margin:.2rem 0}.monster-form button:first-of-type{margin-top:1rem}.monster-form button:last-of-type{margin-bottom:1rem}.monster-form input:focus-visible{outline:none}.monster-form button:focus,.monster-form input:focus,.monster-form select:focus,.monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){.monster-form button,.monster-form input,.monster-form select,.monster-form textarea{background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2)}.monster-form button:focus,.monster-form input:focus,.monster-form select:focus,.monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}.monster-form button:hover,.monster-form input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),.monster-form select:hover,.monster-form textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:300;src:url(data:application/x-font-woff2;charset=utf-8;base64,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) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:300;src:url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADI0ABAAAAAAdXAAADHTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGlwbnFYchzAGYD9TVEFUHACFABEICoGqIIGGVguEKAABNgIkA4hMBCAFhUIHIAwHG2pgRQdi2DgAaPAZFkWwcQAFm+8TRdkmnUj2/ylBmzGhdehbZSF0R7uo7hkZCZGT6hnpobZTWxy6cODh0Eg/9o0FR+HA8s3J1b3tw59XozgcCNwjZmttwCVxX4hLopEkTaRXt0ZIY2It4jf92XsCvMRLUwj2Qo0IkhcxKkYq5iQtcfnimrpZ0jqHtGngJbl/tDqziiqdqwAzoQ0TLx86MzpX5tI5T/zv96975r4AoosRBDJfBbmkWgsItoqNbG2XJ9CkeobHbf3zBBmoGA1I5agxGO1GTaoNEFTM67Iuon9FXvzf+iuiwQEK/W/ahmibz+VdEbVVR4YN+Pd/jczCTO7LnwWgIqFl5QAl21YB2p5KJFlL6Jf7ZeBzfu4cFJ3q+AOC8QV66zobWwYhWwD/V5smvEXozEmETWvtKG2TPG3hWcpQm9nQOvR8JFIVgZBd2mbFc+I1fYXvwNQkZivqyP0e9386y1ba9d3zBqGLqwAX3XpzbTH6+tbXzGgkA2uJfQyelfWeJSvgC0JFUF1axNdTU2HTpSj7lJl/nemq7+9vSMk/6JadGssqrgGeetnaNVPL4z+d7qx/sgxnF2T5egHSUWyX7ADDVMKxoxz0BchuXxi2AsCatTPyvgOONTObrOSccGuCQlzhEbKB/vrtz1irH8hsZna79nInhy0yRELCJyLgWf86/3AgTDAAALpjNEg3JNNQZLhsZLoypFw1pk4dcthh5KijyAknEMIBQp+uJ/ilkhipuCPHeg+G9lpFoQ/a+xOKc6HFAxB2zrp3ozAXaiBuxVM8VmCkWmV7tt83Uql6i6xwyaswCpV9+czU5OfjrMrH/B1bdsSZK7mSW/a/tCmvKoJEihYjViKPPrymKVDkP/9rMMMscy2w0FLLrLPRDntdcx0zKzM/E6iApCj6L/k/aKA3A28OyVxaC4OlT5aduPMPWfZB0vBkRtncYAGdhSuWblo251rT9eCOCKLgfbYGkqBJ6VQya4KTGIHUg5fhqRSYEjMHRxIHI+lJ3FTztN0pWh7DDDFPptopuN44J/AIkg1SeOpci9hP0RTQEiWOwzxN00ZHU+UpS1GF8BYPED3ABLF1nqLFfAtSIds4tZQrEJCz9TKtZ2TMUVhaxHOLW3iYSt0poEcYgoSx47VDqcyhkgkFPYHdvMSx9V9+t76NLZqDB2m9YYhmtmv4z0l71aDX/hczOwQuxq6k1lUC7nmntG/P3SzzKGQ/fwRUD/cOMQiDIpTgjxvvb/PbwE9slA6ijLITxbkGlp2mXhfU1O5A/yHeabRWIzIdWjWZ2W098S3NJmxIUxD0JS2IQqh7/DLOVFUY9I/071dqJFy4gN9SNyPsAqklJGXPafeM+xbF5qIYc/IABxmlm4BcB+oPORz19CM2ouh2oGtENN2AJFrCVzO4NoD3exWSEKG4sjMDtOVJSgYLV3oSaLYee6OrE59JWtI7Xq6FMNB6pBaDzmSG7x9P/ncoAQC0YO65AV/8VqR5pC7O0KJRSTiXMHeajzvq8fD6TEatdSeEdCyJyOP7HS0HNscjn4EUH7IVv5B9NcHt6Q+Qxr5NgJlEYpBbl7iWFTg2SvstNLpk1wd0EOB/HKOP51oAkKHbk0cxgaUSmEdzvvREXfXnUEqxqGgdx/1pUBn6ySUbiL8bkIlCpOC2HF/Y0x5qpxTL6LmlUPbFOJMjYQDeYJIcYAhtKVqfrFKIngmjOI5ex+WbSUArCGNwhIDiaKPQV12ezadA04CHG85LYmh2giMEohguFCE7Wt2RnpZOP0LAmzjJNJMl1FqQ2wfbUBJb8+gdfiSGSW1gC1tZ0z7QVQddoTSysjSebzolfyohStggBeeLCHODfMyo2BOS8a12hidr3YUhRDVXTAIxE6xwms0DEg1MRFHAGtGZJLE6CtBZl5J2A7ulTP20MjQXu+FGcRhjCoVXtowZitheAigblnOZIRgDCgYKejjBQoQ6hRh2LIarGWB7z+YitKAuqEMAl9QDIgHc9RsYiUzANgMsZGLLoUaxakkVrfDozK210ZbK04Zpi6CEBVosMOAAUVgQiwV2HMjBDuKUgJOIgyXhEMnsUClSaaSxw6TriOmMRV24WSG/Ar1ob8LN9MFafbFoqNrccCNy4kijqIwBJlNwBC8mWVglG+tMZ+v55OMV4EiF2KCIbVSslFoZNpmFw82XWswoC56KD+qUroIzKmnu4GAZeJZ/EABM4QWQRpFqhoVYCQfPdpOhHGaWux4euFiHnu400po1N7CXVMnfKjR2YdFiscWqFquBdNvAa9dy8tETP+713LwcDPxvDd0aw+9neyfgd/Y38CEL5sJiWAnr+33/wZKcQnwKjrXiMABpDuCoaUikGIShCAEFyEEV5JelFcHBp9Lne/e/a7bMEw8KpP6ZZVmVR8S5obAmVZJWOM5y0j8BABQYQTUmQyaZGET1x9HDCUkMG2M2HEOhuX5HjTuBpSpAKwiXOmsqBqDAXzQUIwZ+fOBHvgZhYhPG3/jVyIvJODdBIC0jK5sKnN76qUxsI5RjtApivwcmeAQK9FYKGsEStCQQog76G4ZemqTJTARW1D8yBVIQBVMIhaZu/VH7hSOBRFKRmjQkSbkgQHoirYzhKFXX7LIJoLC5aani0xgWLgRgTglkrOa1WMJwnQ9XzlcfmADshQ4H9Eoeny5SorHrWg9ts0pI7v/3sEewAazruC+GCPCfxrkT9CYA9C9bA5BxSKK3dx0AYI/eyiqmtBuAo0tcNubr80wl4+m4MPj9mKaWP/FJ1tltPdUzO4G/hL9WjpTNslVuIyfI6XJXuVieEwqt4dbmfj8ACCJzSfdn4pMo43KskXWysQVpjD9Swm0F9APAvwOANx2uvcb2C9uAC9+EC894zzqfGaP7KObhrnM7z20BAYBEQH8ngN7K93Z1euVzNPqn7TPHIvMcddV1i62z3n9OmWWT+ZaaaYkLzjlvgWuIhiRQsGa0motgYGRiZhElWqw4dg5OiZIkS5Fmjf+t9QAHokJ6b/3gbjL11kdfObQ3gBh66mu9sv63TudToFCRYmVWuWe1S/ab67DjjjjhvpsRcUuNLS7b7HbUuOui3/0RDlfc0BAev6m11T/+9q+FBAxHhSdSCxAuRKgwkVrQ0Qsia82qpbZaOaONBC7xFKliTNNeBreO2umgk6566a6HnoYYYKBBPEabYKxxJhnvrIny5ciVp8RUpWwmR02EjTbYaZcdCA2/EABoDQBsP9ByQL8FMP8A8J8DNwcAADZ2FbyEhOMULCWqophIiFFGP6/JSbbnnJgUxV1DzLQAhCJIuEbBo3gyaSUJRSNdELHSHtIM3HHGsSNxfewEncfr6cCgMWl7jaaJ00exQtQR9iiG4CUw8gSiJnnwSb2rsAipRElnxCYMs6cSyI+e2Rx6Eqb+CrGEHmOoNAOFpJSyNlAThHTNPoB9HQOrx4j5XkzOg4QOCWmcPjRxTC3U8YPouUU7X7zMvrkiWo7dJsZnQQAE7nn1/t5fZ2REQmo0weiuvJkLlg+wROks5xS8M8WLlToExKRJuN5Zluc9VxmGp3XohSFZg602h0PpfQjgHHLdU9dYGZGUjF8xGPafpCiNBq9V6i06T04YYp4oK14oc3elrCiVEYDc/j/yQSnPOtaJnzHBaahcA0CfACq8S75ZtAk0pTnKNAuuMQWQbFivtnPUxnMLQOu2fEmNb1Zq55IMc5QZtmp8VylR+FBYoylXpX7VBDAmdmItHV2FRwxq3f4zJox4t3KZfpsjy8u/VWbUg7Z1R9MgpbjJ4tm4WADMQk45wDSkURgtyEmw2MKRTWDFZdN/FGaRfZHba7OLYO/uT4iHB4qMcqtH7KVv0bqwOZF/teY+DQ4oHUQYhQ4OVQobTWN1S7DB8PXc+zux6OQ3xO1FdmEqA/vyiK3tuaHSRaW40OY08ZVAPTWMXwK4ZEOxBhC8fTwasGhxKSt7yQlBoT50orx+kNqomG+qIM14TyXVhSID10uEI2CcuFOq54CcQvNzx/pcf8GodNY/S3xmaV+zJZsw79ile9F/U8rhPVC4mQlcMDrboDYS6CNb4AKwxp+REFVS1TI6UMZw4wYWQNPQW5tNTnFPdNgw0FM+dqgHg826J8siVi3unQ4Tlsi9gb7G45mWLnd/Dz+/Rna8RLEe59mqpr7ShoqtVwSIvfmGdV2v8ypqjU7v5j6nrP111pgsiLxNje1WHB8bMjpWJ81dtS2panwTgwnN233Wqw4bDJSZGlBJTSDlHeMYZXZtO9fulWM/e0DN3ZzNFbzf/ds2uXILKgxdkwN9WETZu7ls5rkwwRKwyVuV2FM2ealfGVah3LU0r51tWfM5WFHCJ/WMYYUjhWy+cEo8eyWBMXEzWCVLkybYjj1vrVJdnORXexsrgUDLqbah2oiD857ESGLavtkTLJRfmNWE8eaG290Wm5IsXi5Th7WwlO8c3LSn3eui7WR5H8xDY12LCbCyExV+6x4f3tQwUDGr3htlOfAG6318xkrzmsjbqwYtEVSW8vR9KLehZ7oJ3oka5jWLVn9pWqcrmD2VvGOaJ8en+KiOdUbkPXJQfW5xZb7W2ReDtOJTa0NbNzwtRJPAZ9RtqSax0qGlLk92gv1DX5OUQ++3Y6u0UK3PPyDRc8eIlmkScEZp0wS2w6wcK3+KqnJ34yeNabvF5/RyDR0j78Hw85HmzGVOS0WIg9JAelgO49wNktI7hA0W9kwJuj9CEl2GaBL5qkJXJmgssS6agNVv7ooGiAgxal+3qwTXfTilrCmlVlo8Y0LM2D/ANhfuiSJrNXVsBx0WtPbkVkvNaHlkwgA1cOQtIyyEUg0OHHlzd91QW3rl3W0/s3dwnfYK0gCOWzwPtICHVnNX7eBgRnRcGQSrjiuc1wnwqWUl16vRZ9VhXSeMIS0kfJC728kPk/r2DEdTPI90GKAJmtuRg0pjHaE5S/lmy7HQCY3gBqkbbkpDit7KMPp9LkQQSZ/P5IqDwRCePRz7d360OgaFTjseN5/DO8ma4lCxl51WcpO8TnyduFlmfhfzVmt6ech8Lem8n+gQKKKhgw2EX+p/Desi9GARVgK9kTlOLTkQIarXMbJZtaED06b5bdI4aJ+ETX+AiQ5JdtucQ1XaDzvDFq1sLaJc3txKQ3tQLeyUqyKWVQ3F/q0dFj8YD8k6yddVFa5+Vs+DSG6uC/nN9cenuENqljJ/4cot/n7f+piYeYUpo+FZOlFGxRvV1Wy4VEPGKLJpX7AB3uCtLF2bmWaIBiNF6hB923G/T2mudtIE1fz66TUw3AbrQralwEFhO3ZLLZJGzWzwzwLjDs+z8oZk84gOwoHUAHAgLw8Xh2aFMr66js5SoxktJYBeTrRjX5znBkdmI9M+/1hrcYjYtdZrgbrVTR6c06o3muaCkNZcjrfPsXlipajNLwaufL5EVSKEAHgzo7EMxYJW0/oiJxuNtko0WmU/O44NdUWzIusNkdZfjdfSVo2x8ODHH6LzTHuz2pwOT/OcBEjJ1RUjR8b875NIEBBum3Btt6zEodb1hMdoMhrGGqXU42B0m73kyLuRoa58RxnGiKxmIHwtgNSuvkAquvR0KNJwv34Ye4Y9+pvW35E0tsFF1guujTLU35fpU8DwlAfPnG7H03zW8X0dJnmvJzyY45x8lhD6g2JATER5mx/rEt3mNzq3OkaUwJvIfGu+fq5XfBOHjafvQD6Iowhhb9nQaxT6JDfSb8VkxrmVVnqu5rXI5Rq7RHyMJRiNJnOHt8kmvbggzYjgnTn4dyexcSzO3vQyDoJ9lWIjuIsRKR8fbAAXmzvslvMubbovTamc7K2bRUf2H0yRjLtJqeTuyAje8YQcJJA1dcdtzuVCe0/ErhYNIwu0YOzEteb+SlMKOUQsE9uuZuvuQXWbXpXlCbuvJARXPyAmzFGhI+uOGMBH7DPO0oDUw1M78AN3hJ6EB+qo0YRhI58bBXCIULImyghWVsaysISQB56hqB2HIpXzOzO9ElFsdxuBOX0iPhSxNP9eVhySSIp2EzXkabR7ffQxkeiTD4L0FYCGGiNzMDdIjXhhdzXPzeQ6sHUwDygdUswx+umKiq49o5Qry4EJPchvX32mJ1EZPvLrJ6pcaVumC3pQqXzj2evX4opU7vNu2a+OV+erxvIj2Ubl6A3nRskxkWw9fNAejVwMIE5RHESo5xr1xNKs7ccN8Nw31Mf/9tRAKNDLHD7cL65mmepaohknPeLYncb+ZGAVs3Qmes5yBGv4xbJR7RuWjKIWwQ6lfCtFtHAe0WCoo1DC+SB6JsdnpEmPgB2gSQ6JUi8VFoIBhV3khChf02Yxj9Jveg/TKqTwg3eHPO5sVkWDYvGCSaBuqI7naA9oNB872NgouIQbkErHb88J2dNjS6JpDrTfV7rh8Wrxkr8cB3Zh12KnMmKqHo1pOenhtF46azE9La87ucRv3JR2yyQ7mINlfdnGjnUJet/F1uje+qO6Sw6vYSp6DRsiGgJ5BcxXVo3R5LV+YV1uuzhviXD+ab1ZGNDx2Px4nramacbtqHKocyv30ezB28GrkjXe0+xAkBwaTMzLdYmFO9O/g2GIeHASVNrTz4UxrI8TxKjjVJqrt1XrdI7DM+3De+CQ1fW5/V3TXHdfxorEwMPTbxrsRaYpnlKHMxxZHs+JcfMb7XGpPBWmLfuCQ/fSzev2PRauCz6All/B4ECEvtFo9BrGEdZpnIOI+Lggn5BbqOwSbji/1hqBa34n9fJ9AD3U8ibuamGGd3W1LuRlNohznLkuiPeD1j3CDDp5TVNGA+FhdXoaYEyMT0qTx2Rnwps8ItB9fHJ3ya5FegClfP0rRll9d7CZ333j/hg3G2MtavM1fBUNBrN1TeFWF0oc7iwCoQvKmeSphBReHtyw0yiw90n6xpgCYykmoNKGhmh0IVZY8KBkO0W1pqYIi9MiTVG94J2jh+cvOS0RseQK5gUD8EAqP2Car9IjVhtV3swPVNzTB3vwYCkiWBU7r73N42BAn6N1G9fl9NX/D5A+J3k9R6NUW/NybqTrVszw5zfOD8No1otYvX2SgYNX10Dc5YoPuJLUj66dTtcOl/PEbYZPhri3+O+/E9+N9jbeaQrOQ5gJ17x0CJ2mDoYYoNBlTNWNHuzxa/DufjrwvrG0og+YYbFCb0TBD/3o7itzN7dzXGodz7fJ36xsDOkyOSA44N8rHPv/+TMaDFpJn434N85M/mcq+CKoighywdjklVzS98Hg6QGBGV+kSaa1K0lyR5TkDcDN/YJTpR/zfbzSkk5evF7RudFYKJqmIhEiREir07FEBNaz4EKz780BN3qK9rOb+4Yo18z758nckgS6O+PgLHZk+vXer7Ibu8Bqtrbs1f33mx52HeyZJx3oiG80XzdbA5S/+EJ7LxEfs2dPz4YgasehwRRaLKLTkYgQJXkPRbAh1jqXmSrdzvgmfE+2TZ/fm4jty+dj+/fG80iR26n/651j+bOdEeV3eZL74QUisIbRr3SJF5TonWxjfiIGed3xacuXYI/XC9XthYAYkDUY3t1EgTNORkgE8Q4UDSgUQcOHEAugPJ6F9vUZQJ4nLdQr/+9V+Gga4vsQxCDNX7595yNXpM/fWxAnp9w+C6jNIn25U5osqQGrGHXpBO4Njbcu6y5fcvJodrHwnpWaFXWDVGFqXf3ZWuNz7F9evtryjG5haToHP7XvxbWza2iFgNlXpuKcHyK6tHL5JkixS+1juunuwlqD37/W0F3QTcdILUW0GNg3Fc2kp6NKi5lATmemoAkIT5rZxXz3fdmp+QNmG6RFxx3G6yeXiopZkVzfldYrTfTZzxY9go2+gYXmYIhS3ckt6EEPezY23ZHhjG0wPuHt1zsz7YsdGePuZYleMMIsKa0mbTFrulMGy3smJeRCspf8PuzQ4HIRqdaIXLhE867YgYBdntXkc36bU/P4w/kpZT8U9F0M0B0hoFnoNa0ucWwxFi50s7T15wN0wqTZfB7rLV8ymhbqbcOF/jadavUfN2shZ0GQ1pb4N42kdGn0cVTD91/WMycn5eqIRT/1+dFkb0vT1gOJuVvrCIf22UuKpp936SFW0qlsqFumJPWOTCzwU74XsKA+WBxnqDNVkAfAqI3jWqshyn9HMa99SvZBmGw/KcB1ejQyoPFY5su/OEPD70TyWoQ/ifVR3l8qTSAuvTUX4F4SeY0aNFzQAiVQFg3ZD7G/30EKN/pcEsABSjBXY9di74rlXpJc4dV48jaIBrAy4wzLwIDVZu+3Wgfsu0NpOcYww3vXHZQcrRC3NtQsLPGmEMX1A8sH30YZugBYujxCLw7e+5NDTddQ8ebGB+Yg5aX0KpqwIupSLr3yD5JnFxTvfanp6OG0+1+dmF36IgGsw9BBcP53nfHP7Nn3QZXpsxM+KpxDNn1+AqWB4kdjbiaYvvPqP7WQ4K/DjDUZ713/DbF7BGKSKJ08X+L1TRRyx+VW72oOvA13AQurXu049t3N9FKYE4W3c6E96a01yYdvi77+DBRXw9mRC/7LPGJlkA+7R7221cGQfcWoy6UKcrfxAvAfByD6cNacteqHCae+pClmLGtGBgmCSP7jBHR1td0X94u361bD+Yl2gYs99tkoA1uc864PfBTicapqevhqXBfe2bPli+P1HjMZFau4BGuVMGl26IaKDlJ4z69XR9GxxXHs50WbLbi8A18RTeErh51WZZT1hTTFgpx8Wj7SPiqT6sk2OKH85r4C64UsDKzqnBGXfUUoaF896nUJnkSv+mHvRIiKMBhUQOnzzGvH0q9+asmY9apqZqwWc8aGDOMEMlgeQqBSh0UaQD22I7sefTarkFgLNnOpA0eH+qwd6g/odX+VyWw0B1a1m/yLPc5VQZ9z1ZJO8LXb4Yorbd1/WLme7UEB7Br12FcFg/ZVo26XIsA9JtiBKdazloxFP0QQwOJpQUoEjgw93VsQ3pt0rCKNoh6nJyXVGcOwwfMadcXQ+URvH/535+00eY4Eg5/ZL+wfUy1pGJUknZOjnbjEmHEYhuwY0p+xm4xZM1K02w1DWcc8bsinMtmiZWNyuCBZ/tnhHYjz/gZOqLusgwBzQVdtPFQXeYDvHlRxcwtsR2I1jR9SKidvOb2pk7D0/kiKuOXx3pmDw5FAHRbmXVlZ+alSxe+4HSudixfa/PJYY6Eemo0ktJr68h52YcGKvsH9D7x9FV7L9S7wdKwKBuXmBW7fbMtZ0BIRzFlPcb1mY8ntpsX2YgAus0cM0qxRLPWt11KxvfcjqrgC9arE3m8J7feJRcQVJAes84r6u/mgbUnqdz/g0C2uJoV7kk9/KWCVLowW5ORS7lvZ2j/6qCOkew+f52I2ryqjx4+q25//1yT9tDo/my+SlZlz9lr8OddjuCHGldrDBnEGEwnJXBXmdJ7Xq+JKtBPmPRepewmW94ROGVEY9K48+r8iEhAznTxgVGdE9OK0EXnSCFdxvF8a4KTC1Ny8Zq277BNLiFcCHMD5HehYtchD+hZ78FWBoBAN+khLymyyAIGWcla7LW81lgicCQdtdia8MPAHdkHyHqG3pIuhuevM/bixgPysZe4Rwr4s4LcvH3W5BE8gV/6w1+RwejMzCR+Jv8/G9EW8Qz+QweIxZKCjA+nX4c6tn9YafUNfl8U+c1WMdwvXA8da6Z3RRuDsXagAVvT0Zx9Q6pk/qsCKSAz81zXtftFfEDNTw/nMbh6QWRZTY4Kn5/OFXffSAj/76bBAdiYoRFp7c2MrwXBTZt5pD1sm2GIVcEfwtp20adf2iZUXI3wDWlCAVZI5VLf66mMwGYAxzCvliGo+7viL19Yj4IKz07ZosMPW/Pqf0/rIzp+mP/O7JxxH0LzTZ8zGtGsO3EIT5x6VTrXW+L9lge9UMLP5ZbfCvOYlGnOieBpEnRSBxN+/eBNf0jbtwEE6BaozVxV4qWOLQ7+6ikfdG+BKwuxCyI+r2b+g2NMtkX7R7cfVDKWi/gCEkD1c1Ky8sLXhvgeOPvh4qJZ6E8Gr7NTbEFPc2vDsW2W8mljtFp6cCZWosryRHK3Q9DvR88m29NkVnXuriQIOiSsaDp+v21M4flUcLzYevBAC9r+MVqNvoDRCgVFjcygNXK7CxYFjb/lo07VvZQtl0mzn/Otv+dJ11dtrwHk1UA6tdCwes3k0nU2LSxsx7NMSPZetsmaMukJHoPXdCR9H6ozoxGmr2WYyJZLOZFAdgw2k9BCz3X693OLyGTsy3q+eeJJse92yaIg671/f8egn4PAMxQK2Xw0LvfdJ9B7c+QdSTPSvlCrZ4Lh/2hqm7tbaXDbzAlhudSEo7AeuWmqpzy1XKV1y1VBrpKRLqVS5lZqeN9q9BsTmNUoQMWRNIIGGI0XkysEScgVZo7HhYrA0aAlSowo8FVfuy+XFmorhOEEon8u5xsF5YIw5cionoMIFh21XR0sHiuumDtJfw+nn5hSVFWL+V9RU3FYyIFJvSGw2pNUyigX8KucDmjaOO3Bvn06XsQhbfOaUdPbnuSDWmjIkk52TYV1aNI3hlkhWrKEZPiwDGryPcPb7/Ixlz7apHkTh/YWvfmssF6S4khbvD3qJkQUWXBXnfiCUUkiJjQJl8LXtE8qdI6jFbdF2J7mu27yXl43z97C9g1SN2WwEo+DDkObPelpEHXkd0m3DNIkujVNKNF9TIezf1qxppdCImhf8Nwnarv4P/VOMM/3wQcw64DIJu3BnjxDwIDUjN3naMmojezm6PDDcFx+Ol8O5Quw18GQm4C8a5h/RSz6PcFW6gBTF2TGVxVQqOnGZIaKGYyadOBUwWhwpFM4Y1MpYAgHXq/BteO+aKbcGIUWgMKKyNSR6Nh9uugYs7CCqHCz0wqgp3YfYbHnElEZhgWfJP543fd+OS41IMqszGjM6JGmUvvg9tHyEgvCIZTK3WEHARCLmcidiR8TB3iQBqz1BqRqWJ/DARE8S1J/U4IxL0EWBgb6I+QLx5xePxrdV5SfrZ+F2GEjsUZXVNHgaDMdNWksQNZ/HAKcNGmU0nvEEBI+zOmE1ixxXPm4m1bBJHT+kVHkwo8pXEAkasZwTWC2AFfRVYw0/UY4tLq1YqLSjZyuaR6j5wJb4Am+yT3GWVXuc3YgNU83gbblc8JKsfUjQ0L5j3pUFcXIGcoAV0C7w+b5qRiJWxBErkn8ZuXeyWAoWfemlAxdpvLdw/rhqXbvasEXY8sC1hfyKcpB8b7lbyP1XAe4WscLzxUNbd3X21NY3PEFzwXuLtt5Rf5iKPSWQIjsIvr/VrYbw/OC7CL8vM/BTHHZ55YaJMpDOt7RtatpZOdw2n15Dh+tLjS8AfuXjPRzeub9QBzVvdrYJhQEUH2mkv0y498BGwnfvijtoFbU3Sdq2X/d0S3tLyzSL91Nz82OgBPgsau+ygT+tOAg51HCfXdGfynGqERTva8A2qPL7Pa2N3Ls/nZdAK99y6Ck2565DLW3UxLJRY+2t9/xuvrPZ0tpSWb6t0rfV0rSP09HWuq61dby1TQuiErxMpJfcprdDFTUPVbNFNztYaj1l+dW8n5pbXuQ0q1uaD4MnoFCi390nuhjf9yDYvxyyI3SaF10Xx0rlJiw63a3kU6p1K2dwkvyxWxyr1c8TOkFOXWKKqj3bivIEX2HGbbpAYuXDjqpD1sE+n1ZtncRJrmmgcniVDOuwvPWSCuywnn9aY7Uv01DN6xDTt1qlQ9e7hUtbhMKWpcJEBSFb9eUYXAJH5nq0kvshDm1FrWW38o7B29Blz859WyPPA1+bjwap+Pxkhtd1IKIw9fzlyk7V2k5MnmuVXsmttUNzrH3xttYH6JqjOKK2Q+emv175PqQ38T+9m6S7yfU8q8D+BxhTReHCvjTnWkAM91JY2Qkb5AGPQqWJqA76nlw+w/e9OYBipi4d2ktIeOROv1BFcW+agChA3eslEXUGbcIGARTc4nhT11BZ66XXzTFLFNyZIT5MLW+ryBmodW2VrEXDRMZqRD/2qyML72XgQpGELfNoz70gvo7BkBzxWp6ehAVacnpetXkN6xJGdgiJyhpJh7aCMIgDMcpRT8qiaLvL7GaNU+Zn4uilrga3YoM+iKsHHqj9Gu4ngrpFHoWrvlFQPsPcpxljqOLsvdmmjbremsHra9+uSsGD+oVupbsOb7FxZYU6sqxRbdx0nWOxkkkius4vnw/K0WCJR5uI75XXT314Bs+9DTnBxbyRmNG5ww5BgWPUJhnZsl2WW3N5+3UrdiU0LiqxIC9fJhufNl+WTJqu0LcSkkxX4zFAe5RWRLVcPj5TM1NFRtP5bbfkc/YbNNUIiLnpTBLTsrspgCMZx2nFakMvJucoijwaUMaKeL7QQuej6KO23JFlQItUujYzO/SYuE07fbvIRNG8Mncpo5d3l5lK0jIjmdu49Y9bX6o26YlZc7PfHf90vMdmHlwZQTyHDNX1Gl5k1j7cP4/5MNEp40QJzTM3GLiv0JrfBR4uAff0qBBMW0KU4Vmq2OMqcLMdTDevaPiCmbY4wYyVL1gZNnVRsj4HLpaAueanq4LcCplXpRKikymU6Yac4eu+EIo+1/N5+s9Fwi90QP2NrgCKGpTDLDKWLaRW6kbPamN3EZmKRIQQydUebES0+XGqdqhbgMSm4uH9hb7wAaqOIV2C4KPUvmIEL1APfA34K5lmixV36G80KLsbUo1CnurCyBRF7kcFS+9EsYX/zQff8B/bfdPkyzspMI4qjpnsXrrAo7/1qdfnS0TM3AaS2UTvR8eLVuLejuwLlHdbwnUWXZFVmoxhnaLLjjCbNfiZ2QJJLgiK28qOukylyxZyeuJP3C/pIbQ6TF2uhXgacKZWFbvgz3Gvwh5gaGdtICHZdAPwPaCzIujae1fMdOF92d4QwWHvOX2LKDJlj2i6NjfohqsghFuuG9hKraXN0ohV0EOkGaLLLzOMvuhXE8vU5dbocsZoDMlMITNy+TWi0JKIL5DU+0/pd0f0Q4m6CXWp8MHQI+V9nhncwSDKMcoQ/chzV79bKc+/vvg5/SFwO7907PD5u/dUyvev9D2jX0ZZdAeSRi/vf6q83WOzJxiYWhjKH9p6DmKUdtw35f4SxqtbH7ojScWHFrnW+D7lYm1Nk+HmayrwdPRCvfYm8MsljxofEc2MuDX32w/MM+iluvzrDZwTceltup9uht0Gl48d+QnHW05UsjzXa/nn2bNs83T9EHZou8nt48sFOPs17893CbXb2sNLWTGNjpU4AMOTrLhWy45PXquVRqxOVQTWSGNWhyr8yB548oJWYAPZXcDhzcKO93+8B+O5R8xKqN5cmoykFCo1rhYFYK2ohGezRtQVjG6p8jnAOlUpj+PqbcS/nlICNWQ4C7BEcP1Ob9/Ync6ta4I3LnJIVkb7NmHdWKj2wr9ZzKTi75sXK1NDe5xdY4opz8rE/QenH/csWXYqFdmbcQjX2AfitpBEGpG7fPIuvfCrKxVav9YQYmWkjg43qALTfJdtzKoUxnxE/3fROm/RjKi7uzAnOaggSFnXnpbrIHC2LNeWovFl2pZqrgn/5KLksjEiIMNi/IhEo/RFZZg/axYDKS/YJUzrU7tgh9uDm7jtpCFIWb892x2I2yqyMSrebr9Iq2PWsJ2MXrwrNSIh3QA5A2/ZUIK01fbwvmYEF8qGqpBiLGXqXS8euwZiLI7V9qaPLhj20UJP92qVF6V4vUQdYs38l9BVgSncYOG7ZVktitrffvtB2b7QJ+KGmnNevJUjWevhiBCvUiGNPdyGeAXLt0J4fpCc2GkF99XTUkG4V/tqpKXH9empBxVnv2uDXXpfE8msmmNWlOMY2F+wyVDMGSdCYePmYm6TodOyCznT5nDINFHQIiX4YnU6oV3q9UgwncylOGaSZo+XSaQmVjuzBk3GaKQXRxZxug1Jvs/0w2D4f1vxyUQeGBZ5vTID+4dc8sd4T+3QvlfAXB+aI7+Uzc7zFA+LOZxf5KC8Qm1vf8xIAdBoUzl1NKP+RHdF4fip5lcamnY3d1S1v1b/tWPIYi8RhL2k5Q5naUGg8Toa12iTmFmbUA0UTWh0CTOmS+pigHclpDhx8GaovSWjLXQr0VIEoh/z1KUTtn3XeOg79DC+5CSU6RrdPemTX/1sidv6D5gVaVZsJTPnUzslV6vFUvXVEunVHIlEc7VXZpNLbbKvMbBsb6/ks3+LoeXTV9IQsgMN9l0b2gJZnPNpOM7uvZ4uWbYd59RTOTw3JGXpnvqqhbX+G0DKVCtgEl1ULRPf3ergkN9PF64EEHWZRt3E2621fPSHaj+xSL2HhlzwdT2zqvh/wZdsCEjNo4ouILd7Ice1bRHwfpVWBZhjfZiZTAtFNVMLg6gWMhhqmWhK0R3EpoKtxyuWzS1q5mrpOwq8eVy3C/FReRMIHKeZKEI+eYiuoml2CPoMFjX6q8Blv0cE3VuoQk8K5yeMpdNHIIks3xhLCSXlfE8qv3x+jw9QYphS4zLHNf3ztrEmMJ04G012UsPX5+tqukXbV2hKbUkRTI6c+DxDflMhxosCIc/zgJhHFUtdjylvWCkpuL42dWDfpOluaqlZ1hNBtNsLfBGRqUJmISv9Z4FEekvgjWtsbGr8Qe52I7i9JfgRXgOQvV7bJNat+OttY/QwykuNwH4jC1b5ZUvZp7+uq2Fkurs4mgOhdrW/d9jgTQ67pgKDr8hm/k7o9o7s506y2CeeY3PuO8FmnbzvbtYPLa3/W/rZFJZ7GgIM367XwPYjgMpr/EMg4XoDm5Gul1gHs7/CISab3zugk04MaA0IVEUvrm3upWDR8DcKhltQMFyNgiETI/gne62kTd6c2dbk5WHDrx7ZJIsqcKYvSuJRlIaioBtFwTsoCv6UogTAdcgJLcgJzyInPIKc8KGUoi90wfSaRuwAoo+oqbqR2ucRpg4/cj3BTJj9KeZx4GfjmmAX5TmWYClTMNymzwQlxWmDR9V+/iOcJPZfmB6Hl+AGjY0o4tRt1vcHu4bFan2yz+AbRjNb8o1STjdGGqNOxX4SITVpyCPXI8yhiT3BAiYe3zIV+Khk5iRCPmjT+3Slep+uBvng5DGLQfEXA8EA9nbrnXoAsXwxe7+uItAIfo368Ug3QmBq+wjobfQx+gR9ij5Dn6MvwJfgPekrUvwaqSK+Vd7D7+D3zA8e2vh2IzD9tenxVD6JC4512xt8lj5HfT9Pfxp+os4HtAVdwYzKnKq+Qszxexo3rGwLcrd2VdQQN1mXx1PcwC1u4sPbzBNELv2LaLDdUtP2obQxK8azHoO4W3iD3T49fWeU2efR3f7/yLFYZmDQXvc9K9lagUUAMeLefxasAjCHfVgAZB6IdYs50Xu13bqLF9b24I9ZD2sDbi14/z8gy1ixltjgvOUB5LoAgBXYzalJgsaMrR1tXYdRRlGH9RQdsE+6xmRg8yIeo8oxRuMQBSoPuMOMYMLds4xGCJ+H2SMi5abus/wCVY5tNA0Xm0y9xGM0JtAOq1pgK0BdKAf7DKGv0Mfoy9F/ZGlalNvlwnlCchgtRL9lW6Ar4KN+oSdgIxXpIJyF27gO2O/NAlh1VXeNOyPd9/3SIKA/VCk39Y4EPYiuHeMBHJpWkm3QeJELPEYL0W9ggZKa9zGHzv8bI7DHe/4Ybhfe2E9ioO9JM323bubsSkQviMw+n3QNJUe8tOtrzy5v2Ea67A2xVZTs4u8y1jjnu53NC3kEbiE/ZjsiulOj20Q68U6YEimtxkuuC3vL8YZLo2sFEadQxuvG9lE0et6+lk+7MQHoN0PYlsaXb+vaN3tr1y42dVmkfSbV5xi3BbV1u11M9wD0lOzLXnYCR90t4wt+riuoKA19yuwD2pLAJwQ7Z3y+cIni8kg618nUSAT2O6VK/3WBIa1hT2ew7EoFSraMIj+TWE0+94raHAJwET9+Z7plXEjq3xDH3QDg5IGO+5L8L2+J/+iwzxPMxgEiBgAI/iyZoHAmMP0/eE5k9y6iNe1k6w7Wz4ucrqTpxyZ3BeUJv2Ryp3XFTPYdyL7JIwR4RkjzN7azXi2CIME0pTXodZc7ISjd+rL4FHxGEy3ARHUAx1V/LZvijl8wWV2m1fSCf+swc0W06Oqa5m6SKzytRnhQVagM6MchRgkJMXYE8YhB9umKooTpGRqNkK4fx4OW+u+4CrcGYrgTZ5vmG9TUjtfniqYZUWT6Ug0eE3hkiUG5nBpgjF14DXbo+DQRbfpV13zMplIJCuc+VLJxGgazxFwWI3ZLnj65X500xB03oZ0ML4aSP6GvQXKbuPMrUqvmaQh3UGZrRUZNiYo9tXTRU7xGldSypY45bArLULMztAb65imdIOaRDYpIUF5BsIo7KQ6/UzSwtI2SedS1k7QoIXPSc0GTF4uzWhxLxvwNxF7h9r12LLYXId9FD5srO/S32bKeWzZPJqX/AM3Qh1pufSt76jiQvYEl1mM0eM7TMkwAA3t9SDm76ZaXKLZ565vpO0ixvfQyCI2j5BOhV/k2PiV3sRt4KqFl/mDuDnUz6m7Vv78RPb3I1jPMXVCqVYif+ETFHnW3rchMb51e1uuVpzL0lgGTIAUMaRUFcKADsIEE0QIZmKfyDUlFZYco2a6/43QDCaXskcMGOK2s5KFzqPyi7sjfJ9S8NVojj8oX1MjuyfEEQICPcWimAWgjLBwkJq0OJjidHZz2iY3OZzsEkdnrENlynSNYYl5yhDKXYg8j1bqTCAhsnC7y5KtQKJtXlmIyhUu8NLLBBZiyuQOUyDbJdEUmyDWZrL9CeaaZYhIH7US0uJXmebTIijZBcrF80286Jyev7Ey1xEQOqsmTw7nKtdAUZezyTeDlky3XBGUZ43LKph7QHK7xqeAQevtocWRlEtJlA01RZMpRKTVFXerpxVxFxb68nF7jsq7GbdU20BueIVJOwsfFq4TPBIUSOLi4JMrQVz99dZMhaPC4WTsYygEnZqs4mrwYKdxeuPlYKTLJqDS/V4o4hCo+DvNQb/QI+vHorefgMTPMm4Y5u075P6JIXhH/e1/ynwEA) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body,html{font-family:var(--monster-font-family);font-size:1rem;font-weight:400;line-height:1.4}html{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-paragraph,p{font-size:1rem;font-weight:400;line-height:1.4}.monster-h1,h1{font-size:3rem;font-weight:400;line-height:1;margin-bottom:1.25rem}.monster-h2,h2{font-size:2.5rem;font-weight:400;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h3,h3{font-size:2rem;font-weight:400;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h4,h4{font-size:1.5rem;font-weight:400;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h5,h5{font-size:1.4rem;font-weight:bolder;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h6,h6{font-size:1.3rem;font-weight:700;line-height:calc(4px + 2ex);margin-bottom:1.25rem}p+h1{margin-top:3.75rem}p+h2{margin-top:3rem}p+h3{margin-top:2.25rem}p+h4{margin-top:1.5rem}p+h5{margin-top:.75rem}div+h1,div+h2,div+h3,div+h4,div+h5,div+h6,p+h6{margin-top:0}.deco{text-fill-color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--monster-color-gradient-1) 0,var(--monster-color-gradient-2) 50%,var(--monster-color-gradient-3) 100%);-webkit-background-clip:text;background-clip:text;background-size:cover;color:var(--monster-color-secondary-1)}::-moz-selection{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}::selection{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}kbd{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;border-radius:10rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;padding:.25em .6em;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}details{margin-bottom:1rem}summary{cursor:pointer;font-weight:700;padding:.6rem 1rem}details[open]{padding:.6rem 1rem .75rem}details[open] summary{margin-bottom:.5rem;padding:0}.monster-no-user-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes details-show{0%{opacity:0;transform:translateY(-.5em)}}details[open]>:not(summary){animation:details-show .15s ease-in-out}details[open]>:last-child{margin-bottom:0}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}[data-monster-role=overlay].hide-empty{display:none}[data-monster-role=overlay]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);height:100%;left:0;overflow-x:hidden;position:fixed;top:0;transition:.5s;width:0;z-index:var(--monster-z-index-offcanvas)}[data-monster-role=overlay] [data-monster-role=overlay-close]{cursor:pointer;height:40px;left:10px;position:absolute;top:10px;width:40px}[data-monster-role=overlay] [data-monster-role=overlay-close]:before{background-color:var(--monster-color-primary-1);content:\"\";display:block;height:100%;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}[data-monster-role=overlay-open]{cursor:pointer;height:40px;left:10px;position:absolute;top:10px;width:40px}[data-monster-role=overlay-open]:before{background-color:var(--monster-color-primary-1);content:\"\";display:block;height:100%;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}[data-monster-role=overlay].open{width:100%} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}.monster-form{accent-color:var(--monster-color-secondary-2);align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative}.monster-form label{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:grid}.monster-form label:has(input[type=radio]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.monster-form label:has(input[type=radio]) input{margin-left:.4rem;margin-right:.4rem}.monster-form label:has(input[type=radio])~label:has(input[type=radio]){margin-top:.2rem}.monster-form label:has(input[type=checkbox]){display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.monster-form label:has(input[type=checkbox]) input{margin-left:.4rem;margin-right:.4rem}.monster-form label:has(input[type=checkbox])~label:has(input[type=checkbox]){margin-top:.2rem}.monster-form label~fieldset,.monster-form label~label{margin-top:1rem}.monster-form button,.monster-form input,.monster-form select,.monster-form textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none;padding:.4rem .6rem}.monster-form button{border-shadow:var(--monster-box-shadow-1);background-color:var(--monster-bg-color-tertiary-1);border-color:var(--monster-bg-color-primary-3);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-1)}.monster-form option:checked,.monster-form option:focus,.monster-form option:hover{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-form input,.monster-form select,.monster-form textarea{border-bottom-radius:var(--monster-border-radius);border-bottom-shadow:var(--monster-box-shadow-1);border-shadow:var(--monster-box-shadow-1);border:0;border-bottom:thin var(--monster-border-style) var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-2);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:thin}.monster-form button,.monster-form input:not([type=radio]):not([type=checkbox]),.monster-form label,.monster-form select,.monster-form textarea{width:100%}.monster-form label input:not([type=radio]):not([type=checkbox]),.monster-form label select,.monster-form label textarea,.monster-form label+input:not([type=radio]):not([type=checkbox]),.monster-form label+select,.monster-form label+textarea{margin-top:.2rem;width:100%}.monster-form fieldset{background-color:var(--monster-bg-color-primary-1);border:2px solid var(--monster-bg-color-primary-3);box-sizing:border-box;color:var(--monster-color-primary-1);margin:0;outline:none;padding:2.5rem 2rem 2rem;position:relative;width:100%}.monster-form fieldset legend{font-size:.8rem;max-width:95%;overflow:hidden;padding:.1rem 2rem .2rem .5rem;position:absolute;right:0;text-align:right;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:nowrap}.monster-form fieldset~fieldset{margin-top:1rem}.monster-form button{margin:.2rem 0}.monster-form button:first-of-type{margin-top:1rem}.monster-form button:last-of-type{margin-bottom:1rem}.monster-form input:focus-visible{outline:none}.monster-form button:focus,.monster-form input:focus,.monster-form select:focus,.monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){.monster-form button,.monster-form input,.monster-form select,.monster-form textarea{background-color:var(--monster-bg-color-primary-2);border-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-2)}.monster-form button:focus,.monster-form input:focus,.monster-form select:focus,.monster-form textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}.monster-form button:hover,.monster-form input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),.monster-form select:hover,.monster-form textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:300;src:url(data:application/x-font-woff2;charset=utf-8;base64,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) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:300;src:url(data:application/x-font-woff2;charset=utf-8;base64,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) format(\"woff2\");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body,html{font-family:var(--monster-font-family);font-size:1rem;font-weight:400;line-height:1.4}html{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-paragraph,p{font-size:1rem;font-weight:400;line-height:1.4}.monster-h1,h1{font-size:3rem;font-weight:400;line-height:1;margin-bottom:1.25rem}.monster-h2,h2{font-size:2.5rem;font-weight:400;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h3,h3{font-size:2rem;font-weight:400;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h4,h4{font-size:1.5rem;font-weight:400;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h5,h5{font-size:1.4rem;font-weight:bolder;line-height:calc(4px + 2ex);margin-bottom:1.25rem}.monster-h6,h6{font-size:1.3rem;font-weight:700;line-height:calc(4px + 2ex);margin-bottom:1.25rem}p+h1{margin-top:3.75rem}p+h2{margin-top:3rem}p+h3{margin-top:2.25rem}p+h4{margin-top:1.5rem}p+h5{margin-top:.75rem}div+h1,div+h2,div+h3,div+h4,div+h5,div+h6,p+h6{margin-top:0}.deco{text-fill-color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--monster-color-gradient-1) 0,var(--monster-color-gradient-2) 50%,var(--monster-color-gradient-3) 100%);-webkit-background-clip:text;background-clip:text;background-size:cover;color:var(--monster-color-secondary-1)}::-moz-selection{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}::selection{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}kbd{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;border-radius:10rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;padding:.25em .6em;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}details{margin-bottom:1rem}summary{cursor:pointer;font-weight:700;padding:.6rem 1rem}details[open]{padding:.6rem 1rem .75rem}details[open] summary{margin-bottom:.5rem;padding:0}.monster-no-user-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes details-show{0%{opacity:0;transform:translateY(-.5em)}}details[open]>:not(summary){animation:details-show .15s ease-in-out}details[open]>:last-child{margin-bottom:0}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}[data-monster-role=overlay].hide-empty{display:none}[data-monster-role=overlay]{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);height:100%;left:0;overflow-x:hidden;position:fixed;top:0;transition:.5s;width:0;z-index:var(--monster-z-index-offcanvas)}[data-monster-role=overlay] [data-monster-role=overlay-close]{cursor:pointer;height:40px;left:10px;position:absolute;top:10px;width:40px}[data-monster-role=overlay] [data-monster-role=overlay-close]:before{background-color:var(--monster-color-primary-1);content:\"\";display:block;height:100%;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}[data-monster-role=overlay-open]{cursor:pointer;height:40px;left:10px;position:absolute;top:10px;width:40px}[data-monster-role=overlay-open]:before{background-color:var(--monster-color-primary-1);content:\"\";display:block;height:100%;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}[data-monster-role=overlay].open{width:100%} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/host/stylesheet/toggle-button.mjs b/source/components/host/stylesheet/toggle-button.mjs index ff7a973018a86355daa5dd992d3f517129efea62..25d96ed5a27655d9cac8f98b5d0d4f78994d09d6 100644 --- a/source/components/host/stylesheet/toggle-button.mjs +++ b/source/components/host/stylesheet/toggle-button.mjs @@ -20,7 +20,7 @@ const ToggleButtonStyleSheet = new CSSStyleSheet(); try { ToggleButtonStyleSheet.insertRule(` @layer togglebutton { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}[data-monster-role=control] a[data-monster-role=filter-button]{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a[data-monster-role=filter-button]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px}.hidden[data-monster-role=control]{display:none} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.monster-button-primary,button{align-items:center;background-position:50%;border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-primary{background-color:var(--monster-bg-color-primary-4);border-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-button-secondary{background-color:var(--monster-bg-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-secondary-4)}.monster-button-secondary,.monster-button-tertiary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-tertiary{background-color:var(--monster-bg-color-tertiary-4);border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-color-tertiary-4)}.monster-button-outline-primary{background-color:var(--monster-color-primary-4);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-primary-4)}.monster-button-outline-primary,.monster-button-outline-secondary{align-items:center;background-position:50%;box-shadow:var(--monster-box-shadow-1);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}.monster-button-outline-secondary{background-color:var(--monster-color-secondary-4);border-color:var(--monster-bg-color-secondary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);color:var(--monster-bg-color-secondary-4)}.monster-button-outline-tertiary{align-items:center;background-color:var(--monster-color-tertiary-4);background-position:50%;border-color:var(--monster-bg-color-tertiary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);color:var(--monster-bg-color-tertiary-4);cursor:pointer;display:flex;font-family:var(--monster-font-family);font-size:1rem;font-weight:400;gap:.4rem;justify-content:center;line-height:1.5;outline:none;overflow:hidden;padding:.375rem .75rem;position:relative;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:-webkit-fill-available;width:-moz-available;width:stretch}button:active,button:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}button:active{z-index:var(--monster-z-index-outline)}.monster-button-bar,.monster-button-group{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.monster-button-group{box-sizing:border-box;gap:0;margin:1rem 0}.monster-button-group>:not(:last-child){margin-right:calc(var(--monster-border-width)*-1)}.monster-button-group :hover{box-shadow:none}button:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px;z-index:var(--monster-z-index-outline)}@media (prefers-color-scheme:light){button:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px;z-index:var(--monster-z-index-outline)}}[data-monster-role=control]{outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:after,:before,:root{--monster-font-family:-apple-system,BlinkMacSystemFont,\"Quicksand\",\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";--monster-color-primary-1:var(--monster-color-gray-6);--monster-color-primary-2:var(--monster-color-gray-6);--monster-color-primary-3:var(--monster-color-gray-1);--monster-color-primary-4:var(--monster-color-gray-1);--monster-bg-color-primary-1:var(--monster-color-gray-1);--monster-bg-color-primary-2:var(--monster-color-gray-2);--monster-bg-color-primary-3:var(--monster-color-gray-3);--monster-bg-color-primary-4:var(--monster-color-gray-6);--monster-color-secondary-1:var(--monster-color-red-4);--monster-color-secondary-2:var(--monster-color-red-4);--monster-color-secondary-3:var(--monster-color-red-1);--monster-color-secondary-4:var(--monster-color-red-1);--monster-bg-color-secondary-1:var(--monster-color-gray-1);--monster-bg-color-secondary-2:var(--monster-color-red-2);--monster-bg-color-secondary-3:var(--monster-color-red-3);--monster-bg-color-secondary-4:var(--monster-color-red-6);--monster-color-tertiary-1:var(--monster-color-magenta-4);--monster-color-tertiary-2:var(--monster-color-magenta-4);--monster-color-tertiary-3:var(--monster-color-magenta-6);--monster-color-tertiary-4:var(--monster-color-magenta-1);--monster-bg-color-tertiary-1:var(--monster-color-gray-1);--monster-bg-color-tertiary-2:var(--monster-color-magenta-1);--monster-bg-color-tertiary-3:var(--monster-color-magenta-2);--monster-bg-color-tertiary-4:var(--monster-color-magenta-6);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-4);--monster-color-destructive-3:var(--monster-color-red-6);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-4);--monster-bg-color-destructive-2:var(--monster-color-gray-1);--monster-bg-color-destructive-3:var(--monster-color-red-2);--monster-bg-color-destructive-4:var(--monster-color-red-5);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-4);--monster-color-success-3:var(--monster-color-green-6);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-3);--monster-bg-color-success-2:var(--monster-color-gray-1);--monster-bg-color-success-3:var(--monster-color-green-2);--monster-bg-color-success-4:var(--monster-color-green-5);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-4);--monster-color-warning-3:var(--monster-color-orange-6);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-3);--monster-bg-color-warning-2:var(--monster-color-gray-1);--monster-bg-color-warning-3:var(--monster-color-orange-2);--monster-bg-color-warning-4:var(--monster-color-orange-5);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-4);--monster-color-error-3:var(--monster-color-red-6);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-4);--monster-bg-color-error-2:var(--monster-color-gray-1);--monster-bg-color-error-3:var(--monster-color-red-2);--monster-bg-color-error-4:var(--monster-color-red-5);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-3);--monster-color-primary-disabled-2:var(--monster-color-gray-1);--monster-color-primary-disabled-3:var(--monster-color-gray-4);--monster-color-primary-disabled-4:var(--monster-color-gray-4);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-1);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-6);--monster-color-gradient-1:#833ab4;--monster-color-gradient-2:#fd1d1d;--monster-color-gradient-3:#fcb045;--monster-box-shadow-1:none;--monster-box-shadow-2:-1px 1px 10px 1px hsla(0,0%,76%,.61);--monster-text-shadow:none;--monster-border-style:solid;--monster-border-width:2px;--monster-border-radius:0;--monster-popper-witharrrow-distance:-4px;--monster-z-index-default:0;--monster-z-index-outline:10;--monster-z-index-dropdown:200;--monster-z-index-dropdown-overlay:210;--monster-z-index-sticky:300;--monster-z-index-sticky-overlay:310;--monster-z-index-fixed:400;--monster-z-index-fixed-overlay:410;--monster-z-index-modal-backdrop:500;--monster-z-index-modal-backdrop-overlay:510;--monster-z-index-offcanvas:600;--monster-z-index-offcanvas-overlay:610;--monster-z-index-modal:700;--monster-z-index-modal-overlay:710;--monster-z-index-popover:800;--monster-z-index-popover-overlay:810;--monster-z-index-tooltip:800;--monster-z-index-tooltip-overlay:910;--monster-space-0:0;--monster-space-1:2px;--monster-space-2:4px;--monster-space-3:6px;--monster-space-4:10px;--monster-space-5:16px;--monster-space-6:26px;--monster-space-7:42px;--monster-breakpoint-0:480px;--monster-breakpoint-4:480px;--monster-breakpoint-7:768px;--monster-breakpoint-9:992px;--monster-breakpoint-12:1200px}@media (prefers-color-scheme:dark){:after,:before,:root{--monster-color-primary-1:var(--monster-color-gray-1);--monster-color-primary-2:var(--monster-color-gray-1);--monster-color-primary-3:var(--monster-color-gray-6);--monster-color-primary-4:var(--monster-color-gray-6);--monster-bg-color-primary-1:var(--monster-color-gray-6);--monster-bg-color-primary-2:var(--monster-color-gray-3);--monster-bg-color-primary-3:var(--monster-color-gray-2);--monster-bg-color-primary-4:var(--monster-color-gray-1);--monster-color-secondary-1:var(--monster-color-red-1);--monster-color-secondary-2:var(--monster-color-red-1);--monster-color-secondary-3:var(--monster-color-red-6);--monster-color-secondary-4:var(--monster-color-red-4);--monster-bg-color-secondary-1:var(--monster-color-gray-6);--monster-bg-color-secondary-2:var(--monster-color-red-3);--monster-bg-color-secondary-3:var(--monster-color-red-2);--monster-bg-color-secondary-4:var(--monster-color-red-1);--monster-color-tertiary-1:var(--monster-color-magenta-1);--monster-color-tertiary-2:var(--monster-color-magenta-6);--monster-color-tertiary-3:var(--monster-color-magenta-4);--monster-color-tertiary-4:var(--monster-color-magenta-4);--monster-bg-color-tertiary-1:var(--monster-color-gray-6);--monster-bg-color-tertiary-2:var(--monster-color-magenta-2);--monster-bg-color-tertiary-3:var(--monster-color-magenta-1);--monster-bg-color-tertiary-4:var(--monster-color-magenta-1);--monster-color-destructive-1:var(--monster-color-red-1);--monster-color-destructive-2:var(--monster-color-red-3);--monster-color-destructive-3:var(--monster-color-red-4);--monster-color-destructive-4:var(--monster-color-red-1);--monster-bg-color-destructive-1:var(--monster-color-red-5);--monster-bg-color-destructive-2:var(--monster-color-gray-6);--monster-bg-color-destructive-3:var(--monster-color-red-1);--monster-bg-color-destructive-4:var(--monster-color-red-4);--monster-color-success-1:var(--monster-color-green-1);--monster-color-success-2:var(--monster-color-green-2);--monster-color-success-3:var(--monster-color-green-4);--monster-color-success-4:var(--monster-color-green-1);--monster-bg-color-success-1:var(--monster-color-green-5);--monster-bg-color-success-2:var(--monster-color-gray-6);--monster-bg-color-success-3:var(--monster-color-green-1);--monster-bg-color-success-4:var(--monster-color-green-3);--monster-color-warning-1:var(--monster-color-orange-1);--monster-color-warning-2:var(--monster-color-orange-3);--monster-color-warning-3:var(--monster-color-orange-4);--monster-color-warning-4:var(--monster-color-orange-1);--monster-bg-color-warning-1:var(--monster-color-orange-5);--monster-bg-color-warning-2:var(--monster-color-gray-6);--monster-bg-color-warning-3:var(--monster-color-orange-1);--monster-bg-color-warning-4:var(--monster-color-orange-3);--monster-color-error-1:var(--monster-color-red-1);--monster-color-error-2:var(--monster-color-red-3);--monster-color-error-3:var(--monster-color-red-4);--monster-color-error-4:var(--monster-color-red-1);--monster-bg-color-error-1:var(--monster-color-red-5);--monster-bg-color-error-2:var(--monster-color-gray-6);--monster-bg-color-error-3:var(--monster-color-red-1);--monster-bg-color-error-4:var(--monster-color-red-4);--monster-color-selection-1:var(--monster-color-gray-6);--monster-color-selection-2:var(--monster-color-gray-6);--monster-color-selection-3:var(--monster-color-gray-6);--monster-color-selection-4:var(--monster-color-gray-1);--monster-bg-color-selection-1:var(--monster-color-yellow-2);--monster-bg-color-selection-2:var(--monster-color-yellow-1);--monster-bg-color-selection-3:var(--monster-color-yellow-2);--monster-bg-color-selection-4:var(--monster-color-yellow-6);--monster-color-primary-disabled-1:var(--monster-color-gray-4);--monster-color-primary-disabled-2:var(--monster-color-gray-4);--monster-color-primary-disabled-3:var(--monster-color-gray-3);--monster-color-primary-disabled-4:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-1:var(--monster-color-gray-6);--monster-bg-color-primary-disabled-2:var(--monster-color-gray-3);--monster-bg-color-primary-disabled-3:var(--monster-color-gray-2);--monster-bg-color-primary-disabled-4:var(--monster-color-gray-1)}}a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 1px,0 3px;color:var(--monster-color-primary-1);outline:none;text-decoration:none;transition:background-size .4s}a:active,a:focus,a:hover{background:linear-gradient(to right,var(--monster-color-gradient-1),var(--monster-color-gradient-2),var(--monster-color-gradient-3));-webkit-background-clip:text;background-clip:text;color:transparent;outline:none}a:focus{outline:1px dashed var(--monster-color-selection-4);outline-offset:2px}@media (prefers-color-scheme:light){a:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:2px}}[data-monster-role=control]{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}[data-monster-role=control] a[data-monster-role=filter-button]{align-items:center;background:none;color:var(--monster-color-primary-1);display:flex}[data-monster-role=control] a[data-monster-role=filter-button]:after{content:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-filter-square'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E\");margin:2px 3px 0 5px;padding-top:4px}.hidden[data-monster-role=control]{display:none} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/host/util.mjs b/source/components/host/util.mjs index 99909d8401d62227988e0a9f18b7168537b34d6c..6e45b6df3a0800f60e4d43266b0a955c99efa723 100644 --- a/source/components/host/util.mjs +++ b/source/components/host/util.mjs @@ -5,6 +5,8 @@ export { generateUniqueConfigKey }; /** * Generate a unique configuration key based on the current browser location, * component name, id, and a prefix. + * + * @since 3.55.0 the function remove the hash from the key * * @param {string} componentName - The name of the component. * @param {string} id - A unique identifier for the component. @@ -14,9 +16,12 @@ export { generateUniqueConfigKey }; function generateUniqueConfigKey(componentName, id, prefix) { // Get the browser location without parameters const urlWithoutParams = getWindow().location.href.split("?")[0]; + + // Without hash (since 3.55.0) + const urlWithoutParamsAndHash = urlWithoutParams.split("#")[0]; // Combine the parts to create a unique key - const uniqueKey = `${prefix}_${urlWithoutParams}_${componentName}_${id}`; + const uniqueKey = `${prefix}_${urlWithoutParamsAndHash}_${componentName}_${id}`; // Replace any special characters and spaces with underscores return uniqueKey.replace(/[^\w\s]/gi, "_").replace(/\s+/g, "_"); diff --git a/source/components/notify/stylesheet/message.mjs b/source/components/notify/stylesheet/message.mjs index d19bcda87786adf6421299e72e3c9123466d59a2..52250b4685ba7d90ba139388cf733cf7a4bcd424 100644 --- a/source/components/notify/stylesheet/message.mjs +++ b/source/components/notify/stylesheet/message.mjs @@ -20,7 +20,7 @@ const MessageStyleSheet = new CSSStyleSheet(); try { MessageStyleSheet.insertRule(` @layer message { -:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}:after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}[data-monster-role=control]{outline:none}[data-monster-role=control].flex,[data-monster-role=message]{align-items:center;display:flex;flex-direction:row}[data-monster-role=message]{position:relative;width:100%}[data-monster-role=control]{align-items:center;background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:flex;justify-content:space-between;padding:8px;width:100%}[data-monster-role=content]{flex-grow:2;@mixins paragraph}[data-monster-role=control] [data-monster-role=close]{cursor:pointer;height:16px;position:absolute;right:-10px;top:-5px;width:16px;z-index:var(--monster-z-index-modal-overlay)}[data-monster-role=control] [data-monster-role=close]:before{background-color:var(--monster-color-primary-1);content:\"\";display:block;height:100%;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%} +:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{height:100%;min-height:100%}body{box-sizing:border-box;margin:0;min-height:99%;padding:0;word-break:break-word}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-shadow:none;border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-shadow:var(--monster-box-shadow-1);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}:after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}[data-monster-role=control]{outline:none}[data-monster-role=control].flex,[data-monster-role=message]{align-items:center;display:flex;flex-direction:row}[data-monster-role=message]{position:relative;width:100%}[data-monster-role=control]{align-items:center;background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);display:flex;justify-content:space-between;padding:8px;width:100%}[data-monster-role=content]{flex-grow:2;@mixins paragraph}[data-monster-role=control] [data-monster-role=close]{cursor:pointer;height:16px;position:absolute;right:-10px;top:-5px;width:16px;z-index:var(--monster-z-index-modal-overlay)}[data-monster-role=control] [data-monster-role=close]:before{background-color:var(--monster-color-primary-1);content:\"\";display:block;height:100%;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/components/stylesheet/icons.mjs b/source/components/stylesheet/icons.mjs index f59fc5583402e788aca8daad797947320a176e5f..54911c64ff31a4aa7f22ed08ab0cd6c74264f1dc 100644 --- a/source/components/stylesheet/icons.mjs +++ b/source/components/stylesheet/icons.mjs @@ -20,7 +20,7 @@ const IconsStyleSheet = new CSSStyleSheet(); try { IconsStyleSheet.insertRule(` @layer icons { -.monster-icon-primary-1-info:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-info:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-info:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-info:before,.monster-icon-secondary-1-info:before,.monster-icon-tertiary-1-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-info:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-info:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-info:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-info:before,.monster-icon-secondary-2-info:before,.monster-icon-tertiary-2-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-info:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-info:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-info:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-info:before,.monster-icon-secondary-3-info:before,.monster-icon-tertiary-3-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-info:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-info:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-info:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-info:before,.monster-icon-secondary-4-info:before,.monster-icon-tertiary-4-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-positiv:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-positiv:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-positiv:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-positiv:before,.monster-icon-secondary-1-positiv:before,.monster-icon-tertiary-1-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-positiv:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-positiv:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-positiv:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-positiv:before,.monster-icon-secondary-2-positiv:before,.monster-icon-tertiary-2-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-positiv:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-positiv:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-positiv:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-positiv:before,.monster-icon-secondary-3-positiv:before,.monster-icon-tertiary-3-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-positiv:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-positiv:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-positiv:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-positiv:before,.monster-icon-secondary-4-positiv:before,.monster-icon-tertiary-4-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-negativ:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-negativ:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-negativ:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-negativ:before,.monster-icon-secondary-1-negativ:before,.monster-icon-tertiary-1-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-negativ:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-negativ:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-negativ:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-negativ:before,.monster-icon-secondary-2-negativ:before,.monster-icon-tertiary-2-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-negativ:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-negativ:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-negativ:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-negativ:before,.monster-icon-secondary-3-negativ:before,.monster-icon-tertiary-3-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-negativ:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-negativ:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-negativ:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-negativ:before,.monster-icon-secondary-4-negativ:before,.monster-icon-tertiary-4-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-warning:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-warning:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-warning:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-warning:before,.monster-icon-secondary-1-warning:before,.monster-icon-tertiary-1-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-warning:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-warning:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-warning:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-warning:before,.monster-icon-secondary-2-warning:before,.monster-icon-tertiary-2-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-warning:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-warning:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-warning:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-warning:before,.monster-icon-secondary-3-warning:before,.monster-icon-tertiary-3-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-warning:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-warning:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-warning:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-warning:before,.monster-icon-secondary-4-warning:before,.monster-icon-tertiary-4-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-neutral:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-neutral:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-neutral:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-neutral:before,.monster-icon-secondary-1-neutral:before,.monster-icon-tertiary-1-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-neutral:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-neutral:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-neutral:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-neutral:before,.monster-icon-secondary-2-neutral:before,.monster-icon-tertiary-2-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-neutral:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-neutral:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-neutral:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-neutral:before,.monster-icon-secondary-3-neutral:before,.monster-icon-tertiary-3-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-neutral:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-neutral:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-neutral:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-neutral:before,.monster-icon-secondary-4-neutral:before,.monster-icon-tertiary-4-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-question:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-question:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-question:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-question:before,.monster-icon-secondary-1-question:before,.monster-icon-tertiary-1-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-question:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-question:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-question:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-question:before,.monster-icon-secondary-2-question:before,.monster-icon-tertiary-2-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-question:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-question:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-question:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-question:before,.monster-icon-secondary-3-question:before,.monster-icon-tertiary-3-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-question:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-question:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-question:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-question:before,.monster-icon-secondary-4-question:before,.monster-icon-tertiary-4-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-plus:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-plus:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-plus:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-plus:before,.monster-icon-secondary-1-plus:before,.monster-icon-tertiary-1-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-plus:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-plus:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-plus:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-plus:before,.monster-icon-secondary-2-plus:before,.monster-icon-tertiary-2-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-plus:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-plus:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-plus:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-plus:before,.monster-icon-secondary-3-plus:before,.monster-icon-tertiary-3-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-plus:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-plus:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-plus:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-plus:before,.monster-icon-secondary-4-plus:before,.monster-icon-tertiary-4-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-dash:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-dash:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-dash:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-dash:before,.monster-icon-secondary-1-dash:before,.monster-icon-tertiary-1-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-dash:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-dash:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-dash:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-dash:before,.monster-icon-secondary-2-dash:before,.monster-icon-tertiary-2-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-dash:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-dash:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-dash:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-dash:before,.monster-icon-secondary-3-dash:before,.monster-icon-tertiary-3-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-dash:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-dash:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-dash:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-dash:before,.monster-icon-secondary-4-dash:before,.monster-icon-tertiary-4-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-gear:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-gear:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-gear:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-gear:before,.monster-icon-secondary-1-gear:before,.monster-icon-tertiary-1-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-gear:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-gear:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-gear:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-gear:before,.monster-icon-secondary-2-gear:before,.monster-icon-tertiary-2-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-gear:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-gear:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-gear:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-gear:before,.monster-icon-secondary-3-gear:before,.monster-icon-tertiary-3-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-gear:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-gear:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-gear:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-gear:before,.monster-icon-secondary-4-gear:before,.monster-icon-tertiary-4-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-home:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-home:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-home:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-home:before,.monster-icon-secondary-1-home:before,.monster-icon-tertiary-1-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-home:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-home:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-home:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-home:before,.monster-icon-secondary-2-home:before,.monster-icon-tertiary-2-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-home:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-home:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-home:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-home:before,.monster-icon-secondary-3-home:before,.monster-icon-tertiary-3-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-home:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-home:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-home:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-home:before,.monster-icon-secondary-4-home:before,.monster-icon-tertiary-4-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-counterclockwise:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-counterclockwise:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-counterclockwise:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-counterclockwise:before,.monster-icon-secondary-1-counterclockwise:before,.monster-icon-tertiary-1-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-counterclockwise:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-counterclockwise:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-counterclockwise:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-counterclockwise:before,.monster-icon-secondary-2-counterclockwise:before,.monster-icon-tertiary-2-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-counterclockwise:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-counterclockwise:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-counterclockwise:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-counterclockwise:before,.monster-icon-secondary-3-counterclockwise:before,.monster-icon-tertiary-3-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-counterclockwise:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-counterclockwise:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-counterclockwise:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-counterclockwise:before,.monster-icon-secondary-4-counterclockwise:before,.monster-icon-tertiary-4-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-2:before{background-color:var(--monster-color-success-2);color:var(--monster-bg-color-success-2);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\")}.monster-icon-warning-2:before{background-color:var(--monster-color-warning-2);color:var(--monster-bg-color-warning-2);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\")}.monster-icon-error-2:before{background-color:var(--monster-color-error-2);color:var(--monster-bg-color-error-2);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}.monster-icon-error-2:before,.monster-icon-success-2:before,.monster-icon-warning-2:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-3:before{background-color:var(--monster-color-success-3);color:var(--monster-bg-color-success-3);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\")}.monster-icon-warning-3:before{background-color:var(--monster-color-warning-3);color:var(--monster-bg-color-warning-3);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\")}.monster-icon-error-3:before{background-color:var(--monster-color-error-3);color:var(--monster-bg-color-error-3);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}.monster-icon-error-3:before,.monster-icon-success-3:before,.monster-icon-warning-3:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-1:before{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\")}.monster-icon-warning-1:before{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\")}.monster-icon-error-1:before{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}.monster-icon-error-1:before,.monster-icon-success-1:before,.monster-icon-warning-1:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-4:before{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z'/%3E%3C/svg%3E\")}.monster-icon-warning-4:before{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E\")}.monster-icon-error-4:before{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E\")}.monster-icon-error-4:before,.monster-icon-success-4:before,.monster-icon-warning-4:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em} +.monster-icon-primary-1-info:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-info:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-info:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-info:before,.monster-icon-secondary-1-info:before,.monster-icon-tertiary-1-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-info:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-info:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-info:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-info:before,.monster-icon-secondary-2-info:before,.monster-icon-tertiary-2-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-info:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-info:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-info:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-info:before,.monster-icon-secondary-3-info:before,.monster-icon-tertiary-3-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-info:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-info:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-info:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-info:before,.monster-icon-secondary-4-info:before,.monster-icon-tertiary-4-info:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-positiv:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-positiv:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-positiv:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-positiv:before,.monster-icon-secondary-1-positiv:before,.monster-icon-tertiary-1-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-positiv:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-positiv:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-positiv:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-positiv:before,.monster-icon-secondary-2-positiv:before,.monster-icon-tertiary-2-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-positiv:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-positiv:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-positiv:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-positiv:before,.monster-icon-secondary-3-positiv:before,.monster-icon-tertiary-3-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-positiv:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-positiv:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-positiv:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-positiv:before,.monster-icon-secondary-4-positiv:before,.monster-icon-tertiary-4-positiv:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-negativ:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-negativ:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-negativ:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-negativ:before,.monster-icon-secondary-1-negativ:before,.monster-icon-tertiary-1-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-negativ:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-negativ:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-negativ:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-negativ:before,.monster-icon-secondary-2-negativ:before,.monster-icon-tertiary-2-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-negativ:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-negativ:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-negativ:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-negativ:before,.monster-icon-secondary-3-negativ:before,.monster-icon-tertiary-3-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-negativ:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-negativ:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-negativ:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-negativ:before,.monster-icon-secondary-4-negativ:before,.monster-icon-tertiary-4-negativ:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-warning:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-warning:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-warning:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-warning:before,.monster-icon-secondary-1-warning:before,.monster-icon-tertiary-1-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-warning:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-warning:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-warning:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-warning:before,.monster-icon-secondary-2-warning:before,.monster-icon-tertiary-2-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-warning:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-warning:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-warning:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-warning:before,.monster-icon-secondary-3-warning:before,.monster-icon-tertiary-3-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-warning:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-warning:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-warning:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-warning:before,.monster-icon-secondary-4-warning:before,.monster-icon-tertiary-4-warning:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-neutral:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-neutral:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-neutral:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-neutral:before,.monster-icon-secondary-1-neutral:before,.monster-icon-tertiary-1-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-neutral:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-neutral:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-neutral:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-neutral:before,.monster-icon-secondary-2-neutral:before,.monster-icon-tertiary-2-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-neutral:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-neutral:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-neutral:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-neutral:before,.monster-icon-secondary-3-neutral:before,.monster-icon-tertiary-3-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-neutral:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-neutral:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-neutral:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-neutral:before,.monster-icon-secondary-4-neutral:before,.monster-icon-tertiary-4-neutral:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-question:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-question:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-question:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-question:before,.monster-icon-secondary-1-question:before,.monster-icon-tertiary-1-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-question:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-question:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-question:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-question:before,.monster-icon-secondary-2-question:before,.monster-icon-tertiary-2-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-question:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-question:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-question:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-question:before,.monster-icon-secondary-3-question:before,.monster-icon-tertiary-3-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-question:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-question:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-question:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-question:before,.monster-icon-secondary-4-question:before,.monster-icon-tertiary-4-question:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-question-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-plus:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-plus:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-plus:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-plus:before,.monster-icon-secondary-1-plus:before,.monster-icon-tertiary-1-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-plus:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-plus:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-plus:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-plus:before,.monster-icon-secondary-2-plus:before,.monster-icon-tertiary-2-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-plus:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-plus:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-plus:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-plus:before,.monster-icon-secondary-3-plus:before,.monster-icon-tertiary-3-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-plus:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-plus:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-plus:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-plus:before,.monster-icon-secondary-4-plus:before,.monster-icon-tertiary-4-plus:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-dash:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-dash:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-dash:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-dash:before,.monster-icon-secondary-1-dash:before,.monster-icon-tertiary-1-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-dash:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-dash:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-dash:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-dash:before,.monster-icon-secondary-2-dash:before,.monster-icon-tertiary-2-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-dash:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-dash:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-dash:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-dash:before,.monster-icon-secondary-3-dash:before,.monster-icon-tertiary-3-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-dash:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-dash:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-dash:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-dash:before,.monster-icon-secondary-4-dash:before,.monster-icon-tertiary-4-dash:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-gear:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-gear:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-gear:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-gear:before,.monster-icon-secondary-1-gear:before,.monster-icon-tertiary-1-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-gear:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-gear:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-gear:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-gear:before,.monster-icon-secondary-2-gear:before,.monster-icon-tertiary-2-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-gear:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-gear:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-gear:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-gear:before,.monster-icon-secondary-3-gear:before,.monster-icon-tertiary-3-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-gear:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-gear:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-gear:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-gear:before,.monster-icon-secondary-4-gear:before,.monster-icon-tertiary-4-gear:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-home:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-home:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-home:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-home:before,.monster-icon-secondary-1-home:before,.monster-icon-tertiary-1-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-home:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-home:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-home:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-home:before,.monster-icon-secondary-2-home:before,.monster-icon-tertiary-2-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-home:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-home:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-home:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-home:before,.monster-icon-secondary-3-home:before,.monster-icon-tertiary-3-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-home:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-home:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-home:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-home:before,.monster-icon-secondary-4-home:before,.monster-icon-tertiary-4-home:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-1-counterclockwise:before{background-color:var(--monster-color-primary-1);color:var(--monster-bg-color-primary-1)}.monster-icon-tertiary-1-counterclockwise:before{background-color:var(--monster-color-tertiary-1);color:var(--monster-bg-color-tertiary-1)}.monster-icon-secondary-1-counterclockwise:before{background-color:var(--monster-color-secondary-1);color:var(--monster-bg-color-secondary-1)}.monster-icon-primary-1-counterclockwise:before,.monster-icon-secondary-1-counterclockwise:before,.monster-icon-tertiary-1-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-2-counterclockwise:before{background-color:var(--monster-color-primary-2);color:var(--monster-bg-color-primary-2)}.monster-icon-tertiary-2-counterclockwise:before{background-color:var(--monster-color-tertiary-2);color:var(--monster-bg-color-tertiary-2)}.monster-icon-secondary-2-counterclockwise:before{background-color:var(--monster-color-secondary-2);color:var(--monster-bg-color-secondary-2)}.monster-icon-primary-2-counterclockwise:before,.monster-icon-secondary-2-counterclockwise:before,.monster-icon-tertiary-2-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-3-counterclockwise:before{background-color:var(--monster-color-primary-3);color:var(--monster-bg-color-primary-3)}.monster-icon-tertiary-3-counterclockwise:before{background-color:var(--monster-color-tertiary-3);color:var(--monster-bg-color-tertiary-3)}.monster-icon-secondary-3-counterclockwise:before{background-color:var(--monster-color-secondary-3);color:var(--monster-bg-color-secondary-3)}.monster-icon-primary-3-counterclockwise:before,.monster-icon-secondary-3-counterclockwise:before,.monster-icon-tertiary-3-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-primary-4-counterclockwise:before{background-color:var(--monster-color-primary-4);color:var(--monster-bg-color-primary-4)}.monster-icon-tertiary-4-counterclockwise:before{background-color:var(--monster-color-tertiary-4);color:var(--monster-bg-color-tertiary-4)}.monster-icon-secondary-4-counterclockwise:before{background-color:var(--monster-color-secondary-4);color:var(--monster-bg-color-secondary-4)}.monster-icon-primary-4-counterclockwise:before,.monster-icon-secondary-4-counterclockwise:before,.monster-icon-tertiary-4-counterclockwise:before{content:\"\";display:inline-block;height:1em;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-counterclockwise'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-2:before{background-color:var(--monster-color-success-2);color:var(--monster-bg-color-success-2);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\")}.monster-icon-warning-2:before{background-color:var(--monster-color-warning-2);color:var(--monster-bg-color-warning-2);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\")}.monster-icon-error-2:before{background-color:var(--monster-color-error-2);color:var(--monster-bg-color-error-2);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}.monster-icon-error-2:before,.monster-icon-success-2:before,.monster-icon-warning-2:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-3:before{background-color:var(--monster-color-success-3);color:var(--monster-bg-color-success-3);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\")}.monster-icon-warning-3:before{background-color:var(--monster-color-warning-3);color:var(--monster-bg-color-warning-3);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\")}.monster-icon-error-3:before{background-color:var(--monster-color-error-3);color:var(--monster-bg-color-error-3);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}.monster-icon-error-3:before,.monster-icon-success-3:before,.monster-icon-warning-3:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-1:before{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\")}.monster-icon-warning-1:before{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\")}.monster-icon-error-1:before{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}.monster-icon-error-1:before,.monster-icon-success-1:before,.monster-icon-warning-1:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em}.monster-icon-success-4:before{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E\")}.monster-icon-warning-4:before{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E\")}.monster-icon-error-4:before{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4);-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-circle'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\")}.monster-icon-error-4:before,.monster-icon-success-4:before,.monster-icon-warning-4:before{content:\"\";display:inline-block;height:1em;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:1em} }`, 0); } catch (e) { addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + ""); diff --git a/source/data/transformer.mjs b/source/data/transformer.mjs index a6faa155dbad13a3325ee44fade992b17535b025..ed428636646589de449987e47358706afe2d15f5 100644 --- a/source/data/transformer.mjs +++ b/source/data/transformer.mjs @@ -328,45 +328,10 @@ function transform(value) { let trueStatement = args.shift() || undefined; let falseStatement = args.shift() || undefined; - if (trueStatement === "value") { - trueStatement = value; - } - if (trueStatement === "\\value") { - trueStatement = "value"; - } - - if (trueStatement === "\\undefined") { - trueStatement = undefined; - } - - if (trueStatement === "\\null") { - trueStatement = null; - } - - if (falseStatement === "value") { - falseStatement = value; - } - if (falseStatement === "\\value") { - falseStatement = "value"; - } - - if (falseStatement === "\\undefined") { - falseStatement = undefined; - } - - if (falseStatement === "\\null") { - falseStatement = null; - } + trueStatement = convertSpecialStrings(trueStatement, value); + falseStatement = convertSpecialStrings(falseStatement, value); - const condition = - (value !== undefined && - value !== "" && - value !== "off" && - value !== "false" && - value !== false) || - value === "on" || - value === "true" || - value === true; + const condition = evaluateCondition(value); return condition ? trueStatement : falseStatement; case "ucfirst": @@ -622,10 +587,8 @@ function transform(value) { * that null is an object. */ if (value === null) { - if (equalsValue === "null") { - return true; - } - return false; + return equalsValue === "null"; + } const typeOfValue = typeof value; @@ -810,9 +773,43 @@ function transform(value) { } defaultValue = args.shift() || undefined; + + defaultValue = convertSpecialStrings(defaultValue, value); + return translations.getText(key, defaultValue); default: throw new Error(`unknown command ${this.command}`); } } + + +function convertSpecialStrings(input, value) { + switch (input) { + case "value": + return value; + case "\\value": + return "value"; + case "\\undefined": + return undefined; + case "\\null": + return null; + default: + return input; + } +} + +function evaluateCondition(value) { + + const lowerValue = (typeof value === 'string') ? value.toLowerCase() : value; + + return (value !== undefined && + value !== null && + value !== "" && + lowerValue !== "off" && + lowerValue !== "false" && + value !== false) || + lowerValue === "on" || + lowerValue === "true" || + value === true; +} diff --git a/source/dom/customelement.mjs b/source/dom/customelement.mjs index 932277ba3dc45845e5e4afc67889ec11cbd3b75b..3caf055479b187c54939e26c2f6d142661ba7621 100644 --- a/source/dom/customelement.mjs +++ b/source/dom/customelement.mjs @@ -1018,7 +1018,7 @@ function initHtmlContent() { if (isString(html) && html.length > 0) { const mapping = this.getOption("templateMapping", {}); if (isObject(mapping)) { - html = new Formatter(mapping).format(html); + html = new Formatter(mapping,{}).format(html); } this.innerHTML = html; } diff --git a/source/dom/updater.mjs b/source/dom/updater.mjs index d22c3dc759cc9ce88a68ea29b0e47684848e4bd9..1afdc1d134626ea165a374af7f43759b37642fcd 100644 --- a/source/dom/updater.mjs +++ b/source/dom/updater.mjs @@ -5,33 +5,34 @@ * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html */ -import { internalSymbol } from "../constants.mjs"; -import { diff } from "../data/diff.mjs"; -import { Pathfinder } from "../data/pathfinder.mjs"; -import { Pipe } from "../data/pipe.mjs"; +import {internalSymbol} from "../constants.mjs"; +import {diff} from "../data/diff.mjs"; +import {Pathfinder} from "../data/pathfinder.mjs"; +import {Pipe} from "../data/pipe.mjs"; import { - ATTRIBUTE_ERRORMESSAGE, - ATTRIBUTE_UPDATER_ATTRIBUTES, - ATTRIBUTE_UPDATER_BIND, - ATTRIBUTE_UPDATER_INSERT, - ATTRIBUTE_UPDATER_INSERT_REFERENCE, - ATTRIBUTE_UPDATER_REMOVE, - ATTRIBUTE_UPDATER_REPLACE, - ATTRIBUTE_UPDATER_SELECT_THIS, + ATTRIBUTE_ERRORMESSAGE, + ATTRIBUTE_UPDATER_ATTRIBUTES, + ATTRIBUTE_UPDATER_BIND, + ATTRIBUTE_UPDATER_INSERT, + ATTRIBUTE_UPDATER_INSERT_REFERENCE, + ATTRIBUTE_UPDATER_REMOVE, + ATTRIBUTE_UPDATER_REPLACE, + ATTRIBUTE_UPDATER_SELECT_THIS, } from "./constants.mjs"; -import { Base } from "../types/base.mjs"; -import { isArray, isInstance, isIterable } from "../types/is.mjs"; -import { Observer } from "../types/observer.mjs"; -import { ProxyObserver } from "../types/proxyobserver.mjs"; -import { validateArray, validateInstance } from "../types/validate.mjs"; -import { clone } from "../util/clone.mjs"; -import { trimSpaces } from "../util/trimspaces.mjs"; -import { addToObjectLink } from "./attributes.mjs"; -import { findTargetElementFromEvent } from "./events.mjs"; -import { findDocumentTemplate } from "./template.mjs"; +import {Base} from "../types/base.mjs"; +import {isArray, isInstance, isIterable} from "../types/is.mjs"; +import {Observer} from "../types/observer.mjs"; +import {ProxyObserver} from "../types/proxyobserver.mjs"; +import {validateArray, validateInstance} from "../types/validate.mjs"; +import {Sleep} from "../util/sleep.mjs"; +import {clone} from "../util/clone.mjs"; +import {trimSpaces} from "../util/trimspaces.mjs"; +import {addToObjectLink} from "./attributes.mjs"; +import {findTargetElementFromEvent} from "./events.mjs"; +import {findDocumentTemplate} from "./template.mjs"; -export { Updater, addObjectWithUpdaterToElement }; +export {Updater, addObjectWithUpdaterToElement}; /** * The updater class connects an object with the dom. In this way, structures and contents in the DOM can be programmatically adapted via attributes. @@ -56,174 +57,183 @@ export { Updater, addObjectWithUpdaterToElement }; * @summary The updater class connects an object with the dom */ class Updater extends Base { - /** - * @since 1.8.0 - * @param {HTMLElement} element - * @param {object|ProxyObserver|undefined} subject - * @throws {TypeError} value is not a object - * @throws {TypeError} value is not an instance of HTMLElement - * @see {@link Monster.DOM.findDocumentTemplate} - */ - constructor(element, subject) { - super(); - - /** - * @type {HTMLElement} - */ - if (subject === undefined) subject = {}; - if (!isInstance(subject, ProxyObserver)) { - subject = new ProxyObserver(subject); - } - - this[internalSymbol] = { - element: validateInstance(element, HTMLElement), - last: {}, - callbacks: new Map(), - eventTypes: ["keyup", "click", "change", "drop", "touchend", "input"], - subject: subject, - }; - - this[internalSymbol].callbacks.set( - "checkstate", - getCheckStateCallback.call(this), - ); - - this[internalSymbol].subject.attachObserver( - new Observer(() => { - const s = this[internalSymbol].subject.getRealSubject(); - - const diffResult = diff(this[internalSymbol].last, s); - this[internalSymbol].last = clone(s); - - for (const [, change] of Object.entries(diffResult)) { - removeElement.call(this, change); - insertElement.call(this, change); - updateContent.call(this, change); - updateAttributes.call(this, change); - } - }), - ); - } - - /** - * Defaults: 'keyup', 'click', 'change', 'drop', 'touchend' - * - * @see {@link https://developer.mozilla.org/de/docs/Web/Events} - * @since 1.9.0 - * @param {Array} types - * @return {Updater} - */ - setEventTypes(types) { - this[internalSymbol].eventTypes = validateArray(types); - return this; - } - - /** - * With this method, the eventlisteners are hooked in and the magic begins. - * - * ``` - * updater.run().then(() => { - * updater.enableEventProcessing(); - * }); - * ``` - * - * @since 1.9.0 - * @return {Updater} - * @throws {Error} the bind argument must start as a value with a path - */ - enableEventProcessing() { - this.disableEventProcessing(); - - for (const type of this[internalSymbol].eventTypes) { - // @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener - this[internalSymbol].element.addEventListener( - type, - getControlEventHandler.call(this), - { - capture: true, - passive: true, - }, - ); - } - - return this; - } - - /** - * This method turns off the magic or who loves it more profane it removes the eventListener. - * - * @since 1.9.0 - * @return {Updater} - */ - disableEventProcessing() { - for (const type of this[internalSymbol].eventTypes) { - this[internalSymbol].element.removeEventListener( - type, - getControlEventHandler.call(this), - ); - } - - return this; - } - - /** - * The run method must be called for the update to start working. - * The method ensures that changes are detected. - * - * ``` - * updater.run().then(() => { - * updater.enableEventProcessing(); - * }); - * ``` - * - * @summary Let the magic begin - * @return {Promise} - */ - run() { - // the key __init__has no further meaning and is only - // used to create the diff for empty objects. - this[internalSymbol].last = { __init__: true }; - return this[internalSymbol].subject.notifyObservers(); - } - - /** - * Gets the values of bound elements and changes them in subject - * - * @since 1.27.0 - * @return {Monster.DOM.Updater} - */ - retrieve() { - retrieveFromBindings.call(this); - return this; - } - - /** - * If you have passed a ProxyObserver in the constructor, you will get the object that the ProxyObserver manages here. - * However, if you passed a simple object, here you will get a proxy for that object. - * - * For changes the ProxyObserver must be used. - * - * @since 1.8.0 - * @return {Proxy} - */ - getSubject() { - return this[internalSymbol].subject.getSubject(); - } - - /** - * This method can be used to register commands that can be called via call: instruction. - * This can be used to provide a pipe with its own functionality. - * - * @param {string} name - * @param {function} callback - * @returns {Transformer} - * @throws {TypeError} value is not a string - * @throws {TypeError} value is not a function - */ - setCallback(name, callback) { - this[internalSymbol].callbacks.set(name, callback); - return this; - } + /** + * @since 1.8.0 + * @param {HTMLElement} element + * @param {object|ProxyObserver|undefined} subject + * @throws {TypeError} value is not a object + * @throws {TypeError} value is not an instance of HTMLElement + * @see {@link Monster.DOM.findDocumentTemplate} + */ + constructor(element, subject) { + super(); + + /** + * @type {HTMLElement} + */ + if (subject === undefined) subject = {}; + if (!isInstance(subject, ProxyObserver)) { + subject = new ProxyObserver(subject); + } + + this[internalSymbol] = { + element: validateInstance(element, HTMLElement), + last: {}, + callbacks: new Map(), + eventTypes: ["keyup", "click", "change", "drop", "touchend", "input"], + subject: subject, + }; + + this[internalSymbol].callbacks.set( + "checkstate", + getCheckStateCallback.call(this), + ); + + this[internalSymbol].subject.attachObserver( + new Observer(() => { + const s = this[internalSymbol].subject.getRealSubject(); + + const diffResult = diff(this[internalSymbol].last, s); + this[internalSymbol].last = clone(s); + + let promises = []; + + for (const [, change] of Object.entries(diffResult)) { + promises.push( + Sleep(1).then(() => { + removeElement.call(this, change); + insertElement.call(this, change); + updateContent.call(this, change); + updateAttributes.call(this, change); + }) + ) + } + + return Promise.all(promises) + + }), + ); + } + + /** + * Defaults: 'keyup', 'click', 'change', 'drop', 'touchend' + * + * @see {@link https://developer.mozilla.org/de/docs/Web/Events} + * @since 1.9.0 + * @param {Array} types + * @return {Updater} + */ + setEventTypes(types) { + this[internalSymbol].eventTypes = validateArray(types); + return this; + } + + /** + * With this method, the eventlisteners are hooked in and the magic begins. + * + * ``` + * updater.run().then(() => { + * updater.enableEventProcessing(); + * }); + * ``` + * + * @since 1.9.0 + * @return {Updater} + * @throws {Error} the bind argument must start as a value with a path + */ + enableEventProcessing() { + this.disableEventProcessing(); + + for (const type of this[internalSymbol].eventTypes) { + // @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener + this[internalSymbol].element.addEventListener( + type, + getControlEventHandler.call(this), + { + capture: true, + passive: true, + }, + ); + } + + return this; + } + + /** + * This method turns off the magic or who loves it more profane it removes the eventListener. + * + * @since 1.9.0 + * @return {Updater} + */ + disableEventProcessing() { + for (const type of this[internalSymbol].eventTypes) { + this[internalSymbol].element.removeEventListener( + type, + getControlEventHandler.call(this), + ); + } + + return this; + } + + /** + * The run method must be called for the update to start working. + * The method ensures that changes are detected. + * + * ``` + * updater.run().then(() => { + * updater.enableEventProcessing(); + * }); + * ``` + * + * @summary Let the magic begin + * @return {Promise} + */ + run() { + // the key __init__has no further meaning and is only + // used to create the diff for empty objects. + this[internalSymbol].last = {__init__: true}; + return this[internalSymbol].subject.notifyObservers(); + } + + /** + * Gets the values of bound elements and changes them in subject + * + * @since 1.27.0 + * @return {Monster.DOM.Updater} + */ + retrieve() { + retrieveFromBindings.call(this); + return this; + } + + /** + * If you have passed a ProxyObserver in the constructor, you will get the object that the ProxyObserver manages here. + * However, if you passed a simple object, here you will get a proxy for that object. + * + * For changes the ProxyObserver must be used. + * + * @since 1.8.0 + * @return {Proxy} + */ + getSubject() { + return this[internalSymbol].subject.getSubject(); + } + + /** + * This method can be used to register commands that can be called via call: instruction. + * This can be used to provide a pipe with its own functionality. + * + * @param {string} name + * @param {function} callback + * @returns {Transformer} + * @throws {TypeError} value is not a string + * @throws {TypeError} value is not a function + */ + setCallback(name, callback) { + this[internalSymbol].callbacks.set(name, callback); + return this; + } } /** @@ -234,20 +244,20 @@ class Updater extends Base { * @this Updater */ function getCheckStateCallback() { - return function (current) { - // this is a reference to the current object (therefore no array function here) - if (this instanceof HTMLInputElement) { - if (["radio", "checkbox"].indexOf(this.type) !== -1) { - return `${this.value}` === `${current}` ? "true" : undefined; - } - } else if (this instanceof HTMLOptionElement) { - if (isArray(current) && current.indexOf(this.value) !== -1) { - return "true"; - } - - return undefined; - } - }; + return function (current) { + // this is a reference to the current object (therefore no array function here) + if (this instanceof HTMLInputElement) { + if (["radio", "checkbox"].indexOf(this.type) !== -1) { + return `${this.value}` === `${current}` ? "true" : undefined; + } + } else if (this instanceof HTMLOptionElement) { + if (isArray(current) && current.indexOf(this.value) !== -1) { + return "true"; + } + + return undefined; + } + }; } /** @@ -262,26 +272,26 @@ const symbol = Symbol("@schukai/monster/updater@@EventHandler"); * @throws {Error} the bind argument must start as a value with a path */ function getControlEventHandler() { - if (this[symbol]) { - return this[symbol]; - } - - /** - * @throws {Error} the bind argument must start as a value with a path. - * @throws {Error} unsupported object - * @param {Event} event - */ - this[symbol] = (event) => { - const element = findTargetElementFromEvent(event, ATTRIBUTE_UPDATER_BIND); - - if (element === undefined) { - return; - } - - retrieveAndSetValue.call(this, element); - }; - - return this[symbol]; + if (this[symbol]) { + return this[symbol]; + } + + /** + * @throws {Error} the bind argument must start as a value with a path. + * @throws {Error} unsupported object + * @param {Event} event + */ + this[symbol] = (event) => { + const element = findTargetElementFromEvent(event, ATTRIBUTE_UPDATER_BIND); + + if (element === undefined) { + return; + } + + retrieveAndSetValue.call(this, element); + }; + + return this[symbol]; } /** @@ -292,70 +302,70 @@ function getControlEventHandler() { * @private */ function retrieveAndSetValue(element) { - const pathfinder = new Pathfinder(this[internalSymbol].subject.getSubject()); - - let path = element.getAttribute(ATTRIBUTE_UPDATER_BIND); - if (path === null) - throw new Error("the bind argument must start as a value with a path"); - - if (path.indexOf("path:") !== 0) { - throw new Error("the bind argument must start as a value with a path"); - } - - path = path.substring(5); - - let value; - - if (element instanceof HTMLInputElement) { - switch (element.type) { - case "checkbox": - value = element.checked ? element.value : undefined; - break; - default: - value = element.value; - break; - } - } else if (element instanceof HTMLTextAreaElement) { - value = element.value; - } else if (element instanceof HTMLSelectElement) { - switch (element.type) { - case "select-one": - value = element.value; - break; - case "select-multiple": - value = element.value; - - let options = element?.selectedOptions; - if (options === undefined) - options = element.querySelectorAll(":scope option:checked"); - value = Array.from(options).map(({ value }) => value); - - break; - } - - // values from customelements - } else if ( - (element?.constructor?.prototype && - !!Object.getOwnPropertyDescriptor( - element.constructor.prototype, - "value", - )?.["get"]) || - element.hasOwnProperty("value") - ) { - value = element?.["value"]; - } else { - throw new Error("unsupported object"); - } - - const copy = clone(this[internalSymbol].subject.getRealSubject()); - const pf = new Pathfinder(copy); - pf.setVia(path, value); - - const diffResult = diff(copy, this[internalSymbol].subject.getRealSubject()); - - if (diffResult.length > 0) { - pathfinder.setVia(path, value); - } + const pathfinder = new Pathfinder(this[internalSymbol].subject.getSubject()); + + let path = element.getAttribute(ATTRIBUTE_UPDATER_BIND); + if (path === null) + throw new Error("the bind argument must start as a value with a path"); + + if (path.indexOf("path:") !== 0) { + throw new Error("the bind argument must start as a value with a path"); + } + + path = path.substring(5); + + let value; + + if (element instanceof HTMLInputElement) { + switch (element.type) { + case "checkbox": + value = element.checked ? element.value : undefined; + break; + default: + value = element.value; + break; + } + } else if (element instanceof HTMLTextAreaElement) { + value = element.value; + } else if (element instanceof HTMLSelectElement) { + switch (element.type) { + case "select-one": + value = element.value; + break; + case "select-multiple": + value = element.value; + + let options = element?.selectedOptions; + if (options === undefined) + options = element.querySelectorAll(":scope option:checked"); + value = Array.from(options).map(({value}) => value); + + break; + } + + // values from customelements + } else if ( + (element?.constructor?.prototype && + !!Object.getOwnPropertyDescriptor( + element.constructor.prototype, + "value", + )?.["get"]) || + element.hasOwnProperty("value") + ) { + value = element?.["value"]; + } else { + throw new Error("unsupported object"); + } + + const copy = clone(this[internalSymbol].subject.getRealSubject()); + const pf = new Pathfinder(copy); + pf.setVia(path, value); + + const diffResult = diff(copy, this[internalSymbol].subject.getRealSubject()); + + if (diffResult.length > 0) { + pathfinder.setVia(path, value); + } } /** @@ -365,15 +375,15 @@ function retrieveAndSetValue(element) { * @private */ function retrieveFromBindings() { - if (this[internalSymbol].element.matches(`[${ATTRIBUTE_UPDATER_BIND}]`)) { - retrieveAndSetValue.call(this, this[internalSymbol].element); - } - - for (const [, element] of this[internalSymbol].element - .querySelectorAll(`[${ATTRIBUTE_UPDATER_BIND}]`) - .entries()) { - retrieveAndSetValue.call(this, element); - } + if (this[internalSymbol].element.matches(`[${ATTRIBUTE_UPDATER_BIND}]`)) { + retrieveAndSetValue.call(this, this[internalSymbol].element); + } + + for (const [, element] of this[internalSymbol].element + .querySelectorAll(`[${ATTRIBUTE_UPDATER_BIND}]`) + .entries()) { + retrieveAndSetValue.call(this, element); + } } /** @@ -384,11 +394,11 @@ function retrieveFromBindings() { * @return {void} */ function removeElement(change) { - for (const [, element] of this[internalSymbol].element - .querySelectorAll(`:scope [${ATTRIBUTE_UPDATER_REMOVE}]`) - .entries()) { - element.parentNode.removeChild(element); - } + for (const [, element] of this[internalSymbol].element + .querySelectorAll(`:scope [${ATTRIBUTE_UPDATER_REMOVE}]`) + .entries()) { + element.parentNode.removeChild(element); + } } /** @@ -404,133 +414,135 @@ function removeElement(change) { * @this Updater */ function insertElement(change) { - const subject = this[internalSymbol].subject.getRealSubject(); + const subject = this[internalSymbol].subject.getRealSubject(); - const mem = new WeakSet(); - let wd = 0; + const mem = new WeakSet(); + let wd = 0; - const container = this[internalSymbol].element; + const container = this[internalSymbol].element; - while (true) { - let found = false; - wd++; - - const p = clone(change?.["path"]); - if (!isArray(p)) return this; - - while (p.length > 0) { - const current = p.join("."); - - let iterator = new Set(); - const query = `[${ATTRIBUTE_UPDATER_INSERT}*="path:${current}"]`; - - const e = container.querySelectorAll(query); - - if (e.length > 0) { - iterator = new Set([...e]); - } - - if (container.matches(query)) { - iterator.add(container); - } - - for (const [, containerElement] of iterator.entries()) { - if (mem.has(containerElement)) continue; - mem.add(containerElement); - - found = true; - - const attributes = containerElement.getAttribute( - ATTRIBUTE_UPDATER_INSERT, - ); - if (attributes === null) continue; - - const def = trimSpaces(attributes); - const i = def.indexOf(" "); - const key = trimSpaces(def.substr(0, i)); - const refPrefix = `${key}-`; - const cmd = trimSpaces(def.substr(i)); - - // this case is actually excluded by the query but is nevertheless checked again here - if (cmd.indexOf("|") > 0) { - throw new Error("pipes are not allowed when cloning a node."); - } - - const pipe = new Pipe(cmd); - this[internalSymbol].callbacks.forEach((f, n) => { - pipe.setCallback(n, f); - }); - - let value; - try { - containerElement.removeAttribute(ATTRIBUTE_ERRORMESSAGE); - value = pipe.run(subject); - } catch (e) { - containerElement.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message); - } - - const dataPath = cmd.split(":").pop(); - - let insertPoint; - if (containerElement.hasChildNodes()) { - insertPoint = containerElement.lastChild; - } - - if (!isIterable(value)) { - throw new Error("the value is not iterable"); - } - - const available = new Set(); - - for (const [i, obj] of Object.entries(value)) { - const ref = refPrefix + i; - const currentPath = `${dataPath}.${i}`; - - available.add(ref); - const refElement = containerElement.querySelector( - `[${ATTRIBUTE_UPDATER_INSERT_REFERENCE}="${ref}"]`, - ); - - if (refElement instanceof HTMLElement) { - insertPoint = refElement; - continue; - } - - appendNewDocumentFragment(containerElement, key, ref, currentPath); - } - - const nodes = containerElement.querySelectorAll( - `[${ATTRIBUTE_UPDATER_INSERT_REFERENCE}*="${refPrefix}"]`, - ); - - for (const [, node] of Object.entries(nodes)) { - if ( - !available.has( - node.getAttribute(ATTRIBUTE_UPDATER_INSERT_REFERENCE), - ) - ) { - try { - containerElement.removeChild(node); - } catch (e) { - containerElement.setAttribute( - ATTRIBUTE_ERRORMESSAGE, - `${containerElement.getAttribute(ATTRIBUTE_ERRORMESSAGE)}, ${ - e.message - }`.trim(), - ); - } - } - } - } - - p.pop(); - } - - if (found === false) break; - if (wd++ > 200) { - throw new Error("the maximum depth for the recursion is reached."); - } - } + while (true) { + let found = false; + wd++; + + const p = clone(change?.["path"]); + if (!isArray(p)) return; + + while (p.length > 0) { + const current = p.join("."); + + let iterator = new Set(); + const query = `[${ATTRIBUTE_UPDATER_INSERT}*="path:${current}"]`; + + const e = container.querySelectorAll(query); + + if (e.length > 0) { + iterator = new Set([...e]); + } + + if (container.matches(query)) { + iterator.add(container); + } + + for (const [, containerElement] of iterator.entries()) { + if (mem.has(containerElement)) continue; + mem.add(containerElement); + + found = true; + + const attributes = containerElement.getAttribute( + ATTRIBUTE_UPDATER_INSERT, + ); + if (attributes === null) continue; + + const def = trimSpaces(attributes); + const i = def.indexOf(" "); + const key = trimSpaces(def.substr(0, i)); + const refPrefix = `${key}-`; + const cmd = trimSpaces(def.substr(i)); + + // this case is actually excluded by the query but is nevertheless checked again here + if (cmd.indexOf("|") > 0) { + throw new Error("pipes are not allowed when cloning a node."); + } + + const pipe = new Pipe(cmd); + this[internalSymbol].callbacks.forEach((f, n) => { + pipe.setCallback(n, f); + }); + + let value; + try { + containerElement.removeAttribute(ATTRIBUTE_ERRORMESSAGE); + value = pipe.run(subject); + } catch (e) { + containerElement.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message); + } + + const dataPath = cmd.split(":").pop(); + + let insertPoint; + if (containerElement.hasChildNodes()) { + insertPoint = containerElement.lastChild; + } + + if (!isIterable(value)) { + throw new Error("the value is not iterable"); + } + + const available = new Set(); + + for (const [i, obj] of Object.entries(value)) { + const ref = refPrefix + i; + const currentPath = `${dataPath}.${i}`; + + available.add(ref); + const refElement = containerElement.querySelector( + `[${ATTRIBUTE_UPDATER_INSERT_REFERENCE}="${ref}"]`, + ); + + if (refElement instanceof HTMLElement) { + insertPoint = refElement; + continue; + } + + appendNewDocumentFragment(containerElement, key, ref, currentPath); + } + + const nodes = containerElement.querySelectorAll( + `[${ATTRIBUTE_UPDATER_INSERT_REFERENCE}*="${refPrefix}"]`, + ); + + for (const [, node] of Object.entries(nodes)) { + if ( + !available.has( + node.getAttribute(ATTRIBUTE_UPDATER_INSERT_REFERENCE), + ) + ) { + try { + containerElement.removeChild(node); + } catch (e) { + containerElement.setAttribute( + ATTRIBUTE_ERRORMESSAGE, + `${containerElement.getAttribute(ATTRIBUTE_ERRORMESSAGE)}, ${ + e.message + }`.trim(), + ); + } + } + + } + + } + + p.pop(); + } + + if (found === false) break; + if (wd++ > 200) { + throw new Error("the maximum depth for the recursion is reached."); + } + } } /** @@ -545,17 +557,17 @@ function insertElement(change) { * @throws {Error} no template was found with the specified key. */ function appendNewDocumentFragment(container, key, ref, path) { - const template = findDocumentTemplate(key, container); + const template = findDocumentTemplate(key, container); - const nodes = template.createDocumentFragment(); - for (const [, node] of Object.entries(nodes.childNodes)) { - if (node instanceof HTMLElement) { - applyRecursive(node, key, path); - node.setAttribute(ATTRIBUTE_UPDATER_INSERT_REFERENCE, ref); - } + const nodes = template.createDocumentFragment(); + for (const [, node] of Object.entries(nodes.childNodes)) { + if (node instanceof HTMLElement) { + applyRecursive(node, key, path); + node.setAttribute(ATTRIBUTE_UPDATER_INSERT_REFERENCE, ref); + } - container.appendChild(node); - } + container.appendChild(node); + } } /** @@ -568,27 +580,27 @@ function appendNewDocumentFragment(container, key, ref, path) { * @return {void} */ function applyRecursive(node, key, path) { - if (node instanceof HTMLElement) { - if (node.hasAttribute(ATTRIBUTE_UPDATER_REPLACE)) { - const value = node.getAttribute(ATTRIBUTE_UPDATER_REPLACE); - node.setAttribute( - ATTRIBUTE_UPDATER_REPLACE, - value.replaceAll(`path:${key}`, `path:${path}`), - ); - } - - if (node.hasAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)) { - const value = node.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES); - node.setAttribute( - ATTRIBUTE_UPDATER_ATTRIBUTES, - value.replaceAll(`path:${key}`, `path:${path}`), - ); - } - - for (const [, child] of Object.entries(node.childNodes)) { - applyRecursive(child, key, path); - } - } + if (node instanceof HTMLElement) { + if (node.hasAttribute(ATTRIBUTE_UPDATER_REPLACE)) { + const value = node.getAttribute(ATTRIBUTE_UPDATER_REPLACE); + node.setAttribute( + ATTRIBUTE_UPDATER_REPLACE, + value.replaceAll(`path:${key}`, `path:${path}`), + ); + } + + if (node.hasAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)) { + const value = node.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES); + node.setAttribute( + ATTRIBUTE_UPDATER_ATTRIBUTES, + value.replaceAll(`path:${key}`, `path:${path}`), + ); + } + + for (const [, child] of Object.entries(node.childNodes)) { + applyRecursive(child, key, path); + } + } } /** @@ -600,19 +612,19 @@ function applyRecursive(node, key, path) { * @this Updater */ function updateContent(change) { - const subject = this[internalSymbol].subject.getRealSubject(); - - const p = clone(change?.["path"]); - runUpdateContent.call(this, this[internalSymbol].element, p, subject); - - const slots = this[internalSymbol].element.querySelectorAll("slot"); - if (slots.length > 0) { - for (const [, slot] of Object.entries(slots)) { - for (const [, element] of Object.entries(slot.assignedNodes())) { - runUpdateContent.call(this, element, p, subject); - } - } - } + const subject = this[internalSymbol].subject.getRealSubject(); + + const p = clone(change?.["path"]); + runUpdateContent.call(this, this[internalSymbol].element, p, subject); + + const slots = this[internalSymbol].element.querySelectorAll("slot"); + if (slots.length > 0) { + for (const [, slot] of Object.entries(slots)) { + for (const [, element] of Object.entries(slot.assignedNodes())) { + runUpdateContent.call(this, element, p, subject); + } + } + } } /** @@ -625,69 +637,69 @@ function updateContent(change) { * @return {void} */ function runUpdateContent(container, parts, subject) { - if (!isArray(parts)) return; - if (!(container instanceof HTMLElement)) return; - parts = clone(parts); - - const mem = new WeakSet(); - - while (parts.length > 0) { - const current = parts.join("."); - parts.pop(); - - // Unfortunately, static data is always changed as well, since it is not possible to react to changes here. - const query = `[${ATTRIBUTE_UPDATER_REPLACE}^="path:${current}"], [${ATTRIBUTE_UPDATER_REPLACE}^="static:"], [${ATTRIBUTE_UPDATER_REPLACE}^="i18n:"]`; - const e = container.querySelectorAll(`${query}`); - - const iterator = new Set([...e]); - - if (container.matches(query)) { - iterator.add(container); - } - - /** - * @type {HTMLElement} - */ - for (const [element] of iterator.entries()) { - if (mem.has(element)) return; - mem.add(element); - - const attributes = element.getAttribute(ATTRIBUTE_UPDATER_REPLACE); - const cmd = trimSpaces(attributes); - - const pipe = new Pipe(cmd); - this[internalSymbol].callbacks.forEach((f, n) => { - pipe.setCallback(n, f); - }); - - let value; - try { - element.removeAttribute(ATTRIBUTE_ERRORMESSAGE); - value = pipe.run(subject); - } catch (e) { - element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message); - } - - if (value instanceof HTMLElement) { - while (element.firstChild) { - element.removeChild(element.firstChild); - } - - try { - element.appendChild(value); - } catch (e) { - element.setAttribute( - ATTRIBUTE_ERRORMESSAGE, - `${element.getAttribute(ATTRIBUTE_ERRORMESSAGE)}, ${ - e.message - }`.trim(), - ); - } - } else { - element.innerHTML = value; - } - } - } + if (!isArray(parts)) return; + if (!(container instanceof HTMLElement)) return; + parts = clone(parts); + + const mem = new WeakSet(); + + while (parts.length > 0) { + const current = parts.join("."); + parts.pop(); + + // Unfortunately, static data is always changed as well, since it is not possible to react to changes here. + const query = `[${ATTRIBUTE_UPDATER_REPLACE}^="path:${current}"], [${ATTRIBUTE_UPDATER_REPLACE}^="static:"], [${ATTRIBUTE_UPDATER_REPLACE}^="i18n:"]`; + const e = container.querySelectorAll(`${query}`); + + const iterator = new Set([...e]); + + if (container.matches(query)) { + iterator.add(container); + } + + /** + * @type {HTMLElement} + */ + for (const [element] of iterator.entries()) { + if (mem.has(element)) return; + mem.add(element); + + const attributes = element.getAttribute(ATTRIBUTE_UPDATER_REPLACE); + const cmd = trimSpaces(attributes); + + const pipe = new Pipe(cmd); + this[internalSymbol].callbacks.forEach((f, n) => { + pipe.setCallback(n, f); + }); + + let value; + try { + element.removeAttribute(ATTRIBUTE_ERRORMESSAGE); + value = pipe.run(subject); + } catch (e) { + element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message); + } + + if (value instanceof HTMLElement) { + while (element.firstChild) { + element.removeChild(element.firstChild); + } + + try { + element.appendChild(value); + } catch (e) { + element.setAttribute( + ATTRIBUTE_ERRORMESSAGE, + `${element.getAttribute(ATTRIBUTE_ERRORMESSAGE)}, ${ + e.message + }`.trim(), + ); + } + } else { + element.innerHTML = value; + } + } + } } /** @@ -699,9 +711,9 @@ function runUpdateContent(container, parts, subject) { * @return {void} */ function updateAttributes(change) { - const subject = this[internalSymbol].subject.getRealSubject(); - const p = clone(change?.["path"]); - runUpdateAttributes.call(this, this[internalSymbol].element, p, subject); + const subject = this[internalSymbol].subject.getRealSubject(); + const p = clone(change?.["path"]); + runUpdateAttributes.call(this, this[internalSymbol].element, p, subject); } /** @@ -713,70 +725,70 @@ function updateAttributes(change) { * @this Updater */ function runUpdateAttributes(container, parts, subject) { - if (!isArray(parts)) return; - parts = clone(parts); + if (!isArray(parts)) return; + parts = clone(parts); - const mem = new WeakSet(); + const mem = new WeakSet(); - while (parts.length > 0) { - const current = parts.join("."); - parts.pop(); + while (parts.length > 0) { + const current = parts.join("."); + parts.pop(); - let iterator = new Set(); + let iterator = new Set(); - const query = `[${ATTRIBUTE_UPDATER_SELECT_THIS}][${ATTRIBUTE_UPDATER_ATTRIBUTES}], [${ATTRIBUTE_UPDATER_ATTRIBUTES}*="path:${current}"], [${ATTRIBUTE_UPDATER_ATTRIBUTES}^="static:"], [${ATTRIBUTE_UPDATER_ATTRIBUTES}^="i18n:"]`; + const query = `[${ATTRIBUTE_UPDATER_SELECT_THIS}][${ATTRIBUTE_UPDATER_ATTRIBUTES}], [${ATTRIBUTE_UPDATER_ATTRIBUTES}*="path:${current}"], [${ATTRIBUTE_UPDATER_ATTRIBUTES}^="static:"], [${ATTRIBUTE_UPDATER_ATTRIBUTES}^="i18n:"]`; - const e = container.querySelectorAll(query); + const e = container.querySelectorAll(query); - if (e.length > 0) { - iterator = new Set([...e]); - } + if (e.length > 0) { + iterator = new Set([...e]); + } - if (container.matches(query)) { - iterator.add(container); - } + if (container.matches(query)) { + iterator.add(container); + } - for (const [element] of iterator.entries()) { - if (mem.has(element)) return; - mem.add(element); + for (const [element] of iterator.entries()) { + if (mem.has(element)) return; + mem.add(element); - // this case occurs when the ATTRIBUTE_UPDATER_SELECT_THIS attribute is set - if (!element.hasAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)) { - continue; - } + // this case occurs when the ATTRIBUTE_UPDATER_SELECT_THIS attribute is set + if (!element.hasAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES)) { + continue; + } - const attributes = element.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES); + const attributes = element.getAttribute(ATTRIBUTE_UPDATER_ATTRIBUTES); - for (let [, def] of Object.entries(attributes.split(","))) { - def = trimSpaces(def); - const i = def.indexOf(" "); - const name = trimSpaces(def.substr(0, i)); - const cmd = trimSpaces(def.substr(i)); + for (let [, def] of Object.entries(attributes.split(","))) { + def = trimSpaces(def); + const i = def.indexOf(" "); + const name = trimSpaces(def.substr(0, i)); + const cmd = trimSpaces(def.substr(i)); - const pipe = new Pipe(cmd); + const pipe = new Pipe(cmd); - this[internalSymbol].callbacks.forEach((f, n) => { - pipe.setCallback(n, f, element); - }); + this[internalSymbol].callbacks.forEach((f, n) => { + pipe.setCallback(n, f, element); + }); - let value; - try { - element.removeAttribute(ATTRIBUTE_ERRORMESSAGE); - value = pipe.run(subject); - } catch (e) { - element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message); - } + let value; + try { + element.removeAttribute(ATTRIBUTE_ERRORMESSAGE); + value = pipe.run(subject); + } catch (e) { + element.setAttribute(ATTRIBUTE_ERRORMESSAGE, e.message); + } - if (value === undefined) { - element.removeAttribute(name); - } else if (element.getAttribute(name) !== value) { - element.setAttribute(name, value); - } + if (value === undefined) { + element.removeAttribute(name); + } else if (element.getAttribute(name) !== value) { + element.setAttribute(name, value); + } - handleInputControlAttributeUpdate.call(this, element, name, value); - } - } - } + handleInputControlAttributeUpdate.call(this, element, name, value); + } + } + } } /** @@ -789,66 +801,66 @@ function runUpdateAttributes(container, parts, subject) { */ function handleInputControlAttributeUpdate(element, name, value) { - if (element instanceof HTMLSelectElement) { - switch (element.type) { - case "select-multiple": - for (const [index, opt] of Object.entries(element.options)) { - if (value.indexOf(opt.value) !== -1) { - opt.selected = true; - } else { - opt.selected = false; - } - } - - break; - case "select-one": - // Only one value may be selected - - for (const [index, opt] of Object.entries(element.options)) { - if (opt.value === value) { - element.selectedIndex = index; - break; - } - } - - break; - } - } else if (element instanceof HTMLInputElement) { - switch (element.type) { - case "radio": - if (name === "checked") { - if (value !== undefined) { - element.checked = true; - } else { - element.checked = false; - } - } - - break; - - case "checkbox": - if (name === "checked") { - if (value !== undefined) { - element.checked = true; - } else { - element.checked = false; - } - } - - break; - case "text": - default: - if (name === "value") { - element.value = value === undefined ? "" : value; - } - - break; - } - } else if (element instanceof HTMLTextAreaElement) { - if (name === "value") { - element.value = value === undefined ? "" : value; - } - } + if (element instanceof HTMLSelectElement) { + switch (element.type) { + case "select-multiple": + for (const [index, opt] of Object.entries(element.options)) { + if (value.indexOf(opt.value) !== -1) { + opt.selected = true; + } else { + opt.selected = false; + } + } + + break; + case "select-one": + // Only one value may be selected + + for (const [index, opt] of Object.entries(element.options)) { + if (opt.value === value) { + element.selectedIndex = index; + break; + } + } + + break; + } + } else if (element instanceof HTMLInputElement) { + switch (element.type) { + case "radio": + if (name === "checked") { + if (value !== undefined) { + element.checked = true; + } else { + element.checked = false; + } + } + + break; + + case "checkbox": + if (name === "checked") { + if (value !== undefined) { + element.checked = true; + } else { + element.checked = false; + } + } + + break; + case "text": + default: + if (name === "value") { + element.value = value === undefined ? "" : value; + } + + break; + } + } else if (element instanceof HTMLTextAreaElement) { + if (name === "value") { + element.value = value === undefined ? "" : value; + } + } } /** @@ -864,48 +876,48 @@ function handleInputControlAttributeUpdate(element, name, value) { * @throws {TypeError} symbol must be an instance of Symbol */ function addObjectWithUpdaterToElement(elements, symbol, object) { - if (!(this instanceof HTMLElement)) { - throw new TypeError( - "the context of this function must be an instance of HTMLElement", - ); - } - - if (!(typeof symbol === "symbol")) { - throw new TypeError("symbol must be an instance of Symbol"); - } - - const updaters = new Set(); - - if (elements instanceof NodeList) { - elements = new Set([...elements]); - } else if (elements instanceof HTMLElement) { - elements = new Set([elements]); - } else if (elements instanceof Set) { - } else { - throw new TypeError( - `elements is not a valid type. (actual: ${typeof elements})`, - ); - } - - const result = []; - - elements.forEach((element) => { - if (!(element instanceof HTMLElement)) return; - if (element instanceof HTMLTemplateElement) return; - - const u = new Updater(element, object); - updaters.add(u); - - result.push( - u.run().then(() => { - return u.enableEventProcessing(); - }), - ); - }); - - if (updaters.size > 0) { - addToObjectLink(this, symbol, updaters); - } - - return result; + if (!(this instanceof HTMLElement)) { + throw new TypeError( + "the context of this function must be an instance of HTMLElement", + ); + } + + if (!(typeof symbol === "symbol")) { + throw new TypeError("symbol must be an instance of Symbol"); + } + + const updaters = new Set(); + + if (elements instanceof NodeList) { + elements = new Set([...elements]); + } else if (elements instanceof HTMLElement) { + elements = new Set([elements]); + } else if (elements instanceof Set) { + } else { + throw new TypeError( + `elements is not a valid type. (actual: ${typeof elements})`, + ); + } + + const result = []; + + elements.forEach((element) => { + if (!(element instanceof HTMLElement)) return; + if (element instanceof HTMLTemplateElement) return; + + const u = new Updater(element, object); + updaters.add(u); + + result.push( + u.run().then(() => { + return u.enableEventProcessing(); + }), + ); + }); + + if (updaters.size > 0) { + addToObjectLink(this, symbol, updaters); + } + + return result; } diff --git a/source/dom/util.mjs b/source/dom/util.mjs index 099cc91bcc3fb6d0cd7386df6e73ce53975843c1..4507aa83478ccdab3079fcff4b1dc01a878507d9 100644 --- a/source/dom/util.mjs +++ b/source/dom/util.mjs @@ -15,6 +15,7 @@ export { findElementWithIdUpwards, getContainingDocument, getRegisteredCustomElements, + findElementWithSelectorUpwards, }; /** @@ -207,6 +208,47 @@ function findElementWithIdUpwards(element, targetId) { return findElementWithIdUpwards(element.parentElement, targetId); } +/** + * Recursively searches upwards from a given element to find an ancestor element + * with a specified selector, considering both normal DOM and shadow DOM. + * This method is useful for finding a parent element with a specific class. + * + * @param {HTMLElement|ShadowRoot} element - The starting element or shadow root to search from. + * @param {string} selector - The selector of the target element to find. + * @returns {HTMLElement|null} - The ancestor element with the specified selector, or null if not found. + * @memberOf Monster.DOM + * @since 3.55.0 + */ +function findElementWithSelectorUpwards(element, selector) { + if (!element) { + return null; + } + + // Search within the current element's shadow root, if it exists + if (element.shadowRoot) { + const target = element.shadowRoot.querySelector(selector); + if (target) { + return target; + } + } + + if (element === document.documentElement) { + const target = document.querySelector(selector); + if (target) { + return target; + } + } + + // If the current element is inside a shadow root, search its host's ancestors + const rootNode = element.getRootNode(); + if (rootNode && rootNode instanceof ShadowRoot) { + return findElementWithSelectorUpwards(rootNode.host, selector); + } + + // Otherwise, search the current element's parent + return findElementWithSelectorUpwards(element.parentElement, selector); +} + /** * @private * @param {HTMLElement} element diff --git a/source/i18n/providers/embed.mjs b/source/i18n/providers/embed.mjs index 79e49ea54dc66eab2ac186a682f06c942c0137b5..9ec03047a5aeb8c80737ee1ada5ef69bf6b7c306 100644 --- a/source/i18n/providers/embed.mjs +++ b/source/i18n/providers/embed.mjs @@ -141,7 +141,7 @@ class Embed extends Provider { * `script[data-monster-role=translations]` is searched for and the translations are assigned to the element. * * @param element - * @returns {Promise<unknown[]>} + * @returns {Promise<Awaited<unknown>[]>} */ static assignTranslationsToElement(element) { const d = getDocument(); @@ -152,13 +152,13 @@ class Embed extends Provider { const list = d.querySelectorAll("script[data-monster-role=translations]"); if (list === null) { - return; + return Promise.resolve([]); } const promises = []; list.forEach((translationElement) => { - const p = new Embed(translationElement); + const p = new Embed(translationElement, {}); promises.push(p.assignToElement(undefined, element)); }); diff --git a/source/monster.mjs b/source/monster.mjs index 23148368ad53a80cf05c17e4890602f1fd4a9839..65e22108c8f449800af102b03a9734950b1a69bb 100644 --- a/source/monster.mjs +++ b/source/monster.mjs @@ -1,3 +1,4 @@ + /** * Copyright schukai GmbH and contributors 2023. All Rights Reserved. * Node module: @schukai/monster @@ -27,6 +28,7 @@ export * from "./components/form/state-button.mjs"; export * from "./components/form/popper.mjs"; export * from "./components/form/select.mjs"; export * from "./components/form/confirm-button.mjs"; +export * from "./components/form/context-error.mjs"; export * from "./components/form/action-button.mjs"; export * from "./components/form/form.mjs"; export * from "./components/form/api-button.mjs"; @@ -45,6 +47,7 @@ export * from "./components/form/stylesheet/state-button.mjs"; export * from "./components/form/stylesheet/popper.mjs"; export * from "./components/form/stylesheet/select.mjs"; export * from "./components/form/stylesheet/confirm-button.mjs"; +export * from "./components/form/stylesheet/context-error.mjs"; export * from "./components/form/stylesheet/action-button.mjs"; export * from "./components/form/stylesheet/form.mjs"; export * from "./components/form/stylesheet/api-button.mjs"; @@ -93,6 +96,7 @@ export * from "./components/datatable/util.mjs"; export * from "./components/datatable/filter.mjs"; export * from "./components/datatable/dataset.mjs"; export * from "./components/datatable/embedded-pagination.mjs"; +export * from "./components/datatable/status.mjs"; export * from "./components/datatable/constants.mjs"; export * from "./components/datatable/stylesheet/select-filter.mjs"; export * from "./components/datatable/stylesheet/datasource.mjs"; @@ -105,6 +109,7 @@ export * from "./components/datatable/stylesheet/filter.mjs"; export * from "./components/datatable/stylesheet/dataset.mjs"; export * from "./components/datatable/stylesheet/embedded-pagination.mjs"; export * from "./components/datatable/stylesheet/filter-controls-defaults.mjs"; +export * from "./components/datatable/stylesheet/status.mjs"; export * from "./components/datatable/stylesheet/filter-range.mjs"; export * from "./components/state/log/entry.mjs"; export * from "./components/state/state.mjs"; @@ -120,6 +125,7 @@ export * from "./components/stylesheet/spinner.mjs"; export * from "./components/stylesheet/control.mjs"; export * from "./components/stylesheet/card.mjs"; export * from "./components/stylesheet/common.mjs"; +export * from "./components/stylesheet/icons.mjs"; export * from "./components/stylesheet/popper.mjs"; export * from "./components/stylesheet/theme.mjs"; export * from "./components/stylesheet/data-grid.mjs"; diff --git a/source/text/formatter.mjs b/source/text/formatter.mjs index 430e9d75bddd052f138fe52e446946a336618371..6b31ecbabf7d19674177f663048bea6479cf2295 100644 --- a/source/text/formatter.mjs +++ b/source/text/formatter.mjs @@ -112,8 +112,8 @@ class Formatter extends BaseWithOptions { /** * Default values for the markers are `${` and `}` * - * @param {object} object - * @throws {TypeError} value is not a object + * @param object + * @param options */ constructor(object, options) { super(options); diff --git a/source/types/observer.mjs b/source/types/observer.mjs index 37e76886900e60e25a42f925e7ac1a821de9f6b2..fec0088a7266cad5939e1efcc301c0e65d740699 100644 --- a/source/types/observer.mjs +++ b/source/types/observer.mjs @@ -135,7 +135,7 @@ class Observer extends Base { setTimeout(() => { try { - // the queue and the settimeout ensure that an object is not + // the queue and the `setTimeout` ensure that an object is not // informed of the same change more than once. if (self.queue.isEmpty()) { resolve(); diff --git a/source/util/sleep.mjs b/source/util/sleep.mjs new file mode 100644 index 0000000000000000000000000000000000000000..18f4f7654e31541d2f0ca25b74747347fca12156 --- /dev/null +++ b/source/util/sleep.mjs @@ -0,0 +1,18 @@ +/** + * Copyright schukai GmbH and contributors 2023. All Rights Reserved. + * Node module: @schukai/monster + * This file is licensed under the AGPLv3 License. + * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html + */ + + +/** + * + * @param milliseconds + * @returns {Promise<unknown>} + * @since 3.55.0 + * @memberOf Monster.Util + */ +export function Sleep(milliseconds) { + return new Promise(resolve => setTimeout(resolve, milliseconds)); +} \ No newline at end of file diff --git a/test/cases/components/form/button.mjs b/test/cases/components/form/button.mjs index 6f35bbee6f01ca77e890aec2004829aad9db2f4e..281f1a5f7e06538b1f2ae4d08ab7ddfa90fcd241 100644 --- a/test/cases/components/form/button.mjs +++ b/test/cases/components/form/button.mjs @@ -103,6 +103,7 @@ describe('Button', function () { setTimeout(() => { try { + const options = button.shadowRoot.querySelector('button'); expect(options).is.instanceof(HTMLButtonElement); @@ -112,7 +113,7 @@ describe('Button', function () { } done(); - }, 0) + }, 100) }); diff --git a/test/cases/components/form/select.mjs b/test/cases/components/form/select.mjs index 91a5b5c941897a0d7d350c12ba7b9b0bb9ef6b4c..384ca9db84d0f2a8cc167a4cecbaa79407fc45c1 100644 --- a/test/cases/components/form/select.mjs +++ b/test/cases/components/form/select.mjs @@ -176,7 +176,7 @@ describe('Select', function () { done(); - }, 0) + }, 100) } } diff --git a/test/cases/components/form/tree-select.mjs b/test/cases/components/form/tree-select.mjs index 8df3fdca7c6687405a6cdf761d48b84976e5471c..f41d0d727522c6c282221e6d50fbf9f01cdbc523 100644 --- a/test/cases/components/form/tree-select.mjs +++ b/test/cases/components/form/tree-select.mjs @@ -172,7 +172,7 @@ describe('Treeselect', function () { } done(); - }, 0) + }, 100) }); diff --git a/test/cases/data/transformer.mjs b/test/cases/data/transformer.mjs index 0f21d47fa24112a24a415c5f2b95d6281e551965..ff462268420172feb53809781c558c143d8ec19e 100644 --- a/test/cases/data/transformer.mjs +++ b/test/cases/data/transformer.mjs @@ -110,13 +110,13 @@ describe('Transformer', function () { [' if:a: ', false, undefined], // without \\ [' if:a:\\ ', false, " "], [' if:a:\\ ', true, "a"], + ['default:undefined:bool', undefined, false], ['default:yes', null, 'yes'], ['default:yes', undefined, 'yes'], ['default:1:bool', undefined, true], ['default:on:bool', undefined, true], ['default:true:bool', undefined, true], ['default:yes:bool', undefined, true], - ['default:undefined:bool', undefined, false], ['default:false:bool', undefined, false], ['default:1:int', undefined, 1], ['default:1:string', undefined, '1'], @@ -190,7 +190,7 @@ describe('Transformer', function () { }); const r = t.run(b); - expect(r).to.be.eql(c); + expect(r).to.be.eql(c, "Transformer.run(" + JSON.stringify(a) + ").run(" + JSON.stringify(b) + ") should return " + JSON.stringify(c)); }); }); diff --git a/test/cases/dom/updater.mjs b/test/cases/dom/updater.mjs index 9c02cc8de44994e6ab808d6ad98d8e887bbfb9a5..a9df1e5279e11923d26da8cfcc14d0558ec475a5 100644 --- a/test/cases/dom/updater.mjs +++ b/test/cases/dom/updater.mjs @@ -177,15 +177,19 @@ describe('DOM', function () { } ); + let promise = u.run(); - u.run().then(() => { - done(new Error("should never called!")); - }).catch((e) => { - expect(e).is.instanceOf(Error); - expect(e + "").to.be.equal('Error: the value is not iterable'); - done(); - }) - + setTimeout(() => { + promise.then(() => { + setTimeout(() => { + done(new Error("should never called!")); + }, 100); + }).catch((e) => { + expect(e).is.instanceOf(Error); + expect(e + "").to.be.equal('Error: the value is not iterable'); + done(); + }) + }, 100); }); @@ -232,13 +236,15 @@ describe('DOM', function () { ); d.run().then(() => { + setTimeout(() => { + expect(typeof d).is.equal('object'); + for (let i = 0; i < 6; i++) { + expect(element).contain.html('<li data-monster-replace="path:a.b.' + i + ' | tojson" data-monster-insert-reference="current-' + i + '">{"i":"' + i + '"}</li>'); + } - expect(typeof d).is.equal('object'); - for (let i = 0; i < 6; i++) { - expect(element).contain.html('<li data-monster-replace="path:a.b.' + i + ' | tojson" data-monster-insert-reference="current-' + i + '">{"i":"' + i + '"}</li>'); - } + done(); + }, 100); - done(); }).catch( e => { done(new Error(e)) @@ -490,6 +496,7 @@ describe('DOM', function () { it('should add lower hello and HELLOyes!', function (done) { let element = document.getElementById('test1') + let d = new Updater( element, { @@ -497,24 +504,28 @@ describe('DOM', function () { } ); + d.setCallback('myformatter', function (a) { return a + 'yes!' }) - setTimeout(() => { - d.run().then(() => { + d.run().then(() => { + setTimeout(() => { expect(typeof d).is.equal('object'); expect(element).contain.html('<div data-monster-replace="path:text | tolower">hallo</div>'); expect(element).contain.html('<div data-monster-replace="path:text | call:myformatter">HALLOyes!</div>'); expect(element).contain.html('<div data-monster-replace="static:hello\\ ">hello </div>'); return done(); - }).catch( - e => { - done(new Error(e)) - }) - }, 100) + + }, 100); + + }).catch( + e => { + done(new Error(e)) + }) + }); }); @@ -546,13 +557,16 @@ describe('DOM', function () { d.run().then(() => { + setTimeout(() => { + expect(typeof d).is.equal('object'); + expect(element).contain.html('<div data-monster-insert="myid path:a.b">'); + expect(element).contain.html('<p data-monster-insert="myinnerid path:a.b" data-monster-insert-reference="myid-0">'); + expect(element).contain.html('<span data-monster-replace="path:a.b.0 | tojson" data-monster-insert-reference="myinnerid-0">{"i":"0"}</span>'); + + done(); - expect(typeof d).is.equal('object'); - expect(element).contain.html('<div data-monster-insert="myid path:a.b">'); - expect(element).contain.html('<p data-monster-insert="myinnerid path:a.b" data-monster-insert-reference="myid-0">'); - expect(element).contain.html('<span data-monster-replace="path:a.b.0 | tojson" data-monster-insert-reference="myinnerid-0">{"i":"0"}</span>'); + }, 100); - done(); }).catch( e => { done(new Error(e)) @@ -608,27 +622,30 @@ describe('DOM', function () { d.run().then(() => { + setTimeout(() => { + expect(element).contain.html('<div data-monster-attributes="class path:a.b" class="div-class">'); + expect(element).contain.html('<input data-monster-attributes="value path:a.c" id="input1" value="hello">'); + expect(element).contain.html('<textarea name="textarea" id="textarea" data-monster-attributes="value path:a.textarea" value="test">'); + expect(element).contain.html('<input data-monster-attributes="checked path:a.radio" type="radio" name="radio" value="r1" id="radio" checked="true">'); - expect(element).contain.html('<div data-monster-attributes="class path:a.b" class="div-class">'); - expect(element).contain.html('<input data-monster-attributes="value path:a.c" id="input1" value="hello">'); - expect(element).contain.html('<textarea name="textarea" id="textarea" data-monster-attributes="value path:a.textarea" value="test">'); - expect(element).contain.html('<input data-monster-attributes="checked path:a.radio" type="radio" name="radio" value="r1" id="radio" checked="true">'); + expect(text.value, 'text control').to.be.equal(d.getSubject()['a']['c']); + expect(radio.checked, 'radio control').to.be.equal(true); + expect(textarea.value, 'textarea control').to.be.equal(d.getSubject()['a']['textarea']); + expect(select.selectedIndex, 'select control').to.be.equal(1); // [0=>other-value, 1=>value2] - expect(text.value, 'text control').to.be.equal(d.getSubject()['a']['c']); - expect(radio.checked, 'radio control').to.be.equal(true); - expect(textarea.value, 'textarea control').to.be.equal(d.getSubject()['a']['textarea']); - expect(select.selectedIndex, 'select control').to.be.equal(1); // [0=>other-value, 1=>value2] + let multiselectSelectedOptions = []; + for (const [index, obj] of Object.entries(multiselect.selectedOptions)) { + multiselectSelectedOptions.push(obj.value); + } - let multiselectSelectedOptions = []; - for (const [index, obj] of Object.entries(multiselect.selectedOptions)) { - multiselectSelectedOptions.push(obj.value); - } + expect(JSON.stringify(multiselectSelectedOptions), 'multiselect control').to.be.equal(JSON.stringify(d.getSubject()['a']['multiselect'])); + expect(checkbox.checked, 'checkbox control').to.be.true; + + done(); - expect(JSON.stringify(multiselectSelectedOptions), 'multiselect control').to.be.equal(JSON.stringify(d.getSubject()['a']['multiselect'])); - expect(checkbox.checked, 'checkbox control').to.be.true; + }, 100); - done(); }).catch( e => { done(new Error(e)) @@ -726,14 +743,18 @@ describe('DOM', function () { ); setTimeout(() => { d.run().then(() => { - try { - expect(containerElement).contain.html('<div>yeah! <b>Test</b>!</div>'); - } catch (e) { - return done(e); - } + + setTimeout(() => { + + try { + expect(containerElement).contain.html('<div>yeah! <b>Test</b>!</div>'); + } catch (e) { + return done(e); + } - done() + done() + }, 100) }) }, 100) diff --git a/test/web/test.html b/test/web/test.html index 1021dade97752172b62e11979828ecc4d2671d32..d9bd1a2d684b9d1149595ed8c5a91443efdd1cc2 100644 --- a/test/web/test.html +++ b/test/web/test.html @@ -15,8 +15,8 @@ </head> <body> <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;"> - <h1 style='margin-bottom: 0.1em;'>Monster 4.0.0</h1> - <div id="lastupdate" style='font-size:0.7em'>last update Fr 3. Nov 18:43:13 CET 2023</div> + <h1 style='margin-bottom: 0.1em;'>Monster 3.54.0</h1> + <div id="lastupdate" style='font-size:0.7em'>last update Mi 29. Nov 15:34:53 CET 2023</div> </div> <div id="mocha-errors" style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div> diff --git a/test/web/tests.js b/test/web/tests.js index 1ee418a4e7f0192295506177072141da54f35234..de46ebcc98938732e14f91d634a199942e5ec9fa 100644 --- a/test/web/tests.js +++ b/test/web/tests.js @@ -4,6 +4,7 @@ try { try { try { try { +try { (() => { var __create = Object.create; var __defProp = Object.defineProperty; @@ -10418,7 +10419,7 @@ try { * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/reload"); + return Symbol.for("@schukai/monster/components/form/reload"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -21606,7 +21607,7 @@ ${key.data.toString("base64")} * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/tabs"); + return Symbol.for("@schukai/monster/components/form/tabs"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -22162,7 +22163,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/button@@instance"); + return Symbol.for("@schukai/monster/components/form/button@@instance"); } /** * @@ -22449,7 +22450,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/state-button@@instance"); + return Symbol.for("@schukai/monster/components/form/state-button@@instance"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -25508,7 +25509,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/select@@instance"); + return Symbol.for("@schukai/monster/components/form/select@@instance"); } /** * The current selection of the Select @@ -26122,7 +26123,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @returns {symbol} */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/popper@@instance"); + return Symbol.for("@schukai/monster/components/form/popper@@instance"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -26373,7 +26374,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/popper-button@@instance"); + return Symbol.for("@schukai/monster/components/form/popper-button@@instance"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -26663,7 +26664,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/message-state-button@@instance"); + return Symbol.for("@schukai/monster/components/form/message-state-button@@instance"); } /** * @@ -26994,7 +26995,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/confirm-button@@instance"); + return Symbol.for("@schukai/monster/components/form/confirm-button@@instance"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -28552,7 +28553,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h init_customelement(); init_form(); ATTRIBUTE_FORM_DATASOURCE_ACTION = `${ATTRIBUTE_PREFIX}datasource-action`; - formDataSymbol = Symbol.for("@schukai/component-form/form@@formdata"); + formDataSymbol = Symbol.for("@schukai/monster/components/form/form@@formdata"); formDataUpdaterSymbol = Symbol.for( "@schukai/component-form/form@@formdata-updater-link" ); @@ -28578,7 +28579,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/form"); + return Symbol.for("@schukai/monster/components/form/form"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -29388,7 +29389,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/tree-select@@instance"); + return Symbol.for("@schukai/monster/components/form/tree-select@@instance"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -29614,7 +29615,7 @@ span.monster-fx-ripple{animation:monster-fx-ripple .6s linear;background-color:h * @since 2.1.0 */ static get [instanceSymbol]() { - return Symbol.for("@schukai/component-form/template"); + return Symbol.for("@schukai/monster/components/form/template"); } /** * To set the options via the html tag the attribute `data-monster-options` must be used. @@ -48098,3 +48099,7 @@ document.getElementById('mocha-stats').style.backgroundColor = 'red'; document.getElementById('mocha-errors').insertAdjacentHTML('afterbegin', e ); document.getElementById('mocha-stats').style.backgroundColor = 'red'; } +} catch (e) { +document.getElementById('mocha-errors').insertAdjacentHTML('afterbegin', e ); +document.getElementById('mocha-stats').style.backgroundColor = 'red'; +}