@node-core/ui-components 1.0.1-cc5c2626b0639fe2088a736f54169ea3e10ed325 → 1.0.1-e1f87bde264af01e260a8efa4fab1749a2c6bc29

package/Containers/Sidebar/SidebarGroup/index.module.css

@@ -1,64 +1,192 @@
-@reference "../../../styles/index.css";
-
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 .group {
-  @apply flex
-    w-full
-    flex-col
-    gap-2;
-
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: calc(var(--spacing, 0.25rem)*2);
   &:not(.progression) {
     .groupName {
-      @apply px-2
-        py-1
-        text-xs
-        font-semibold
-        text-neutral-800
-        dark:text-neutral-600;
+      padding-inline: calc(var(--spacing, 0.25rem)*2);
+      padding-block: calc(var(--spacing, 0.25rem)*1);
+      font-size: var(--text-xs, 0.75rem);
+      line-height: var(--tw-leading, var(--text-xs--line-height, 1.33333));
+      --tw-font-weight: var(--font-weight-semibold, 600);
+      font-weight: var(--font-weight-semibold, 600);
+      color: var(--color-neutral-800, #556066);
+      &:where([data-theme=dark], [data-theme=dark] *) {
+        color: var(--color-neutral-600, #929fa5);
+      }
     }
   }
-
   &.progression {
-    @apply flex
-      flex-col
-      gap-4
-      text-sm
-      font-medium
-      text-neutral-800
-      dark:text-neutral-200;
-
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--spacing, 0.25rem)*4);
+    font-size: var(--text-sm, 0.875rem);
+    line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
+    --tw-font-weight: var(--font-weight-medium, 500);
+    font-weight: var(--font-weight-medium, 500);
+    color: var(--color-neutral-800, #556066);
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-neutral-200, #e9edf0);
+    }
     .itemList {
-      @apply relative
-        -left-1
-        flex
-        flex-col
-        after:absolute
-        after:left-[0.45rem]
-        after:top-0
-        after:z-10
-        after:h-full
-        after:w-px
-        after:bg-neutral-200
-        after:content-['']
-        dark:after:bg-neutral-800;
-
+      position: relative;
+      left: calc(var(--spacing, 0.25rem)*-1);
+      display: flex;
+      flex-direction: column;
+      &::after {
+        content: var(--tw-content);
+        position: absolute;
+      }
+      &::after {
+        content: var(--tw-content);
+        top: calc(var(--spacing, 0.25rem)*0);
+      }
+      &::after {
+        content: var(--tw-content);
+        left: 0.45rem;
+      }
+      &::after {
+        content: var(--tw-content);
+        z-index: 10;
+      }
+      &::after {
+        content: var(--tw-content);
+        height: 100%;
+      }
+      &::after {
+        content: var(--tw-content);
+        width: 1px;
+      }
+      &::after {
+        content: var(--tw-content);
+        background-color: var(--color-neutral-200, #e9edf0);
+      }
+      &::after {
+        content: var(--tw-content);
+        --tw-content: '';
+        content: var(--tw-content);
+      }
+      &:where([data-theme=dark], [data-theme=dark] *) {
+        &::after {
+          content: var(--tw-content);
+          background-color: var(--color-neutral-800, #556066);
+        }
+      }
       a {
-        @apply first:before:absolute
-          first:before:bottom-[calc(50%+0.25rem)]
-          first:before:left-0
-          first:before:h-20
-          first:before:w-4
-          first:before:bg-white
-          first:before:content-['']
-          last:after:absolute
-          last:after:left-0
-          last:after:top-[calc(50%+0.25rem)]
-          last:after:h-20
-          last:after:w-4
-          last:after:bg-white
-          last:after:content-['']
-          first:dark:before:bg-neutral-950
-          last:dark:after:bg-neutral-950;
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            position: absolute;
+          }
+        }
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            bottom: calc(50% + 0.25rem);
+          }
+        }
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            left: calc(var(--spacing, 0.25rem)*0);
+          }
+        }
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            height: calc(var(--spacing, 0.25rem)*20);
+          }
+        }
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            width: calc(var(--spacing, 0.25rem)*4);
+          }
+        }
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            background-color: var(--color-white, #fff);
+          }
+        }
+        &:first-child {
+          &::before {
+            content: var(--tw-content);
+            --tw-content: '';
+            content: var(--tw-content);
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            position: absolute;
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            top: calc(50% + 0.25rem);
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            left: calc(var(--spacing, 0.25rem)*0);
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            height: calc(var(--spacing, 0.25rem)*20);
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            width: calc(var(--spacing, 0.25rem)*4);
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            background-color: var(--color-white, #fff);
+          }
+        }
+        &:last-child {
+          &::after {
+            content: var(--tw-content);
+            --tw-content: '';
+            content: var(--tw-content);
+          }
+        }
+        &:first-child {
+          &:where([data-theme=dark], [data-theme=dark] *) {
+            &::before {
+              content: var(--tw-content);
+              background-color: var(--color-neutral-950, #0d121c);
+            }
+          }
+        }
+        &:last-child {
+          &:where([data-theme=dark], [data-theme=dark] *) {
+            &::after {
+              content: var(--tw-content);
+              background-color: var(--color-neutral-950, #0d121c);
+            }
+          }
+        }
       }
     }
   }
 }
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}

package/Containers/Sidebar/SidebarItem/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowUpRightIcon } from '@heroicons/react/24/solid';
+import classNames from 'classnames';
+import BaseActiveLink from '#ui/Common/BaseActiveLink';
+import styles from './index.module.css';
+import ProgressionIcon from '../ProgressionIcon';
+const SidebarItem = ({ label, link, showProgressionIcons = false, ...props }) => (_jsxs(BaseActiveLink, { className: classNames({
+        [styles.item]: true,
+        [styles.progression]: showProgressionIcons,
+    }), href: link, activeClassName: styles.active, ...props, children: [showProgressionIcons && (_jsx(ProgressionIcon, { className: styles.progressionIcon })), _jsx("span", { className: styles.label, children: label }), /^https?:/.test(link) && _jsx(ArrowUpRightIcon, { className: styles.icon })] }));
+export default SidebarItem;

package/Containers/Sidebar/SidebarItem/index.module.css

@@ -1,56 +1,67 @@
-@reference '../../../styles/index.css';
-
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 .item {
-  @apply font-regular
-    relative
-    z-20
-    flex
-    w-full
-    items-center
-    overflow-hidden
-    text-sm
-    text-neutral-800
-    dark:text-neutral-200;
-
+  position: relative;
+  z-index: 20;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  overflow: hidden;
+  font-size: var(--text-sm, 0.875rem);
+  line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
+  --tw-font-weight: var(--font-weight-regular, 400);
+  font-weight: var(--font-weight-regular, 400);
+  color: var(--color-neutral-800, #556066);
+  &:where([data-theme=dark], [data-theme=dark] *) {
+    color: var(--color-neutral-200, #e9edf0);
+  }
   .label {
-    @apply font-regular
-      p-2
-      text-sm;
+    padding: calc(var(--spacing, 0.25rem)*2);
+    font-size: var(--text-sm, 0.875rem);
+    line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
+    --tw-font-weight: var(--font-weight-regular, 400);
+    font-weight: var(--font-weight-regular, 400);
   }
-
   .progressionIcon {
-    @apply shrink-0
-      fill-neutral-200
-      stroke-white
-      stroke-[4]
-      dark:fill-neutral-800
-      dark:stroke-neutral-950;
+    flex-shrink: 0;
+    fill: var(--color-neutral-200, #e9edf0);
+    stroke: var(--color-white, #fff);
+    stroke-width: 4;
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      fill: var(--color-neutral-800, #556066);
+    }
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      stroke: var(--color-neutral-950, #0d121c);
+    }
   }
-
   .icon {
-    @apply size-3
-      text-neutral-500
-      dark:text-neutral-200;
+    width: calc(var(--spacing, 0.25rem)*3);
+    height: calc(var(--spacing, 0.25rem)*3);
+    color: var(--color-neutral-500, #b1bcc2);
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-neutral-200, #e9edf0);
+    }
   }
-
   &.progression {
     .label {
-      @apply p-1;
+      padding: calc(var(--spacing, 0.25rem)*1);
     }
   }
-
   &.active {
-    @apply text-neutral-900
-      dark:text-white;
-
+    color: var(--color-neutral-900, #2c3437);
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-white, #fff);
+    }
     .progressionIcon {
-      @apply fill-green-500;
+      fill: var(--color-green-500, #5fa04e);
     }
-
     &:not(.progression) .label {
-      @apply rounded-sm
-        bg-green-600
-        text-white;
+      border-radius: var(--radius-sm, 0.25rem);
+      background-color: var(--color-green-600, #417e38);
+      color: var(--color-white, #fff);
     }
   }
 }
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}

package/Containers/Sidebar/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Select from '#ui/Common/Select';
+import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup';
+import styles from './index.module.css';
+const SideBar = ({ groups, pathname, title, onSelect, as, showProgressionIcons = false, children, placeholder, }) => {
+    const selectItems = groups.map(({ items, groupName }) => ({
+        label: groupName,
+        items: items.map(({ label, link }) => ({ value: link, label })),
+    }));
+    const currentItem = selectItems
+        .flatMap(item => item.items)
+        .find(item => pathname === item.value);
+    return (_jsxs("aside", { className: styles.wrapper, children: [children, selectItems.length > 0 && (_jsx(Select, { label: title, values: selectItems, defaultValue: currentItem?.value, placeholder: placeholder, onChange: onSelect, className: styles.mobileSelect })), groups.map(({ groupName, items }) => (_jsx(SidebarGroup, { groupName: groupName, items: items, pathname: pathname, as: as, showProgressionIcons: showProgressionIcons, className: styles.navigation }, groupName.toString())))] }));
+};
+export default SideBar;

package/Containers/Sidebar/index.module.css

@@ -1,30 +1,48 @@
-@reference "../../styles/index.css";
-
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 .wrapper {
-  @apply flex
-    w-full
-    flex-col
-    gap-8
-    overflow-auto
-    border-r-0
-    border-neutral-200
-    bg-white
-    px-4
-    py-6
-    sm:border-r
-    md:max-w-xs
-    lg:px-6
-    dark:border-neutral-900
-    dark:bg-neutral-950;
-
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: calc(var(--spacing, 0.25rem)*8);
+  overflow: auto;
+  border-right-style: var(--tw-border-style);
+  border-right-width: 0px;
+  border-color: var(--color-neutral-200, #e9edf0);
+  background-color: var(--color-white, #fff);
+  padding-inline: calc(var(--spacing, 0.25rem)*4);
+  padding-block: calc(var(--spacing, 0.25rem)*6);
+  @media (width >= 40rem) {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+  @media (width >= 48rem) {
+    max-width: var(--container-xs, 20rem);
+  }
+  @media (width >= 64rem) {
+    padding-inline: calc(var(--spacing, 0.25rem)*6);
+  }
+  &:where([data-theme=dark], [data-theme=dark] *) {
+    border-color: var(--color-neutral-900, #2c3437);
+  }
+  &:where([data-theme=dark], [data-theme=dark] *) {
+    background-color: var(--color-neutral-950, #0d121c);
+  }
   .navigation {
-    @apply hidden
-      sm:flex;
+    display: none;
+    @media (width >= 40rem) {
+      display: flex;
+    }
   }
-
   .mobileSelect {
-    @apply flex
-      w-full
-      sm:hidden;
+    display: flex;
+    width: 100%;
+    @media (width >= 40rem) {
+      display: none;
+    }
   }
 }
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}

package/Icons/HexagonGrid.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HexagonGrid = props => (_jsxs("svg", { viewBox: "0 0 1216 726", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", ...props, children: [_jsx("mask", { id: "mask0_91_8", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", width: "1216", height: "726", x: "0", y: "0", children: _jsx("rect", { width: "1216", height: "725.8", fill: "url(#paint0_radial_91_8)" }) }), _jsxs("g", { mask: "url(#mask0_91_8)", children: [_jsx("path", { d: "M717.133 231.367L759.799 206.733L802.465 231.367V280.633L759.799 305.267L717.133 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.432 306.367L803.099 281.733L845.765 306.367V355.633L803.099 380.267L760.432 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.732 231.367L846.398 206.733L889.065 231.367V280.633L846.398 305.267L803.732 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.032 306.367L889.698 281.733L932.365 306.367V355.633L889.698 380.267L847.032 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.332 381.367L932.998 356.733L975.664 381.367V430.633L932.998 455.267L890.332 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.632 306.367L976.298 281.733L1018.96 306.367V355.633L976.298 380.267L933.632 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.233 306.367L629.899 281.733L672.566 306.367V355.633L629.899 380.267L587.233 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.533 381.367L673.199 356.733L715.865 381.367V430.633L673.199 455.267L630.533 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.833 306.367L716.499 281.733L759.165 306.367V355.633L716.499 380.267L673.833 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M717.133 381.367L759.799 356.733L802.465 381.367V430.633L759.799 455.267L717.133 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.432 456.367L803.099 431.733L845.765 456.367V505.633L803.099 530.267L760.432 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.732 381.367L846.398 356.733L889.065 381.367V430.633L846.398 455.267L803.732 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 381.367L1019.6 356.733L1062.26 381.367V430.633L1019.6 455.267L976.931 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 456.367L1062.9 431.733L1105.56 456.367V505.633L1062.9 530.267L1020.23 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 381.367L1106.2 356.733L1148.86 381.367V430.633L1106.2 455.267L1063.53 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1106.83 456.367L1149.5 431.733L1192.16 456.367V505.633L1149.5 530.267L1106.83 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1150.13 531.367L1192.8 506.733L1235.46 531.367V580.633L1192.8 605.267L1150.13 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1193.43 456.367L1236.1 431.733L1278.76 456.367V505.633L1236.1 530.267L1193.43 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.032 456.367L889.698 431.733L932.365 456.367V505.633L889.698 530.267L847.032 505.633V456.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.332 531.367L932.998 506.733L975.664 531.367V580.633L932.998 605.267L890.332 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.632 456.367L976.298 431.733L1018.96 456.367V505.633L976.298 530.267L933.632 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 531.367L1019.6 506.733L1062.26 531.367V580.633L1019.6 605.267L976.931 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 606.367L1062.9 581.733L1105.56 606.367V655.633L1062.9 680.267L1020.23 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 531.367L1106.2 506.733L1148.86 531.367V580.633L1106.2 605.267L1063.53 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 81.3666L1019.6 56.7332L1062.26 81.3666V130.633L1019.6 155.267L976.931 130.633V81.3666Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 156.367L1062.9 131.733L1105.56 156.367V205.633L1062.9 230.267L1020.23 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 81.3666L1106.2 56.7332L1148.86 81.3666V130.633L1106.2 155.267L1063.53 130.633V81.3666Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1106.83 156.367L1149.5 131.733L1192.16 156.367V205.633L1149.5 230.267L1106.83 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1150.13 231.367L1192.8 206.733L1235.46 231.367V280.633L1192.8 305.267L1150.13 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1193.43 156.367L1236.1 131.733L1278.76 156.367V205.633L1236.1 230.267L1193.43 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.032 156.367L889.698 131.733L932.365 156.367V205.633L889.698 230.267L847.032 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.332 231.367L932.998 206.733L975.664 231.367V280.633L932.998 305.267L890.332 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.632 156.367L976.298 131.733L1018.96 156.367V205.633L976.298 230.267L933.632 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 231.367L1019.6 206.733L1062.26 231.367V280.633L1019.6 305.267L976.931 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 306.367L1062.9 281.733L1105.56 306.367V355.633L1062.9 380.267L1020.23 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 231.367L1106.2 206.733L1148.86 231.367V280.633L1106.2 305.267L1063.53 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1106.83 306.367L1149.5 281.733L1192.16 306.367V355.633L1149.5 380.267L1106.83 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1150.13 381.367L1192.8 356.733L1235.46 381.367V430.633L1192.8 455.267L1150.13 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1193.43 306.367L1236.1 281.733L1278.76 306.367V355.633L1236.1 380.267L1193.43 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.523 6.36671L283.211 -18.2669L325.899 6.36671V55.6333L283.211 80.2669L240.523 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.167 6.36671L369.855 -18.2669L412.543 6.36671V55.6333L369.855 80.2669L327.167 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.486 81.3667L413.174 56.7331L455.862 81.3667V130.633L413.174 155.267L370.486 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.81 6.36671L456.498 -18.2669L499.186 6.36671V55.6333L456.498 80.2669L413.81 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2365 6.36671L109.925 -18.2669L152.613 6.36671V55.6333L109.925 80.2669L67.2365 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.558 81.3667L153.246 56.7331L195.934 81.3667V130.633L153.246 155.267L110.558 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.88 6.36671L196.568 -18.2669L239.256 6.36671V55.6333L196.568 80.2669L153.88 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.201 81.3667L239.889 56.7331L282.577 81.3667V130.633L239.889 155.267L197.201 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.523 156.367L283.211 131.733L325.899 156.367V205.633L283.211 230.267L240.523 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.845 81.3667L326.533 56.7331L369.221 81.3667V130.633L326.533 155.267L283.845 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.13 81.3667L499.818 56.7331L542.506 81.3667V130.633L499.818 155.267L457.13 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.452 156.367L543.14 131.733L585.828 156.367V205.633L543.14 230.267L500.452 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.775 81.3667L586.463 56.7331L629.151 81.3667V130.633L586.463 155.267L543.775 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.095 156.367L629.783 131.733L672.471 156.367V205.633L629.783 230.267L587.095 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.416 231.367L673.104 206.733L715.792 231.367V280.633L673.104 305.267L630.416 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.738 156.367L716.426 131.733L759.114 156.367V205.633L716.426 230.267L673.738 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.167 156.367L369.855 131.733L412.543 156.367V205.633L369.855 230.267L327.167 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.486 231.367L413.174 206.733L455.862 231.367V280.633L413.174 305.267L370.486 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.81 156.367L456.498 131.733L499.186 156.367V205.633L456.498 230.267L413.81 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.13 231.367L499.818 206.733L542.506 231.367V280.633L499.818 305.267L457.13 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.452 306.367L543.14 281.733L585.828 306.367V355.633L543.14 380.267L500.452 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.775 231.367L586.463 206.733L629.151 231.367V280.633L586.463 305.267L543.775 280.633V231.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.452 6.36671L543.14 -18.2669L585.828 6.36671V55.6333L543.14 80.2669L500.452 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.383 6.36671L803.071 -18.2669L845.759 6.36671V55.6333L803.071 80.2669L760.383 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.026 6.36671L889.714 -18.2669L932.402 6.36671V55.6333L889.714 80.2669L847.026 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.348 81.3667L933.036 56.7331L975.724 81.3667V130.633L933.036 155.267L890.348 130.633V81.3667Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.667 6.36671L976.355 -18.2669L1019.04 6.36671V55.6333L976.355 80.2669L933.667 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.095 6.36671L629.783 -18.2669L672.471 6.36671V55.6333L629.783 80.2669L587.095 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.416 81.3667L673.104 56.7331L715.792 81.3667V130.633L673.104 155.267L630.416 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.738 6.36671L716.426 -18.2669L759.114 6.36671V55.6333L716.426 80.2669L673.738 55.6333V6.36671Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M717.061 81.3667L759.749 56.7331L802.437 81.3667V130.633L759.749 155.267L717.061 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.383 156.367L803.071 131.733L845.759 156.367V205.633L803.071 230.267L760.383 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.702 81.3667L846.39 56.7331L889.078 81.3667V130.633L846.39 155.267L803.702 130.633V81.3667Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.233 606.367L369.899 581.733L412.566 606.367V655.633L369.899 680.267L327.233 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.533 681.367L413.199 656.733L455.865 681.367V730.633L413.199 755.267L370.533 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.833 606.367L456.499 581.733L499.165 606.367V655.633L456.499 680.267L413.833 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.133 681.367L499.799 656.733L542.465 681.367V730.633L499.799 755.267L457.133 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.732 681.367L586.398 656.733L629.065 681.367V730.633L586.398 755.267L543.732 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.334 681.367L240 656.733L282.666 681.367V730.633L240 755.267L197.334 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.933 681.367L326.6 656.733L369.266 681.367V730.633L326.6 755.267L283.933 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.032 456.367L629.698 431.733L672.365 456.367V505.633L629.698 530.267L587.032 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.332 531.367L672.998 506.733L715.664 531.367V580.633L672.998 605.267L630.332 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.632 456.367L716.298 431.733L758.964 456.367V505.633L716.298 530.267L673.632 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M716.931 531.367L759.598 506.733L802.264 531.367V580.633L759.598 605.267L716.931 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.231 606.367L802.897 581.733L845.564 606.367V655.633L802.897 680.267L760.231 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.531 531.367L846.197 506.733L888.864 531.367V580.633L846.197 605.267L803.531 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.133 531.367L499.799 506.733L542.465 531.367V580.633L499.799 605.267L457.133 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.432 606.367L543.099 581.733L585.765 606.367V655.633L543.099 680.267L500.432 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.732 531.367L586.398 506.733L629.065 531.367V580.633L586.398 605.267L543.732 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.032 606.367L629.698 581.733L672.365 606.367V655.633L629.698 680.267L587.032 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.332 681.367L672.998 656.733L715.664 681.367V730.633L672.998 755.267L630.332 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.632 606.367L716.298 581.733L758.964 606.367V655.633L716.298 680.267L673.632 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M846.831 606.367L889.497 581.733L932.163 606.367V655.633L889.497 680.267L846.831 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.131 681.367L932.797 656.733L975.463 681.367V730.633L932.797 755.267L890.131 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.43 606.367L976.097 581.733L1018.76 606.367V655.633L976.097 680.267L933.43 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.73 681.367L1019.4 656.733L1062.06 681.367V730.633L1019.4 755.267L976.73 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.33 681.367L1106 656.733L1148.66 681.367V730.633L1106 755.267L1063.33 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M716.931 681.367L759.598 656.733L802.264 681.367V730.633L759.598 755.267L716.931 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.531 681.367L846.197 656.733L888.864 681.367V730.633L846.197 755.267L803.531 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-62.7322 381.367L-20.0442 356.733L22.6438 381.367V430.633L-20.0442 455.267L-62.7322 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-19.4139 456.367L23.2741 431.733L65.9621 456.367V505.633L23.2741 530.267L-19.4139 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M23.9103 381.367L66.5983 356.733L109.286 381.367V430.633L66.5983 455.267L23.9103 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 456.367L109.919 431.733L152.607 456.367V505.633L109.919 530.267L67.2306 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 531.367L153.241 506.733L195.929 531.367V580.633L153.241 605.267L110.553 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 456.367L196.563 431.733L239.251 456.367V505.633L196.563 530.267L153.875 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.195 531.367L239.884 506.733L282.572 531.367V580.633L239.884 605.267L197.195 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.517 606.367L283.205 581.733L325.893 606.367V655.633L283.205 680.267L240.517 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.839 531.367L326.527 506.733L369.215 531.367V580.633L326.527 605.267L283.839 580.633V531.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-62.7322 531.367L-20.0442 506.733L22.6438 531.367V580.633L-20.0442 605.267L-62.7322 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-19.4139 606.367L23.2741 581.733L65.9621 606.367V655.633L23.2741 680.267L-19.4139 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M23.9103 531.367L66.5983 506.733L109.286 531.367V580.633L66.5983 605.267L23.9103 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 606.367L109.919 581.733L152.607 606.367V655.633L109.919 680.267L67.2306 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 681.367L153.241 656.733L195.929 681.367V730.633L153.241 755.267L110.553 730.633V681.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 606.367L196.563 581.733L239.251 606.367V655.633L196.563 680.267L153.875 655.633V606.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 156.367L109.919 131.733L152.607 156.367V205.633L109.919 230.267L67.2306 205.633V156.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 231.367L153.241 206.733L195.929 231.367V280.633L153.241 305.267L110.553 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 156.367L196.563 131.733L239.251 156.367V205.633L196.563 230.267L153.875 205.633V156.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.195 231.367L239.884 206.733L282.572 231.367V280.633L239.884 305.267L197.195 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.517 306.367L283.205 281.733L325.893 306.367V355.633L283.205 380.267L240.517 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.839 231.367L326.527 206.733L369.215 231.367V280.633L326.527 305.267L283.839 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-62.7322 231.367L-20.0442 206.733L22.6438 231.367V280.633L-20.0442 305.267L-62.7322 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-19.4139 306.367L23.2741 281.733L65.9621 306.367V355.633L23.2741 380.267L-19.4139 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M23.9103 231.367L66.5983 206.733L109.286 231.367V280.633L66.5983 305.267L23.9103 280.633V231.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 306.367L109.919 281.733L152.607 306.367V355.633L109.919 380.267L67.2306 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 381.367L153.241 356.733L195.929 381.367V430.633L153.241 455.267L110.553 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 306.367L196.563 281.733L239.251 306.367V355.633L196.563 380.267L153.875 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.161 306.367L369.849 281.733L412.537 306.367V355.633L369.849 380.267L327.161 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.484 381.367L413.172 356.733L455.86 381.367V430.633L413.172 455.267L370.484 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.803 306.367L456.491 281.733L499.179 306.367V355.633L456.491 380.267L413.803 355.633V306.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.126 381.367L499.814 356.733L542.502 381.367V430.633L499.814 455.267L457.126 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.448 456.367L543.136 431.733L585.824 456.367V505.633L543.136 530.267L500.448 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.768 381.367L586.456 356.733L629.144 381.367V430.633L586.456 455.267L543.768 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.195 381.367L239.884 356.733L282.572 381.367V430.633L239.884 455.267L197.195 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.517 456.367L283.205 431.733L325.893 456.367V505.633L283.205 530.267L240.517 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.839 381.367L326.527 356.733L369.215 381.367V430.633L326.527 455.267L283.839 430.633V381.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.161 456.367L369.849 431.733L412.537 456.367V505.633L369.849 530.267L327.161 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.484 531.367L413.172 506.733L455.86 531.367V580.633L413.172 605.267L370.484 580.633V531.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.803 456.367L456.491 431.733L499.179 456.367V505.633L456.491 530.267L413.803 505.633V456.367Z", stroke: "rgba(255, 255, 255, 1.0)", strokeWidth: "1.0" })] }), _jsxs("g", { mask: "url(#mask0_91_8)", children: [_jsx("path", { d: "M717.133 231.367L759.799 206.733L802.465 231.367V280.633L759.799 305.267L717.133 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.432 306.367L803.099 281.733L845.765 306.367V355.633L803.099 380.267L760.432 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.732 231.367L846.398 206.733L889.065 231.367V280.633L846.398 305.267L803.732 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.032 306.367L889.698 281.733L932.365 306.367V355.633L889.698 380.267L847.032 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.332 381.367L932.998 356.733L975.664 381.367V430.633L932.998 455.267L890.332 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.632 306.367L976.298 281.733L1018.96 306.367V355.633L976.298 380.267L933.632 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.233 306.367L629.899 281.733L672.566 306.367V355.633L629.899 380.267L587.233 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.533 381.367L673.199 356.733L715.865 381.367V430.633L673.199 455.267L630.533 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.833 306.367L716.499 281.733L759.165 306.367V355.633L716.499 380.267L673.833 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M717.133 381.367L759.799 356.733L802.465 381.367V430.633L759.799 455.267L717.133 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.432 456.367L803.099 431.733L845.765 456.367V505.633L803.099 530.267L760.432 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.732 381.367L846.398 356.733L889.065 381.367V430.633L846.398 455.267L803.732 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 381.367L1019.6 356.733L1062.26 381.367V430.633L1019.6 455.267L976.931 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 456.367L1062.9 431.733L1105.56 456.367V505.633L1062.9 530.267L1020.23 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 381.367L1106.2 356.733L1148.86 381.367V430.633L1106.2 455.267L1063.53 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1106.83 456.367L1149.5 431.733L1192.16 456.367V505.633L1149.5 530.267L1106.83 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1150.13 531.367L1192.8 506.733L1235.46 531.367V580.633L1192.8 605.267L1150.13 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1193.43 456.367L1236.1 431.733L1278.76 456.367V505.633L1236.1 530.267L1193.43 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.032 456.367L889.698 431.733L932.365 456.367V505.633L889.698 530.267L847.032 505.633V456.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.332 531.367L932.998 506.733L975.664 531.367V580.633L932.998 605.267L890.332 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.632 456.367L976.298 431.733L1018.96 456.367V505.633L976.298 530.267L933.632 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 531.367L1019.6 506.733L1062.26 531.367V580.633L1019.6 605.267L976.931 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 606.367L1062.9 581.733L1105.56 606.367V655.633L1062.9 680.267L1020.23 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 531.367L1106.2 506.733L1148.86 531.367V580.633L1106.2 605.267L1063.53 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 81.3666L1019.6 56.7332L1062.26 81.3666V130.633L1019.6 155.267L976.931 130.633V81.3666Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 156.367L1062.9 131.733L1105.56 156.367V205.633L1062.9 230.267L1020.23 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 81.3666L1106.2 56.7332L1148.86 81.3666V130.633L1106.2 155.267L1063.53 130.633V81.3666Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1106.83 156.367L1149.5 131.733L1192.16 156.367V205.633L1149.5 230.267L1106.83 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1150.13 231.367L1192.8 206.733L1235.46 231.367V280.633L1192.8 305.267L1150.13 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1193.43 156.367L1236.1 131.733L1278.76 156.367V205.633L1236.1 230.267L1193.43 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.032 156.367L889.698 131.733L932.365 156.367V205.633L889.698 230.267L847.032 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.332 231.367L932.998 206.733L975.664 231.367V280.633L932.998 305.267L890.332 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.632 156.367L976.298 131.733L1018.96 156.367V205.633L976.298 230.267L933.632 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.931 231.367L1019.6 206.733L1062.26 231.367V280.633L1019.6 305.267L976.931 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1020.23 306.367L1062.9 281.733L1105.56 306.367V355.633L1062.9 380.267L1020.23 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.53 231.367L1106.2 206.733L1148.86 231.367V280.633L1106.2 305.267L1063.53 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1106.83 306.367L1149.5 281.733L1192.16 306.367V355.633L1149.5 380.267L1106.83 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1150.13 381.367L1192.8 356.733L1235.46 381.367V430.633L1192.8 455.267L1150.13 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1193.43 306.367L1236.1 281.733L1278.76 306.367V355.633L1236.1 380.267L1193.43 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.523 6.36671L283.211 -18.2669L325.899 6.36671V55.6333L283.211 80.2669L240.523 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.167 6.36671L369.855 -18.2669L412.543 6.36671V55.6333L369.855 80.2669L327.167 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.486 81.3667L413.174 56.7331L455.862 81.3667V130.633L413.174 155.267L370.486 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.81 6.36671L456.498 -18.2669L499.186 6.36671V55.6333L456.498 80.2669L413.81 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2365 6.36671L109.925 -18.2669L152.613 6.36671V55.6333L109.925 80.2669L67.2365 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.558 81.3667L153.246 56.7331L195.934 81.3667V130.633L153.246 155.267L110.558 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.88 6.36671L196.568 -18.2669L239.256 6.36671V55.6333L196.568 80.2669L153.88 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.201 81.3667L239.889 56.7331L282.577 81.3667V130.633L239.889 155.267L197.201 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.523 156.367L283.211 131.733L325.899 156.367V205.633L283.211 230.267L240.523 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.845 81.3667L326.533 56.7331L369.221 81.3667V130.633L326.533 155.267L283.845 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.13 81.3667L499.818 56.7331L542.506 81.3667V130.633L499.818 155.267L457.13 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.452 156.367L543.14 131.733L585.828 156.367V205.633L543.14 230.267L500.452 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.775 81.3667L586.463 56.7331L629.151 81.3667V130.633L586.463 155.267L543.775 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.095 156.367L629.783 131.733L672.471 156.367V205.633L629.783 230.267L587.095 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.416 231.367L673.104 206.733L715.792 231.367V280.633L673.104 305.267L630.416 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.738 156.367L716.426 131.733L759.114 156.367V205.633L716.426 230.267L673.738 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.167 156.367L369.855 131.733L412.543 156.367V205.633L369.855 230.267L327.167 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.486 231.367L413.174 206.733L455.862 231.367V280.633L413.174 305.267L370.486 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.81 156.367L456.498 131.733L499.186 156.367V205.633L456.498 230.267L413.81 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.13 231.367L499.818 206.733L542.506 231.367V280.633L499.818 305.267L457.13 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.452 306.367L543.14 281.733L585.828 306.367V355.633L543.14 380.267L500.452 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.775 231.367L586.463 206.733L629.151 231.367V280.633L586.463 305.267L543.775 280.633V231.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.452 6.36671L543.14 -18.2669L585.828 6.36671V55.6333L543.14 80.2669L500.452 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.383 6.36671L803.071 -18.2669L845.759 6.36671V55.6333L803.071 80.2669L760.383 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M847.026 6.36671L889.714 -18.2669L932.402 6.36671V55.6333L889.714 80.2669L847.026 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.348 81.3667L933.036 56.7331L975.724 81.3667V130.633L933.036 155.267L890.348 130.633V81.3667Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.667 6.36671L976.355 -18.2669L1019.04 6.36671V55.6333L976.355 80.2669L933.667 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.095 6.36671L629.783 -18.2669L672.471 6.36671V55.6333L629.783 80.2669L587.095 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.416 81.3667L673.104 56.7331L715.792 81.3667V130.633L673.104 155.267L630.416 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.738 6.36671L716.426 -18.2669L759.114 6.36671V55.6333L716.426 80.2669L673.738 55.6333V6.36671Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M717.061 81.3667L759.749 56.7331L802.437 81.3667V130.633L759.749 155.267L717.061 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.383 156.367L803.071 131.733L845.759 156.367V205.633L803.071 230.267L760.383 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.702 81.3667L846.39 56.7331L889.078 81.3667V130.633L846.39 155.267L803.702 130.633V81.3667Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.233 606.367L369.899 581.733L412.566 606.367V655.633L369.899 680.267L327.233 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.533 681.367L413.199 656.733L455.865 681.367V730.633L413.199 755.267L370.533 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.833 606.367L456.499 581.733L499.165 606.367V655.633L456.499 680.267L413.833 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.133 681.367L499.799 656.733L542.465 681.367V730.633L499.799 755.267L457.133 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.732 681.367L586.398 656.733L629.065 681.367V730.633L586.398 755.267L543.732 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.334 681.367L240 656.733L282.666 681.367V730.633L240 755.267L197.334 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.933 681.367L326.6 656.733L369.266 681.367V730.633L326.6 755.267L283.933 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.032 456.367L629.698 431.733L672.365 456.367V505.633L629.698 530.267L587.032 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.332 531.367L672.998 506.733L715.664 531.367V580.633L672.998 605.267L630.332 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.632 456.367L716.298 431.733L758.964 456.367V505.633L716.298 530.267L673.632 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M716.931 531.367L759.598 506.733L802.264 531.367V580.633L759.598 605.267L716.931 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M760.231 606.367L802.897 581.733L845.564 606.367V655.633L802.897 680.267L760.231 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.531 531.367L846.197 506.733L888.864 531.367V580.633L846.197 605.267L803.531 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.133 531.367L499.799 506.733L542.465 531.367V580.633L499.799 605.267L457.133 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.432 606.367L543.099 581.733L585.765 606.367V655.633L543.099 680.267L500.432 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.732 531.367L586.398 506.733L629.065 531.367V580.633L586.398 605.267L543.732 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M587.032 606.367L629.698 581.733L672.365 606.367V655.633L629.698 680.267L587.032 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M630.332 681.367L672.998 656.733L715.664 681.367V730.633L672.998 755.267L630.332 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M673.632 606.367L716.298 581.733L758.964 606.367V655.633L716.298 680.267L673.632 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M846.831 606.367L889.497 581.733L932.163 606.367V655.633L889.497 680.267L846.831 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M890.131 681.367L932.797 656.733L975.463 681.367V730.633L932.797 755.267L890.131 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M933.43 606.367L976.097 581.733L1018.76 606.367V655.633L976.097 680.267L933.43 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M976.73 681.367L1019.4 656.733L1062.06 681.367V730.633L1019.4 755.267L976.73 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M1063.33 681.367L1106 656.733L1148.66 681.367V730.633L1106 755.267L1063.33 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M716.931 681.367L759.598 656.733L802.264 681.367V730.633L759.598 755.267L716.931 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M803.531 681.367L846.197 656.733L888.864 681.367V730.633L846.197 755.267L803.531 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-62.7322 381.367L-20.0442 356.733L22.6438 381.367V430.633L-20.0442 455.267L-62.7322 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-19.4139 456.367L23.2741 431.733L65.9621 456.367V505.633L23.2741 530.267L-19.4139 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M23.9103 381.367L66.5983 356.733L109.286 381.367V430.633L66.5983 455.267L23.9103 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 456.367L109.919 431.733L152.607 456.367V505.633L109.919 530.267L67.2306 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 531.367L153.241 506.733L195.929 531.367V580.633L153.241 605.267L110.553 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 456.367L196.563 431.733L239.251 456.367V505.633L196.563 530.267L153.875 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.195 531.367L239.884 506.733L282.572 531.367V580.633L239.884 605.267L197.195 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.517 606.367L283.205 581.733L325.893 606.367V655.633L283.205 680.267L240.517 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.839 531.367L326.527 506.733L369.215 531.367V580.633L326.527 605.267L283.839 580.633V531.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-62.7322 531.367L-20.0442 506.733L22.6438 531.367V580.633L-20.0442 605.267L-62.7322 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-19.4139 606.367L23.2741 581.733L65.9621 606.367V655.633L23.2741 680.267L-19.4139 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M23.9103 531.367L66.5983 506.733L109.286 531.367V580.633L66.5983 605.267L23.9103 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 606.367L109.919 581.733L152.607 606.367V655.633L109.919 680.267L67.2306 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 681.367L153.241 656.733L195.929 681.367V730.633L153.241 755.267L110.553 730.633V681.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 606.367L196.563 581.733L239.251 606.367V655.633L196.563 680.267L153.875 655.633V606.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 156.367L109.919 131.733L152.607 156.367V205.633L109.919 230.267L67.2306 205.633V156.367Z", fill: "white", fillOpacity: "0.25", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 231.367L153.241 206.733L195.929 231.367V280.633L153.241 305.267L110.553 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 156.367L196.563 131.733L239.251 156.367V205.633L196.563 230.267L153.875 205.633V156.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.195 231.367L239.884 206.733L282.572 231.367V280.633L239.884 305.267L197.195 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.517 306.367L283.205 281.733L325.893 306.367V355.633L283.205 380.267L240.517 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.839 231.367L326.527 206.733L369.215 231.367V280.633L326.527 305.267L283.839 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-62.7322 231.367L-20.0442 206.733L22.6438 231.367V280.633L-20.0442 305.267L-62.7322 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M-19.4139 306.367L23.2741 281.733L65.9621 306.367V355.633L23.2741 380.267L-19.4139 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M23.9103 231.367L66.5983 206.733L109.286 231.367V280.633L66.5983 305.267L23.9103 280.633V231.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M67.2306 306.367L109.919 281.733L152.607 306.367V355.633L109.919 380.267L67.2306 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M110.553 381.367L153.241 356.733L195.929 381.367V430.633L153.241 455.267L110.553 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M153.875 306.367L196.563 281.733L239.251 306.367V355.633L196.563 380.267L153.875 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.161 306.367L369.849 281.733L412.537 306.367V355.633L369.849 380.267L327.161 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.484 381.367L413.172 356.733L455.86 381.367V430.633L413.172 455.267L370.484 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.803 306.367L456.491 281.733L499.179 306.367V355.633L456.491 380.267L413.803 355.633V306.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M457.126 381.367L499.814 356.733L542.502 381.367V430.633L499.814 455.267L457.126 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M500.448 456.367L543.136 431.733L585.824 456.367V505.633L543.136 530.267L500.448 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M543.768 381.367L586.456 356.733L629.144 381.367V430.633L586.456 455.267L543.768 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M197.195 381.367L239.884 356.733L282.572 381.367V430.633L239.884 455.267L197.195 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M240.517 456.367L283.205 431.733L325.893 456.367V505.633L283.205 530.267L240.517 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M283.839 381.367L326.527 356.733L369.215 381.367V430.633L326.527 455.267L283.839 430.633V381.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M327.161 456.367L369.849 431.733L412.537 456.367V505.633L369.849 530.267L327.161 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M370.484 531.367L413.172 506.733L455.86 531.367V580.633L413.172 605.267L370.484 580.633V531.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" }), _jsx("path", { d: "M413.803 456.367L456.491 431.733L499.179 456.367V505.633L456.491 530.267L413.803 505.633V456.367Z", stroke: "rgba(0, 0, 0, 1.0)", strokeWidth: "1.0" })] }), _jsx("defs", { children: _jsxs("radialGradient", { id: "paint0_radial_91_8", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(608 362.9) rotate(90) scale(447.374 749.527)", children: [_jsx("stop", { stopColor: "#D9D9D9", stopOpacity: "0.1" }), _jsx("stop", { offset: "0.802083", stopColor: "#D9D9D9", stopOpacity: "0" })] }) })] }));
+export default HexagonGrid;

package/Icons/InstallationMethod/Choco.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Choco = props => (_jsx("svg", { width: "32", height: "32", viewBox: "0 0 31.7 28.4", enableBackground: "new 0 0 31.7 28.4", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsxs("g", { children: [_jsx("polygon", { fill: "#924716", points: "27.6,27.2 5.7,27.2 5.7,1 27.6,1 27.6,6.9" }), _jsx("polygon", { fill: "#793812", points: "27.6,1 27.6,27.2 25.7,27.2 25.7,2.6" }), _jsx("polygon", { fill: "#9F5326", points: "25.4,2.6 3.5,2.6 3.5,1 27.3,1" }), _jsxs("g", { children: [_jsx("polygon", { fill: "#80B5E3", points: "27.6,27.2 3.7,27.2 3.7,1 8.5,1 12.6,4.2 16.6,2.6 19.1,5.7 23.8,4.9 25.7,10.7 27.6,18.1\n\t\t\t30.5,21.1 29,23.6 31.7,28.4" }), _jsx("polygon", { fill: "#80B5E3", points: "3.7,27.2 3.7,1 0,0 1.9,4.2 0,7.5 1.9,10.8 0,14.1 1.9,17.3 0,20.6 1.9,23.9 0,28.4" })] }), _jsx("polygon", { opacity: "0.2", fill: "#FFFFFF", points: "10.4,2.6 5.4,2.6 3.5,1 8.3,1" }), _jsxs("g", { children: [_jsx("path", { fill: "#924716", d: "M18.3,13.7c-0.7,0.6-2.5,1.9-4.4,2.3c-2.3,0.5-3.6-1.4-3.1-3.2c0.5-2.1,2.8-3.7,4.8-3\n\t\t\tc0.9,0.3,0.6,1.5,0.3,2.1c-0.8,1.5,0.3,1.7,0.8,1.2c1.5-1.6,2.4-4.3-0.2-5.3c-4-1.5-7.3,2.2-8.4,5.2c-1.7,4.8,2.4,9,7.1,5.8\n\t\t\tc1.2-0.8,2.6-2.2,3.5-3.4C19.5,14.2,19,13.1,18.3,13.7z" }), _jsx("ellipse", { transform: "matrix(0.707 -0.7072 0.7072 0.707 -1.547 19.2306)", fill: "#924716", cx: "22.4", cy: "11.5", rx: "1.6", ry: "1.1" }), _jsx("ellipse", { transform: "matrix(0.707 -0.7072 0.7072 0.707 -4.7882 20.1076)", fill: "#924716", cx: "21.9", cy: "15.8", rx: "1.6", ry: "1.1" })] }), _jsx("polygon", { opacity: "0.2", fill: "#FFFFFF", points: "5.7,25.5 3.7,27.2 3.7,1 5.7,2.6" }), _jsxs("g", { opacity: "0.2", children: [_jsx("polygon", { fill: "#342565", points: "27.6,27.2 3.7,27.2 5.7,25.5 25.7,25.5" }), _jsx("polygon", { fill: "#342565", points: "27.6,27.2 25.7,25.5 25.7,10.7 27.6,18.1" })] })] }) }));
+export default Choco;

package/Icons/InstallationMethod/Devbox.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Devbox = props => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 72 82", fill: "none", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 10C5.8203 10 0 15.8203 0 23V69C0 76.1797 5.8203 82 13 82H59C66.1797 82 72 76.1797 72 69V23C72 15.8203 66.1797 10 59 10H13ZM43.4517 27.3216L36.736 26C35.7684 30.5522 34.8025 35.0963 33.8373 39.6375C32.0633 47.984 30.2914 56.3205 28.5145 64.6784C30.6514 65.0972 32.7246 65.5057 34.8238 65.9194L35.2326 66C37.9763 53.0902 40.708 40.2361 43.4517 27.3216ZM17.2331 39.8993C19.3084 37.7699 21.3837 35.6405 23.4662 33.5048V33.5025C24.2473 34.2026 25.0175 34.8927 25.7871 35.5823C26.6771 36.3799 27.5665 37.1768 28.471 37.9877C27.9368 38.5369 27.4041 39.0844 26.8723 39.6311C24.7162 41.8475 22.5739 44.0496 20.3943 46.2892C22.0822 48.0264 23.7644 49.7572 25.4589 51.5006C26.4583 52.5288 27.4619 53.5614 28.4735 54.6023C27.1593 55.7919 25.8603 56.9699 24.5311 58.1753C24.1785 58.495 23.8238 58.8167 23.4662 59.1409C19.3181 54.8671 15.1892 50.6118 11 46.2938C13.0825 44.1581 15.1578 42.0287 17.2331 39.8993ZM51.721 36.7763C54.8139 39.9486 57.9016 43.1155 61 46.2915V46.2938C58.3761 48.9999 55.7608 51.6957 53.1384 54.3989C51.6078 55.9767 50.0748 57.557 48.5362 59.1433C48.0002 58.6574 47.4699 58.1768 46.9425 57.6989C45.8007 56.6641 44.6721 55.6414 43.5265 54.6023C44.5387 53.5611 45.5444 52.5265 46.5489 51.4931C48.2291 49.7646 49.9058 48.0397 51.6033 46.2938C48.9223 43.5344 46.2534 40.7889 43.529 37.9877C44.1996 37.3868 44.8634 36.7918 45.5271 36.1968C46.5207 35.3062 47.5143 34.4155 48.5314 33.5048C49.5956 34.5963 50.6586 35.6866 51.721 36.7763Z", fill: "#280459" }) }));
+export default Devbox;

package/Icons/InstallationMethod/Docker.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Docker = props => (_jsx("svg", { width: "32", height: "32", viewBox: "0 0 756.26 596.9", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fill: "#1d63ed", strokeWidth: "0px", d: "M743.96,245.25c-18.54-12.48-67.26-17.81-102.68-8.27-1.91-35.28-20.1-65.01-53.38-90.95l-12.32-8.27-8.21,12.4c-16.14,24.5-22.94,57.14-20.53,86.81,1.9,18.28,8.26,38.83,20.53,53.74-46.1,26.74-88.59,20.67-276.77,20.67H.06c-.85,42.49,5.98,124.23,57.96,190.77,5.74,7.35,12.04,14.46,18.87,21.31,42.26,42.32,106.11,73.35,201.59,73.44,145.66.13,270.46-78.6,346.37-268.97,24.98.41,90.92,4.48,123.19-57.88.79-1.05,8.21-16.54,8.21-16.54l-12.3-8.27ZM189.67,206.39h-81.7v81.7h81.7v-81.7ZM295.22,206.39h-81.7v81.7h81.7v-81.7ZM400.77,206.39h-81.7v81.7h81.7v-81.7ZM506.32,206.39h-81.7v81.7h81.7v-81.7ZM84.12,206.39H2.42v81.7h81.7v-81.7ZM189.67,103.2h-81.7v81.7h81.7v-81.7ZM295.22,103.2h-81.7v81.7h81.7v-81.7ZM400.77,103.2h-81.7v81.7h81.7v-81.7ZM400.77,0h-81.7v81.7h81.7V0Z" }) }));
+export default Docker;