@arc-ui/components 12.0.0-beta.18 → 12.0.0-beta.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/lib/Alert/Alert.cjs +1 -1
  2. package/lib/Alert/Alert.mjs +1 -1
  3. package/lib/Alert/styles.css +1 -1
  4. package/lib/Align/styles.css +1 -1
  5. package/lib/AppButton/styles.css +1 -1
  6. package/lib/Avatar/Avatar.cjs +2 -1
  7. package/lib/Avatar/Avatar.mjs +2 -1
  8. package/lib/Avatar/styles.css +1 -1
  9. package/lib/AvatarGroup/AvatarGroup.cjs +2 -1
  10. package/lib/AvatarGroup/AvatarGroup.mjs +2 -1
  11. package/lib/AvatarGroup/styles.css +1 -1
  12. package/lib/Badge/styles.css +1 -1
  13. package/lib/Banner/Banner.cjs +2 -3
  14. package/lib/Banner/Banner.mjs +2 -3
  15. package/lib/Box/styles.css +1 -1
  16. package/lib/BrandLogo/styles.css +1 -1
  17. package/lib/Breadcrumbs/Breadcrumbs.cjs +2 -1
  18. package/lib/Breadcrumbs/Breadcrumbs.mjs +2 -1
  19. package/lib/Breadcrumbs/styles.css +1 -1
  20. package/lib/Button/Button.cjs +2 -2
  21. package/lib/Button/Button.mjs +2 -2
  22. package/lib/Button/styles.css +1 -1
  23. package/lib/ButtonGroup/ButtonGroup.cjs +3 -3
  24. package/lib/ButtonGroup/ButtonGroup.mjs +3 -3
  25. package/lib/ButtonGroup/styles.css +1 -1
  26. package/lib/ButtonV2/ButtonV2.cjs +2 -2
  27. package/lib/ButtonV2/ButtonV2.mjs +2 -2
  28. package/lib/ButtonV2/styles.css +1 -1
  29. package/lib/Calendar/Calendar.cjs +3 -3
  30. package/lib/Calendar/Calendar.mjs +3 -3
  31. package/lib/Calendar/styles.css +1 -1
  32. package/lib/CardFooter/CardFooter.cjs +2 -2
  33. package/lib/CardFooter/CardFooter.mjs +2 -2
  34. package/lib/CardFooter/styles.css +1 -1
  35. package/lib/CardHeading/styles.css +1 -1
  36. package/lib/Carousel/Carousel.cjs +1 -1
  37. package/lib/Carousel/Carousel.mjs +1 -1
  38. package/lib/Carousel/styles.css +1 -1
  39. package/lib/Checkbox/Checkbox.cjs +2 -2
  40. package/lib/Checkbox/Checkbox.mjs +2 -2
  41. package/lib/Checkbox/styles.css +1 -1
  42. package/lib/Columns/styles.css +1 -1
  43. package/lib/ComboBox/ComboBox.cjs +3 -3
  44. package/lib/ComboBox/ComboBox.mjs +3 -3
  45. package/lib/ComboBox/styles.css +1 -1
  46. package/lib/ContentSwitcher/ContentSwitcher.cjs +1 -1
  47. package/lib/ContentSwitcher/ContentSwitcher.mjs +1 -1
  48. package/lib/ContentSwitcher/styles.css +1 -1
  49. package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.cjs +1 -1
  50. package/lib/ContentSwitcherDropdown/ContentSwitcherDropdown.mjs +1 -1
  51. package/lib/ContentSwitcherDropdown/styles.css +1 -1
  52. package/lib/DatePicker/DatePicker.cjs +196 -17
  53. package/lib/DatePicker/DatePicker.mjs +200 -17
  54. package/lib/DatePicker/styles.css +1 -1
  55. package/lib/Disclosure/styles.css +1 -1
  56. package/lib/DisclosureMini/styles.css +1 -1
  57. package/lib/Download/styles.css +1 -1
  58. package/lib/Drawer/Drawer.cjs +46 -323
  59. package/lib/Drawer/Drawer.mjs +44 -306
  60. package/lib/Drawer/styles.css +1 -1
  61. package/lib/Elevation/styles.css +1 -1
  62. package/lib/Filter/styles.css +1 -1
  63. package/lib/FormControl/FormControl.cjs +1 -1
  64. package/lib/FormControl/FormControl.mjs +1 -1
  65. package/lib/FormControl/styles.css +1 -1
  66. package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs +1 -1
  67. package/lib/GhostedHeroBanner/GhostedHeroBanner.mjs +1 -1
  68. package/lib/GhostedHeroBanner/styles.css +1 -1
  69. package/lib/GradientPageBackground/GradientPageBackground.cjs +257 -0
  70. package/lib/GradientPageBackground/GradientPageBackground.mjs +237 -0
  71. package/lib/GradientPageBackground/styles.css +1 -0
  72. package/lib/Grid/styles.css +1 -1
  73. package/lib/Group/styles.css +1 -1
  74. package/lib/Heading/styles.css +1 -1
  75. package/lib/HeroBanner/HeroBanner.cjs +2 -3
  76. package/lib/HeroBanner/HeroBanner.mjs +2 -3
  77. package/lib/HeroBanner/styles.css +1 -1
  78. package/lib/HeroButton/HeroButton.cjs +2 -2
  79. package/lib/HeroButton/HeroButton.mjs +2 -2
  80. package/lib/HeroButton/styles.css +1 -1
  81. package/lib/Hidden/styles.css +1 -1
  82. package/lib/HorizontalCard/HorizontalCard.cjs +3 -2
  83. package/lib/HorizontalCard/HorizontalCard.mjs +3 -2
  84. package/lib/HorizontalCard/styles.css +1 -1
  85. package/lib/Icon/Icon.cjs +1 -1
  86. package/lib/Icon/Icon.mjs +1 -1
  87. package/lib/Icon/styles.css +1 -1
  88. package/lib/Image/styles.css +1 -1
  89. package/lib/ImpactCard/ImpactCard.cjs +7 -4
  90. package/lib/ImpactCard/ImpactCard.mjs +7 -4
  91. package/lib/ImpactCard/styles.css +1 -1
  92. package/lib/InformationCard/InformationCard.cjs +7 -5
  93. package/lib/InformationCard/InformationCard.mjs +7 -5
  94. package/lib/InformationCard/styles.css +1 -1
  95. package/lib/Link/Link.cjs +1 -1
  96. package/lib/Link/Link.mjs +1 -1
  97. package/lib/Link/styles.css +1 -1
  98. package/lib/Markup/styles.css +1 -1
  99. package/lib/MediaCard/MediaCard.cjs +3 -5
  100. package/lib/MediaCard/MediaCard.mjs +3 -5
  101. package/lib/MediaCard/styles.css +1 -1
  102. package/lib/Menu/Menu.cjs +35 -48
  103. package/lib/Menu/Menu.mjs +21 -34
  104. package/lib/Menu/styles.css +1 -1
  105. package/lib/Modal/Modal.cjs +2 -2
  106. package/lib/Modal/Modal.mjs +2 -2
  107. package/lib/Modal/styles.css +1 -1
  108. package/lib/Pagination/styles.css +1 -1
  109. package/lib/PaginationSimple/PaginationSimple.cjs +1 -1
  110. package/lib/PaginationSimple/PaginationSimple.mjs +1 -1
  111. package/lib/PaginationSimple/styles.css +1 -1
  112. package/lib/Popover/styles.css +1 -1
  113. package/lib/Poster/styles.css +1 -1
  114. package/lib/ProgressBar/styles.css +1 -1
  115. package/lib/ProgressStepper/ProgressStepper.cjs +10 -72
  116. package/lib/ProgressStepper/ProgressStepper.mjs +8 -74
  117. package/lib/ProgressStepper/styles.css +1 -1
  118. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.cjs +20 -0
  119. package/lib/ProgressStepperOverflow/ProgressStepperOverflow.mjs +14 -0
  120. package/lib/ProgressStepperOverflow/styles.css +1 -0
  121. package/lib/RadioCardGroup/RadioCardGroup.cjs +3 -3
  122. package/lib/RadioCardGroup/RadioCardGroup.mjs +4 -4
  123. package/lib/RadioCardGroup/styles.css +1 -1
  124. package/lib/RadioGroup/RadioGroup.cjs +4 -5
  125. package/lib/RadioGroup/RadioGroup.mjs +5 -6
  126. package/lib/RadioGroup/styles.css +1 -1
  127. package/lib/Rule/styles.css +1 -1
  128. package/lib/ScrollToTop/ScrollToTop.cjs +5 -2
  129. package/lib/ScrollToTop/ScrollToTop.mjs +5 -2
  130. package/lib/ScrollToTop/styles.css +1 -1
  131. package/lib/Section/styles.css +1 -1
  132. package/lib/Select/Select.cjs +11 -15
  133. package/lib/Select/Select.mjs +12 -16
  134. package/lib/Select/styles.css +1 -1
  135. package/lib/SiteFooter/SiteFooter.cjs +10 -7
  136. package/lib/SiteFooter/SiteFooter.mjs +10 -7
  137. package/lib/SiteFooter/styles.css +1 -1
  138. package/lib/SiteFooterV2/SiteFooterV2.cjs +19 -22
  139. package/lib/SiteFooterV2/SiteFooterV2.mjs +19 -22
  140. package/lib/SiteFooterV2/styles.css +1 -1
  141. package/lib/SiteHeaderV2/SiteHeaderV2.cjs +4 -4
  142. package/lib/SiteHeaderV2/SiteHeaderV2.mjs +5 -5
  143. package/lib/SiteHeaderV2/styles.css +1 -1
  144. package/lib/Skeleton/styles.css +1 -1
  145. package/lib/SkipLink/styles.css +1 -1
  146. package/lib/Spinner/styles.css +1 -1
  147. package/lib/Surface/styles.css +1 -1
  148. package/lib/Switch/Switch.cjs +17 -14
  149. package/lib/Switch/Switch.mjs +17 -14
  150. package/lib/Switch/styles.css +1 -1
  151. package/lib/TabbedBanner/TabbedBanner.cjs +9 -6
  152. package/lib/TabbedBanner/TabbedBanner.mjs +9 -6
  153. package/lib/TabbedBanner/styles.css +1 -1
  154. package/lib/Tabs/Tabs.cjs +1 -1
  155. package/lib/Tabs/Tabs.mjs +1 -1
  156. package/lib/Tabs/styles.css +1 -1
  157. package/lib/Tag/Tag.cjs +1 -1
  158. package/lib/Tag/Tag.mjs +1 -1
  159. package/lib/Tag/styles.css +1 -1
  160. package/lib/TemplateBanner/TemplateBanner.cjs +2 -3
  161. package/lib/TemplateBanner/TemplateBanner.mjs +2 -3
  162. package/lib/TemplateBanner/styles.css +1 -1
  163. package/lib/Text/styles.css +1 -1
  164. package/lib/TextArea/TextArea.cjs +19 -17
  165. package/lib/TextArea/TextArea.mjs +19 -17
  166. package/lib/TextArea/styles.css +1 -1
  167. package/lib/TextInput/TextInput.cjs +2 -2
  168. package/lib/TextInput/TextInput.mjs +2 -2
  169. package/lib/TextInput/styles.css +1 -1
  170. package/lib/Theme/Theme.cjs +1 -1
  171. package/lib/Theme/Theme.mjs +1 -1
  172. package/lib/Theme/styles.css +1 -1
  173. package/lib/ThemeIcon/styles.css +1 -1
  174. package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs +5 -8
  175. package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs +5 -8
  176. package/lib/ThumbnailSignpost/styles.css +1 -1
  177. package/lib/Toast/styles.css +1 -1
  178. package/lib/Tooltip/Tooltip.cjs +1 -1
  179. package/lib/Tooltip/Tooltip.mjs +1 -1
  180. package/lib/Tooltip/styles.css +1 -1
  181. package/lib/Truncate/styles.css +1 -1
  182. package/lib/TypographyCard/TypographyCard.cjs +7 -4
  183. package/lib/TypographyCard/TypographyCard.mjs +7 -4
  184. package/lib/TypographyCard/styles.css +1 -1
  185. package/lib/UniversalHeader/styles.css +1 -1
  186. package/lib/VerticalSpace/styles.css +1 -1
  187. package/lib/VideoPlayer/VideoPlayer.cjs +1 -1
  188. package/lib/VideoPlayer/VideoPlayer.mjs +1 -1
  189. package/lib/VideoPlayer/styles.css +1 -1
  190. package/lib/Visible/Visible.cjs +6 -14
  191. package/lib/Visible/Visible.mjs +4 -16
  192. package/lib/Visible/styles.css +1 -1
  193. package/lib/VisuallyHidden/styles.css +1 -1
  194. package/lib/_shared/cjs/{Avatar-CxbjOB_b.cjs → Avatar-CrUioj_6.cjs} +4 -1
  195. package/lib/_shared/cjs/{Button-CKTa6bQL.cjs → Button-uD9mR8w-.cjs} +1 -1
  196. package/lib/_shared/cjs/{ButtonV2-CRNNZ_nd.cjs → ButtonV2-Bta5SVVY.cjs} +2 -2
  197. package/lib/_shared/cjs/{Calendar-C5C0evEy.cjs → Calendar-D4ZSaHHU.cjs} +3 -3
  198. package/lib/_shared/cjs/{CardFooter-DwE-u0Om.cjs → CardFooter-ChphRFHe.cjs} +1 -1
  199. package/lib/_shared/cjs/{Checkbox-D2UQsmiB.cjs → Checkbox-DfZMjO1Y.cjs} +1 -1
  200. package/lib/_shared/cjs/{ComboBox-BIMxZhJp.cjs → ComboBox-BGUhlqx1.cjs} +2 -2
  201. package/lib/_shared/cjs/{ContentSwitcherDropdown-CAWaAMZN.cjs → ContentSwitcherDropdown-U5ZTbJTe.cjs} +1 -1
  202. package/lib/_shared/cjs/{ContentSwitcherList-I7jCZn8C.cjs → ContentSwitcherList-nlxMHXs-.cjs} +3 -2
  203. package/lib/_shared/cjs/{DatePicker-BgU6iidG.cjs → DatePicker-DS6fAvxD.cjs} +48 -30
  204. package/lib/_shared/cjs/{FormControl-D3-JbAVb.cjs → FormControl-BPnKQrCm.cjs} +19 -13
  205. package/lib/_shared/cjs/{HeroButton-CiIygZ16.cjs → HeroButton-CrzkTUwP.cjs} +1 -1
  206. package/lib/_shared/cjs/{Icon-KMACQ1i3.cjs → Icon-CzhyKqMd.cjs} +1 -1
  207. package/lib/_shared/cjs/{MediaCard-kcqfmeue.cjs → MediaCard-BEZFbiYO.cjs} +5 -9
  208. package/lib/_shared/cjs/{MenuSubContent-Bs2_ebS3.cjs → MenuItemMultiLevelContent-vLr6hSBm.cjs} +7 -9
  209. package/lib/_shared/cjs/ProgressStepper-BL9Y5c4X.cjs +77 -0
  210. package/lib/_shared/cjs/ProgressStepperOverflow-v-TyS5Sp.cjs +142 -0
  211. package/lib/_shared/cjs/{RadioCardGroupInput-BmntgyWB.cjs → RadioCardGroupInput-CeUM3yPS.cjs} +1 -1
  212. package/lib/_shared/cjs/{RadioGroupInput-D3trTxB5.cjs → RadioGroupInput-w2qkfsnG.cjs} +2 -2
  213. package/lib/_shared/cjs/{SiteHeaderV2NavItemWithSubNav-DgoCW2W3.cjs → SiteHeaderV2NavItemWithSubNav-fQPk0gZU.cjs} +3 -3
  214. package/lib/_shared/cjs/{TemplateBanner-BMi77IGK.cjs → TemplateBanner-CGtTUy81.cjs} +13 -6
  215. package/lib/_shared/cjs/{TextInput-DT4hi02U.cjs → TextInput-ByySubi5.cjs} +7 -7
  216. package/lib/_shared/cjs/Visible-Dx__9oZG.cjs +18 -0
  217. package/lib/_shared/cjs/{index.es-sqSQUWYg.cjs → index.es-DBEGtWPg.cjs} +1 -1
  218. package/lib/_shared/esm/{Avatar-B8aoUhmE.mjs → Avatar-Fb1E5MA9.mjs} +4 -1
  219. package/lib/_shared/esm/{Button-9L4AksQP.mjs → Button-BxuM3_gz.mjs} +1 -1
  220. package/lib/_shared/esm/{ButtonV2-2U4PvnpS.mjs → ButtonV2-DwYBAojW.mjs} +2 -2
  221. package/lib/_shared/esm/{Calendar-L6u3D8xb.mjs → Calendar-CjqPM7ta.mjs} +3 -3
  222. package/lib/_shared/esm/{CardFooter-CgDDDI7Z.mjs → CardFooter-fsAY4cc6.mjs} +1 -1
  223. package/lib/_shared/esm/{Checkbox-NxnK40uZ.mjs → Checkbox-CwOHzlQF.mjs} +1 -1
  224. package/lib/_shared/esm/{ComboBox-DUTrEu0N.mjs → ComboBox-CRlJjeev.mjs} +2 -2
  225. package/lib/_shared/esm/{ContentSwitcherDropdown-dktkyAjY.mjs → ContentSwitcherDropdown-BCkuAfwC.mjs} +1 -1
  226. package/lib/_shared/esm/{ContentSwitcherList-OnZoE86O.mjs → ContentSwitcherList-DKPD9GfN.mjs} +3 -2
  227. package/lib/_shared/esm/{DatePicker-CccSfg17.mjs → DatePicker-3sYJ3wGn.mjs} +46 -31
  228. package/lib/_shared/esm/{FormControl-B9fp1ilz.mjs → FormControl-CWyrVi1u.mjs} +19 -13
  229. package/lib/_shared/esm/{HeroButton-HYskwyvn.mjs → HeroButton-jdjjV_Gf.mjs} +1 -1
  230. package/lib/_shared/esm/{Icon-MZfaoOo9.mjs → Icon-CcPOJcQm.mjs} +1 -1
  231. package/lib/_shared/esm/{MediaCard-CjTDOvmx.mjs → MediaCard-DqMaNWsE.mjs} +5 -9
  232. package/lib/_shared/esm/{MenuSubContent-Cv9mSn58.mjs → MenuItemMultiLevelContent-JTOHqpzg.mjs} +7 -8
  233. package/lib/_shared/esm/ProgressStepper-CLBtBNy2.mjs +74 -0
  234. package/lib/_shared/esm/ProgressStepperOverflow-B9ba8ljs.mjs +140 -0
  235. package/lib/_shared/esm/{RadioCardGroupInput-Cy1r7M8l.mjs → RadioCardGroupInput-D7W28geB.mjs} +1 -1
  236. package/lib/_shared/esm/{RadioGroupInput-DiRS2jwQ.mjs → RadioGroupInput-zAWSV29m.mjs} +2 -2
  237. package/lib/_shared/esm/{SiteHeaderV2NavItemWithSubNav-BLqiSeEC.mjs → SiteHeaderV2NavItemWithSubNav-BMoBdUxK.mjs} +3 -3
  238. package/lib/_shared/esm/{TemplateBanner-zc4VmeeW.mjs → TemplateBanner-Up6cR-3_.mjs} +14 -7
  239. package/lib/_shared/esm/{TextInput-Vp_cBbpQ.mjs → TextInput-Dk7qNGoh.mjs} +7 -7
  240. package/lib/_shared/esm/Visible-C-jVXUWp.mjs +16 -0
  241. package/lib/_shared/esm/{index.es-C3WGtwrW.mjs → index.es-DCvYtQfu.mjs} +2 -2
  242. package/lib/index.cjs +1177 -877
  243. package/lib/index.cjs.map +1 -1
  244. package/lib/index.d.cts +193 -63
  245. package/lib/index.d.mts +193 -63
  246. package/lib/index.js.map +1 -1
  247. package/lib/index.mjs +1167 -872
  248. package/lib/index.mjs.map +1 -1
  249. package/lib/styles.css +8 -22
  250. package/package.json +8 -8
  251. package/lib/GradientBackground/GradientBackground.cjs +0 -19
  252. package/lib/GradientBackground/GradientBackground.mjs +0 -17
  253. package/lib/GradientBackground/styles.css +0 -1
package/lib/GradientPageBackground/GradientPageBackground.mjs ADDED
@@ -0,0 +1,237 @@
1
+ 'use client';
2
+ import { a as __assign, _ as __rest, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
3
+ import * as React from 'react';
4
+ import React__default, { useState, useEffect } from 'react';
5
+ import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
6
+ import { s as svgToMiniDataURI } from '../_shared/esm/index-CL6dwOYV.mjs';
7
+ import { u as useMediaQuery } from '../_shared/esm/use-media-query-DmKuIDEM.mjs';
8
+ import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
9
+ import { d as ArcSizeBreakpointsS, A as ArcSizeBreakpointsM, c as ArcSizeBreakpointsL, b as ArcSizeBreakpointsXl } from '../_shared/esm/index.es-DCvYtQfu.mjs';
10
+ import '../_shared/esm/index-Spae4j7j.mjs';
11
+
12
+ var S_BREAKPOINT = "(min-width: ".concat(ArcSizeBreakpointsS, ")");
13
+ var M_BREAKPOINT = "(min-width: ".concat(ArcSizeBreakpointsM, ")");
14
+ var L_BREAKPOINT = "(min-width: ".concat(ArcSizeBreakpointsL, ")");
15
+ var XL_BREAKPOINT = "(min-width: ".concat(ArcSizeBreakpointsXl, ")");
16
+
17
+ var HomepageDark1 = "\n <svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n >\n <g clipPath=\"url(#clip0_6783_736)\">\n <g clipPath=\"url(#clip1_6783_736)\">\n <path\n d=\"M-6.26531 52.9727L66.2344 94.4728V177.473L-6.26531 218.973L-78.7656 177.473V94.4728L-6.26531 52.9727Z\"\n fill=\"#8D248D\"\n />\n <path\n d=\"M-6.26531 797.973L66.2344 839.474V922.471L-6.26531 963.973L-78.7656 922.471V839.474L-6.26531 797.973Z\"\n fill=\"#9E1DBE\"\n />\n <path\n d=\"M710.235 51.9727L782.234 93.7228V177.223L710.235 218.973L638.234 177.223V93.7228L710.235 51.9727Z\"\n fill=\"#5E3690\"\n />\n <path\n d=\"M710.235 797.973L782.234 839.474V922.471L710.235 963.973L638.234 922.471V839.474L710.235 797.973Z\"\n fill=\"#A73BC6\"\n />\n <path\n d=\"M-6.26531 300.973L66.2344 342.723V426.223L-6.26531 467.973L-78.7656 426.223V342.723L-6.26531 300.973Z\"\n fill=\"#9F21A2\"\n />\n <path\n d=\"M-6.26531 1045.97L66.2344 1087.47V1170.47L-6.26531 1211.97L-78.7656 1170.47V1087.47L-6.26531 1045.97Z\"\n fill=\"#9723C0\"\n />\n <path\n d=\"M710.235 299.973L782.234 341.723V425.223L710.235 466.973L638.234 425.223V341.723L710.235 299.973Z\"\n fill=\"#803EBA\"\n />\n <path\n d=\"M709.235 1045.97L781.234 1087.47V1170.47L709.235 1211.97L637.234 1170.47V1087.47L709.235 1045.97Z\"\n fill=\"#B03EC0\"\n />\n <path\n d=\"M-6.26531 548.973L66.2344 590.723V674.223L-6.26531 715.973L-78.7656 674.223V590.723L-6.26531 548.973Z\"\n fill=\"#A61DB7\"\n />\n <path\n d=\"M710.235 547.973L782.234 589.723V673.223L710.235 714.973L638.234 673.223V589.723L710.235 547.973Z\"\n fill=\"#9C38CB\"\n />\n <path\n d=\"M66.2343 -71.0273L138.234 -29.2773V54.2228L66.2343 95.9727L-5.76562 54.2228V-29.2773L66.2343 -71.0273Z\"\n fill=\"#8D248D\"\n />\n <path\n d=\"M65.2343 672.973L137.234 714.723V798.22L65.2343 839.973L-6.76562 798.22V714.723L65.2343 672.973Z\"\n fill=\"#9D1EBA\"\n />\n <path\n d=\"M781.234 -72.0273L853.234 -30.2773V53.2228L781.234 94.9727L709.234 53.2228V-30.2773L781.234 -72.0273Z\"\n fill=\"#3B4C90\"\n />\n <path\n d=\"M781.234 672.973L853.234 714.723V798.22L781.234 839.973L709.234 798.22V714.723L781.234 672.973Z\"\n fill=\"#9644CE\"\n />\n <path\n d=\"M65.2343 176.973L137.234 218.473V301.473L65.2343 342.973L-6.76562 301.473V218.473L65.2343 176.973Z\"\n fill=\"#8E218F\"\n />\n <path\n d=\"M64.2343 921.973L136.234 963.719V1047.23L64.2343 1088.97L-7.76562 1047.23V963.719L64.2343 921.973Z\"\n fill=\"#9523C0\"\n />\n <path\n d=\"M781.234 175.973L853.234 217.473V300.473L781.234 341.973L709.234 300.473V217.473L781.234 175.973Z\"\n fill=\"#5848A3\"\n />\n <path\n d=\"M781.234 920.973L853.234 962.719V1046.23L781.234 1087.97L709.234 1046.23V962.719L781.234 920.973Z\"\n fill=\"#A547C4\"\n />\n <path\n d=\"M66.2343 424.973L138.234 466.473V549.473L66.2343 590.973L-5.76562 549.473V466.473L66.2343 424.973Z\"\n fill=\"#A21FAC\"\n />\n <path\n d=\"M66.2343 1168.97L138.234 1210.47V1293.47L66.2343 1334.97L-5.76562 1293.47V1210.47L66.2343 1168.97Z\"\n fill=\"#9723C0\"\n />\n <path\n d=\"M781.234 423.973L853.234 465.473V548.473L781.234 589.973L709.234 548.473V465.473L781.234 423.973Z\"\n fill=\"#844BCE\"\n />\n <path\n d=\"M781.234 1168.97L853.234 1210.47V1293.47L781.234 1334.97L709.234 1293.47V1210.47L781.234 1168.97Z\"\n fill=\"#B03EC0\"\n />\n <path\n d=\"M137.734 52.9727L209.234 94.7228V178.223L137.734 219.973L66.2344 178.223V94.7228L137.734 52.9727Z\"\n fill=\"#8D248D\"\n />\n <path\n d=\"M136.734 797.973L208.234 839.474V922.471L136.734 963.973L65.2344 922.471V839.474L136.734 797.973Z\"\n fill=\"#9E1DBE\"\n />\n <path\n d=\"M853.234 51.9727L925.234 93.7228V177.223L853.234 218.973L781.234 177.223V93.7228L853.234 51.9727Z\"\n fill=\"#3B4C90\"\n />\n <path\n d=\"M853.234 796.973L925.234 838.474V921.471L853.234 962.973L781.234 921.471V838.474L853.234 796.973Z\"\n fill=\"#934ECC\"\n />\n <path\n d=\"M136.734 300.973L208.234 342.723V426.223L136.734 467.973L65.2344 426.223V342.723L136.734 300.973Z\"\n fill=\"#9F21A2\"\n />\n <path\n d=\"M137.734 1045.97L209.234 1087.47V1170.47L137.734 1211.97L66.2344 1170.47V1087.47L137.734 1045.97Z\"\n fill=\"#9723C0\"\n />\n <path\n d=\"M853.234 299.973L925.234 341.723V425.223L853.234 466.973L781.234 425.223V341.723L853.234 299.973Z\"\n fill=\"#585BBC\"\n />\n <path\n d=\"M853.234 1044.97L925.234 1086.47V1169.47L853.234 1210.97L781.234 1169.47V1086.47L853.234 1044.97Z\"\n fill=\"#9F50C4\"\n />\n <path\n d=\"M137.734 548.973L209.234 590.723V674.223L137.734 715.973L66.2344 674.223V590.723L137.734 548.973Z\"\n fill=\"#A61DB7\"\n />\n <path\n d=\"M852.234 547.973L924.234 589.723V673.223L852.234 714.973L780.234 673.223V589.723L852.234 547.973Z\"\n fill=\"#7D54D4\"\n />\n <path\n d=\"M208.734 -71.0273L280.234 -29.2773V54.2228L208.734 95.9727L137.234 54.2228V-29.2773L208.734 -71.0273Z\"\n fill=\"#A4329B\"\n />\n <path\n d=\"M208.234 672.973L280.234 714.723V798.22L208.234 839.973L136.234 798.22V714.723L208.234 672.973Z\"\n fill=\"#A718BC\"\n />\n <path\n d=\"M923.734 -72.0273L995.234 -30.2773V53.2228L923.734 94.9727L852.234 53.2228V-30.2773L923.734 -72.0273Z\"\n fill=\"#2B548D\"\n />\n <path\n d=\"M923.734 671.973L995.234 713.723V797.22L923.734 838.973L852.234 797.22V713.723L923.734 671.973Z\"\n fill=\"#745FD7\"\n />\n <path\n d=\"M208.234 177.973L280.234 219.473V302.473L208.234 343.973L136.234 302.473V219.473L208.234 177.973Z\"\n fill=\"#A0279D\"\n />\n <path\n d=\"M208.234 920.973L280.234 962.719V1046.23L208.234 1087.97L136.234 1046.23V962.719L208.234 920.973Z\"\n fill=\"#A01BC0\"\n />\n <path\n d=\"M923.734 176.973L995.234 218.473V301.473L923.734 342.973L852.234 301.473V218.473L923.734 176.973Z\"\n fill=\"#375BA2\"\n />\n <path\n d=\"M923.734 919.973L995.234 961.719V1045.23L923.734 1086.97L852.234 1045.23V961.719L923.734 919.973Z\"\n fill=\"#8F54CE\"\n />\n <path\n d=\"M208.234 424.973L280.234 466.473V549.473L208.234 590.973L136.234 549.473V466.473L208.234 424.973Z\"\n fill=\"#AF1FB4\"\n />\n <path\n d=\"M209.234 1168.97L281.234 1210.47V1293.47L209.234 1334.97L137.234 1293.47V1210.47L209.234 1168.97Z\"\n fill=\"#9723C0\"\n />\n <path\n d=\"M923.734 423.973L995.234 465.473V548.473L923.734 589.973L852.234 548.473V465.473L923.734 423.973Z\"\n fill=\"#586DD4\"\n />\n <path\n d=\"M923.734 1168.97L995.234 1210.47V1293.47L923.734 1334.97L852.234 1293.47V1210.47L923.734 1168.97Z\"\n fill=\"#9F50C4\"\n />\n <path\n d=\"M279.734 52.9727L352.234 94.7228V178.223L279.734 219.973L207.234 178.223V94.7228L279.734 52.9727Z\"\n fill=\"#A4329B\"\n />\n <path\n d=\"M279.734 796.973L352.234 838.474V921.471L279.734 962.973L207.234 921.471V838.474L279.734 796.973Z\"\n fill=\"#AA13BE\"\n />\n <path\n d=\"M995.234 52.9727L1067.23 94.7228V178.223L995.234 219.973L923.234 178.223V94.7228L995.234 52.9727Z\"\n fill=\"#2B548D\"\n />\n <path\n d=\"M995.234 795.973L1067.23 837.474V920.471L995.234 961.973L923.234 920.471V837.474L995.234 795.973Z\"\n fill=\"#7162DA\"\n />\n <path\n d=\"M280.734 300.973L353.234 342.723V426.223L280.734 467.973L208.234 426.223V342.723L280.734 300.973Z\"\n fill=\"#B329AE\"\n />\n <path\n d=\"M280.734 1044.97L353.234 1086.47V1169.47L280.734 1210.97L208.234 1169.47V1086.47L280.734 1044.97Z\"\n fill=\"#A816C0\"\n />\n <path\n d=\"M995.234 299.973L1067.23 341.723V425.223L995.234 466.973L923.234 425.223V341.723L995.234 299.973Z\"\n fill=\"#366BB9\"\n />\n <path\n d=\"M995.234 1044.97L1067.23 1086.47V1169.47L995.234 1210.97L923.234 1169.47V1086.47L995.234 1044.97Z\"\n fill=\"#8A51D5\"\n />\n <path\n d=\"M279.734 548.973L352.234 590.723V674.223L279.734 715.973L207.234 674.223V590.723L279.734 548.973Z\"\n fill=\"#B217BB\"\n />\n <path\n d=\"M995.234 546.973L1067.23 588.723V672.223L995.234 713.973L923.234 672.223V588.723L995.234 546.973Z\"\n fill=\"#487BDD\"\n />\n <path\n d=\"M351.234 -71.0273L423.234 -29.2773V54.2228L351.234 95.9727L279.234 54.2228V-29.2773L351.234 -71.0273Z\"\n fill=\"#982994\"\n />\n <path\n d=\"M351.734 672.973L423.234 714.723V798.22L351.734 839.973L280.234 798.22V714.723L351.734 672.973Z\"\n fill=\"#B312BD\"\n />\n <path\n d=\"M1066.23 -72.0273L1138.23 -30.2773V53.2228L1066.23 94.9727L994.234 53.2228V-30.2773L1066.23 -72.0273Z\"\n fill=\"#2F558B\"\n />\n <path\n d=\"M1066.23 670.973L1138.23 712.723V796.22L1066.23 837.973L994.234 796.22V712.723L1066.23 670.973Z\"\n fill=\"#457EE2\"\n />\n <path\n d=\"M351.734 177.973L423.234 219.473V302.473L351.734 343.973L280.234 302.473V219.473L351.734 177.973Z\"\n fill=\"#AE2FA6\"\n />\n <path\n d=\"M351.734 920.973L423.234 962.719V1046.23L351.734 1087.97L280.234 1046.23V962.719L351.734 920.973Z\"\n fill=\"#B012C0\"\n />\n <path\n d=\"M1066.23 176.973L1138.23 218.473V301.473L1066.23 342.973L994.234 301.473V218.473L1066.23 176.973Z\"\n fill=\"#2C5C9A\"\n />\n <path\n d=\"M1067.23 919.973L1139.23 961.719V1045.23L1067.23 1086.97L995.234 1045.23V961.719L1067.23 919.973Z\"\n fill=\"#7858E0\"\n />\n <path\n d=\"M350.734 425.973L422.234 467.473V550.473L350.734 591.973L279.234 550.473V467.473L350.734 425.973Z\"\n fill=\"#BB1FBB\"\n />\n <path\n d=\"M351.734 1168.97L423.234 1210.47V1293.47L351.734 1334.97L280.234 1293.47V1210.47L351.734 1168.97Z\"\n fill=\"#A816C0\"\n />\n <path\n d=\"M1066.23 423.973L1138.23 465.473V548.473L1066.23 589.973L994.234 548.473V465.473L1066.23 423.973Z\"\n fill=\"#3280D1\"\n />\n <path\n d=\"M1066.23 1167.97L1138.23 1209.47V1292.47L1066.23 1333.97L994.234 1292.47V1209.47L1066.23 1167.97Z\"\n fill=\"#8A51D5\"\n />\n <path\n d=\"M423.234 52.9727L495.234 94.7228V178.223L423.234 219.973L351.234 178.223V94.7228L423.234 52.9727Z\"\n fill=\"#982994\"\n />\n <path\n d=\"M423.234 796.973L495.234 838.474V921.471L423.234 962.973L351.234 921.471V838.474L423.234 796.973Z\"\n fill=\"#B615BF\"\n />\n <path\n d=\"M1138.23 51.9727L1210.23 93.7228V177.223L1138.23 218.973L1066.23 177.223V93.7228L1138.23 51.9727Z\"\n fill=\"#2F558B\"\n />\n <path\n d=\"M1137.23 795.973L1209.23 837.474V920.471L1137.23 961.973L1065.23 920.471V837.474L1137.23 795.973Z\"\n fill=\"#586DE3\"\n />\n <path\n d=\"M423.234 300.973L495.234 342.723V426.223L423.234 467.973L351.234 426.223V342.723L423.234 300.973Z\"\n fill=\"#B223B1\"\n />\n <path\n d=\"M423.234 1044.97L495.234 1086.47V1169.47L423.234 1210.97L351.234 1169.47V1086.47L423.234 1044.97Z\"\n fill=\"#BA19C2\"\n />\n <path\n d=\"M1138.23 299.973L1210.23 341.723V425.223L1138.23 466.973L1066.23 425.223V341.723L1138.23 299.973Z\"\n fill=\"#2D6BB1\"\n />\n <path\n d=\"M1138.23 1043.97L1210.23 1085.47V1168.47L1138.23 1209.97L1066.23 1168.47V1085.47L1138.23 1043.97Z\"\n fill=\"#8452E3\"\n />\n <path\n d=\"M423.234 548.973L495.234 590.723V674.223L423.234 715.973L351.234 674.223V590.723L423.234 548.973Z\"\n fill=\"#B717BD\"\n />\n <path\n d=\"M1138.23 546.973L1210.23 588.723V672.223L1138.23 713.973L1066.23 672.223V588.723L1138.23 546.973Z\"\n fill=\"#2E8AE0\"\n />\n <path\n d=\"M494.734 -72.0273L567.234 -30.2773V53.2228L494.734 94.9727L422.234 53.2228V-30.2773L494.734 -72.0273Z\"\n fill=\"#822190\"\n />\n <path\n d=\"M494.734 672.973L567.234 714.723V798.22L494.734 839.973L422.234 798.22V714.723L494.734 672.973Z\"\n fill=\"#B61CBF\"\n />\n <path\n d=\"M1209.23 -72.0273L1281.23 -30.2773V53.2228L1209.23 94.9727L1137.23 53.2228V-30.2773L1209.23 -72.0273Z\"\n fill=\"#2F558B\"\n />\n <path\n d=\"M1209.23 671.973L1281.23 713.723V797.22L1209.23 838.973L1137.23 797.22V713.723L1209.23 671.973Z\"\n fill=\"#3C85E3\"\n />\n <path\n d=\"M494.734 176.973L567.234 218.473V301.473L494.734 342.973L422.234 301.473V218.473L494.734 176.973Z\"\n fill=\"#9F22A3\"\n />\n <path\n d=\"M494.734 920.973L567.234 962.719V1046.23L494.734 1087.97L422.234 1046.23V962.719L494.734 920.973Z\"\n fill=\"#BC22C1\"\n />\n <path\n d=\"M1209.23 175.973L1281.23 217.473V300.473L1209.23 341.973L1137.23 300.473V217.473L1209.23 175.973Z\"\n fill=\"#2E5B96\"\n />\n <path\n d=\"M1209.23 918.973L1281.23 960.719V1044.23L1209.23 1085.97L1137.23 1044.23V960.719L1209.23 918.973Z\"\n fill=\"#745CE6\"\n />\n <path\n d=\"M494.734 424.973L567.234 466.473V549.473L494.734 590.973L422.234 549.473V466.473L494.734 424.973Z\"\n fill=\"#B51EBD\"\n />\n <path\n d=\"M494.734 1168.97L567.234 1210.47V1293.47L494.734 1334.97L422.234 1293.47V1210.47L494.734 1168.97Z\"\n fill=\"#BA19C2\"\n />\n <path\n d=\"M1209.23 423.973L1281.23 465.473V548.473L1209.23 589.973L1137.23 548.473V465.473L1209.23 423.973Z\"\n fill=\"#2C82CE\"\n />\n <path\n d=\"M1209.23 1167.97L1281.23 1209.47V1292.47L1209.23 1333.97L1137.23 1292.47V1209.47L1209.23 1167.97Z\"\n fill=\"#8452E3\"\n />\n <path\n d=\"M567.234 52.9727L639.234 94.7228V178.223L567.234 219.973L495.234 178.223V94.7228L567.234 52.9727Z\"\n fill=\"#822190\"\n />\n <path\n d=\"M567.234 797.973L639.234 839.474V922.471L567.234 963.973L495.234 922.471V839.474L567.234 797.973Z\"\n fill=\"#B628C1\"\n />\n <path\n d=\"M1280.74 51.9727L1352.23 93.7228V177.223L1280.74 218.973L1209.23 177.223V93.7228L1280.74 51.9727Z\"\n fill=\"#2E5B96\"\n />\n <path\n d=\"M1280.74 795.973L1352.23 837.474V920.471L1280.74 961.973L1209.23 920.471V837.474L1280.74 795.973Z\"\n fill=\"#586DE3\"\n />\n <path\n d=\"M567.234 300.973L639.234 342.723V426.223L567.234 467.973L495.234 426.223V342.723L567.234 300.973Z\"\n fill=\"#A124B3\"\n />\n <path\n d=\"M566.234 1045.97L638.234 1087.47V1170.47L566.234 1211.97L494.234 1170.47V1087.47L566.234 1045.97Z\"\n fill=\"#BD2EC0\"\n />\n <path\n d=\"M1280.74 298.973L1352.23 340.723V424.223L1280.74 465.973L1209.23 424.223V340.723L1280.74 298.973Z\"\n fill=\"#2D6BB1\"\n />\n <path\n d=\"M1280.74 1043.97L1352.23 1085.47V1168.47L1280.74 1209.97L1209.23 1168.47V1085.47L1280.74 1043.97Z\"\n fill=\"#745CE6\"\n />\n <path\n d=\"M567.234 548.973L639.234 590.723V674.223L567.234 715.973L495.234 674.223V590.723L567.234 548.973Z\"\n fill=\"#AE24C2\"\n />\n <path\n d=\"M1280.74 546.973L1352.23 588.723V672.223L1280.74 713.973L1209.23 672.223V588.723L1280.74 546.973Z\"\n fill=\"#2E8AE0\"\n />\n <path\n d=\"M638.234 -72.0273L710.234 -30.2773V53.2228L638.234 94.9727L566.234 53.2228V-30.2773L638.234 -72.0273Z\"\n fill=\"#5E3690\"\n />\n <path\n d=\"M638.234 672.973L710.234 714.723V798.22L638.234 839.973L566.234 798.22V714.723L638.234 672.973Z\"\n fill=\"#AA2EC5\"\n />\n <path\n d=\"M638.234 176.973L710.234 218.473V301.473L638.234 342.973L566.234 301.473V218.473L638.234 176.973Z\"\n fill=\"#812CA2\"\n />\n <path\n d=\"M638.234 920.973L710.234 962.719V1046.23L638.234 1087.97L566.234 1046.23V962.719L638.234 920.973Z\"\n fill=\"#B535C1\"\n />\n <path\n d=\"M638.234 424.973L710.234 466.473V549.473L638.234 590.973L566.234 549.473V466.473L638.234 424.973Z\"\n fill=\"#A42FC5\"\n />\n <path\n d=\"M637.234 1169.97L709.234 1211.47V1294.47L637.234 1335.97L565.234 1294.47V1211.47L637.234 1169.97Z\"\n fill=\"#BD2EC0\"\n />\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_6783_736\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n <clipPath id=\"clip1_6783_736\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>";
18
+
19
+ var HomepageDark2 = "\n <svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n >\n <g clipPath=\"url(#clip0_6783_975)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#4C14B3\"\n />\n <path\n d=\"M183.223 -169.557L295.189 -104.831V24.6216L183.223 89.3477L71.2578 24.6216V-104.831L183.223 -169.557Z\"\n fill=\"#4C14B3\"\n />\n <path\n d=\"M-40.0346 -170L71.9309 -105.274V24.1783L-40.0346 88.9044L-152 24.1783V-105.274L-40.0346 -170Z\"\n fill=\"#4C14B3\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#5414B4\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#641DBA\"\n />\n <path\n d=\"M182.919 216.621L294.884 281.209V410.384L182.919 474.972L70.9531 410.384V281.209L182.919 216.621Z\"\n fill=\"#4B11B2\"\n />\n <path\n d=\"M-40.0814 216.621L71.884 281.209V410.384L-40.0814 474.972L-152.047 410.384V281.209L-40.0814 216.621Z\"\n fill=\"#4B11B2\"\n />\n <path\n d=\"M182.919 602.211L294.884 666.937V796.389L182.919 861.115L70.9531 796.389V666.937L182.919 602.211Z\"\n fill=\"#6A20BD\"\n />\n <path\n d=\"M-40.0814 602.211L71.884 666.937V796.389L-40.0814 861.115L-152.047 796.389V666.937L-40.0814 602.211Z\"\n fill=\"#6A20BD\"\n />\n <path\n d=\"M182.919 987.801L294.884 1052.53V1181.98L182.919 1246.71L70.9531 1181.98V1052.53L182.919 987.801Z\"\n fill=\"#5C19B6\"\n />\n <path\n d=\"M-40.0814 988.801L71.884 1053.53V1182.98L-40.0814 1247.71L-152.047 1182.98V1053.53L-40.0814 988.801Z\"\n fill=\"#5C19B6\"\n />\n <path\n d=\"M71.9186 1181.8L183.884 1246.53V1375.98L71.9186 1440.71L-40.0469 1375.98V1246.53L71.9186 1181.8Z\"\n fill=\"#5C19B6\"\n />\n <path\n d=\"M294.919 1181.8L406.884 1246.53V1375.98L294.919 1440.71L182.953 1375.98V1246.53L294.919 1181.8Z\"\n fill=\"#5C19B6\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#5215B4\"\n />\n <path\n d=\"M407.161 -170.557L519.126 -105.831V23.6216L407.161 88.3477L295.195 23.6216V-105.831L407.161 -170.557Z\"\n fill=\"#5215B4\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#5817B5\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#6F25C0\"\n />\n <path\n d=\"M406.848 216.621L518.814 281.209V410.384L406.848 474.972L294.883 410.384V281.209L406.848 216.621Z\"\n fill=\"#5813B4\"\n />\n <path\n d=\"M406.848 602.211L518.814 666.937V796.389L406.848 861.115L294.883 796.389V666.937L406.848 602.211Z\"\n fill=\"#7431C4\"\n />\n <path\n d=\"M406.848 987.801L518.814 1052.53V1181.98L406.848 1246.71L294.883 1181.98V1052.53L406.848 987.801Z\"\n fill=\"#621EBB\"\n />\n <path\n d=\"M518.848 1181.8L630.814 1246.53V1375.98L518.848 1440.71L406.883 1375.98V1246.53L518.848 1181.8Z\"\n fill=\"#621EBB\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#610DB1\"\n />\n <path\n d=\"M631.09 -170.557L743.056 -105.831V23.6216L631.09 88.3477L519.125 23.6216V-105.831L631.09 -170.557Z\"\n fill=\"#610DB1\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#6629BD\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#783CC8\"\n />\n <path\n d=\"M630.778 216.621L742.743 281.209V410.384L630.778 474.972L518.812 410.384V281.209L630.778 216.621Z\"\n fill=\"#6614B5\"\n />\n <path\n d=\"M630.778 602.211L742.743 666.937V796.389L630.778 861.115L518.812 796.389V666.937L630.778 602.211Z\"\n fill=\"#7651C9\"\n />\n <path\n d=\"M630.778 988.801L742.743 1053.53V1182.98L630.778 1247.71L518.812 1182.98V1053.53L630.778 988.801Z\"\n fill=\"#642DC3\"\n />\n <path\n d=\"M742.778 1181.8L854.743 1246.53V1375.98L742.778 1440.71L630.812 1375.98V1246.53L742.778 1181.8Z\"\n fill=\"#642DC3\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#690CB1\"\n />\n <path\n d=\"M855.02 -170.557L966.986 -105.831V23.6216L855.02 88.3477L743.055 23.6216V-105.831L855.02 -170.557Z\"\n fill=\"#690CB1\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#6E51C7\"\n />\n <path\n d=\"M743.02 796.176L854.986 860.764V989.939L743.02 1054.53L631.055 989.939V860.764L743.02 796.176Z\"\n fill=\"#704DC6\"\n />\n <path\n d=\"M854.708 216.621L966.673 281.209V410.384L854.708 474.972L742.742 410.384V281.209L854.708 216.621Z\"\n fill=\"#6A38C2\"\n />\n <path\n d=\"M854.708 602.211L966.673 666.937V796.389L854.708 861.115L742.742 796.389V666.937L854.708 602.211Z\"\n fill=\"#8380CC\"\n />\n <path\n d=\"M854.708 987.801L966.673 1052.53V1181.98L854.708 1246.71L742.742 1181.98V1052.53L854.708 987.801Z\"\n fill=\"#5C36C2\"\n />\n <path\n d=\"M965.708 1181.8L1077.67 1246.53V1375.98L965.708 1440.71L853.742 1375.98V1246.53L965.708 1181.8Z\"\n fill=\"#5C36C2\"\n />\n <path\n d=\"M1077.71 987.801L1189.67 1052.53V1181.98L1077.71 1246.71L965.742 1181.98V1052.53L1077.71 987.801Z\"\n fill=\"#6A60C5\"\n />\n <path\n d=\"M1188.71 1181.8L1300.67 1246.53V1375.98L1188.71 1440.71L1076.74 1375.98V1246.53L1188.71 1181.8Z\"\n fill=\"#6A60C5\"\n />\n <path\n d=\"M1300.71 989.801L1412.67 1054.53V1183.98L1300.71 1248.71L1188.74 1183.98V1054.53L1300.71 989.801Z\"\n fill=\"#6A60C5\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#593CC3\"\n />\n <path\n d=\"M1078.95 -170.557L1190.92 -105.831V23.6216L1078.95 88.3477L966.984 23.6216V-105.831L1078.95 -170.557Z\"\n fill=\"#593CC3\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#799AD6\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#7B6AC1\"\n />\n <path\n d=\"M1078.64 216.621L1190.6 281.209V410.384L1078.64 474.972L966.672 410.384V281.209L1078.64 216.621Z\"\n fill=\"#6C8CDE\"\n />\n <path\n d=\"M1301.64 216.621L1413.6 281.209V410.384L1301.64 474.972L1189.67 410.384V281.209L1301.64 216.621Z\"\n fill=\"#6C8CDE\"\n />\n <path\n d=\"M1078.64 602.211L1190.6 666.937V796.389L1078.64 861.115L966.672 796.389V666.937L1078.64 602.211Z\"\n fill=\"#AAB1C7\"\n />\n <path\n d=\"M1301.64 602.211L1413.6 666.937V796.389L1301.64 861.115L1189.67 796.389V666.937L1301.64 602.211Z\"\n fill=\"#AAB1C7\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#5F63D2\"\n />\n <path\n d=\"M1302.88 -170.557L1414.84 -105.831V23.6216L1302.88 88.3477L1190.91 23.6216V-105.831L1302.88 -170.557Z\"\n fill=\"#5F63D2\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#9CBCDA\"\n />\n <path\n d=\"M1190.88 796.176L1302.84 860.764V989.939L1190.88 1054.53L1078.91 989.939V860.764L1190.88 796.176Z\"\n fill=\"#8675BD\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_975\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>";
20
+
21
+ var ProductpageDark1 = "<svg\n width=\"1280\"\n height=\"1280\"\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_1488)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#403FA4\"\n />\n <path\n d=\"M183.223 -170.557L295.189 -105.831V23.6217L183.223 88.3477L71.2578 23.6217V-105.831L183.223 -170.557Z\"\n fill=\"#403FA4\"\n />\n <path\n d=\"M-40.7768 -170.557L71.1887 -105.831V23.6217L-40.7768 88.3477L-152.742 23.6217V-105.831L-40.7768 -170.557Z\"\n fill=\"#403FA4\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#4047A2\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#3F4BA2\"\n />\n <path\n d=\"M182.919 216.621L294.884 281.209V410.384L182.919 474.972L70.9531 410.384V281.209L182.919 216.621Z\"\n fill=\"#4141A4\"\n />\n <path\n d=\"M-40.0814 216.621L71.884 281.209V410.384L-40.0814 474.972L-152.047 410.384V281.209L-40.0814 216.621Z\"\n fill=\"#4141A4\"\n />\n <path\n d=\"M182.919 602.211L294.884 666.937V796.389L182.919 861.115L70.9531 796.389V666.937L182.919 602.211Z\"\n fill=\"#3E49A1\"\n />\n <path\n d=\"M-39.0814 603.211L72.884 667.937V797.389L-39.0814 862.115L-151.047 797.389V667.937L-39.0814 603.211Z\"\n fill=\"#3E49A1\"\n />\n <path\n d=\"M182.919 987.801L294.884 1052.53V1181.98L182.919 1246.71L70.9531 1181.98V1052.53L182.919 987.801Z\"\n fill=\"#404CA3\"\n />\n <path\n d=\"M-40.0814 987.801L71.884 1052.53V1181.98L-40.0814 1246.71L-152.047 1181.98V1052.53L-40.0814 987.801Z\"\n fill=\"#404CA3\"\n />\n <path\n d=\"M71.9186 1181.8L183.884 1246.53V1375.98L71.9186 1440.71L-40.0469 1375.98V1246.53L71.9186 1181.8Z\"\n fill=\"#404CA3\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#403BA4\"\n />\n <path\n d=\"M407.161 -170.557L519.126 -105.831V23.6217L407.161 88.3477L295.195 23.6217V-105.831L407.161 -170.557Z\"\n fill=\"#403BA4\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#4247A2\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#404AA1\"\n />\n <path\n d=\"M406.848 216.621L518.814 281.209V410.384L406.848 474.972L294.883 410.384V281.209L406.848 216.621Z\"\n fill=\"#4741A4\"\n />\n <path\n d=\"M406.848 602.211L518.814 666.937V796.389L406.848 861.115L294.883 796.389V666.937L406.848 602.211Z\"\n fill=\"#4347A0\"\n />\n <path\n d=\"M406.848 987.801L518.814 1052.53V1181.98L406.848 1246.71L294.883 1181.98V1052.53L406.848 987.801Z\"\n fill=\"#42489E\"\n />\n <path\n d=\"M295.848 1180.8L407.814 1245.53V1374.98L295.848 1439.71L183.883 1374.98V1245.53L295.848 1180.8Z\"\n fill=\"#42489E\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#4A3DA4\"\n />\n <path\n d=\"M631.09 -170.557L743.056 -105.831V23.6217L631.09 88.3477L519.125 23.6217V-105.831L631.09 -170.557Z\"\n fill=\"#4A3DA4\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#4843A1\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#47469E\"\n />\n <path\n d=\"M630.778 216.621L742.743 281.209V410.384L630.778 474.972L518.812 410.384V281.209L630.778 216.621Z\"\n fill=\"#4E3CA2\"\n />\n <path\n d=\"M630.778 602.211L742.743 666.937V796.389L630.778 861.115L518.812 796.389V666.937L630.778 602.211Z\"\n fill=\"#4B429D\"\n />\n <path\n d=\"M630.778 987.801L742.743 1052.53V1181.98L630.778 1246.71L518.812 1181.98V1052.53L630.778 987.801Z\"\n fill=\"#4A459C\"\n />\n <path\n d=\"M630.778 987.801L742.743 1052.53V1181.98L630.778 1246.71L518.812 1181.98V1052.53L630.778 987.801Z\"\n fill=\"#4A459C\"\n />\n <path\n d=\"M519.778 1180.8L631.743 1245.53V1374.98L519.778 1439.71L407.812 1374.98V1245.53L519.778 1180.8Z\"\n fill=\"#4A459C\"\n />\n <path\n d=\"M742.778 1181.8L854.743 1246.53V1375.98L742.778 1440.71L630.812 1375.98V1246.53L742.778 1181.8Z\"\n fill=\"#4A459C\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#5338A4\"\n />\n <path\n d=\"M855.02 -170.557L966.986 -105.831V23.6217L855.02 88.3477L743.055 23.6217V-105.831L855.02 -170.557Z\"\n fill=\"#5338A4\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#513EA0\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#4F429A\"\n />\n <path\n d=\"M854.708 216.621L966.673 281.209V410.384L854.708 474.972L742.742 410.384V281.209L854.708 216.621Z\"\n fill=\"#5537A2\"\n />\n <path\n d=\"M854.708 602.211L966.673 666.937V796.389L854.708 861.115L742.742 796.389V666.937L854.708 602.211Z\"\n fill=\"#543E9B\"\n />\n <path\n d=\"M854.708 987.801L966.673 1052.53V1181.98L854.708 1246.71L742.742 1181.98V1052.53L854.708 987.801Z\"\n fill=\"#524198\"\n />\n <path\n d=\"M965.708 1181.8L1077.67 1246.53V1375.98L965.708 1440.71L853.742 1375.98V1246.53L965.708 1181.8Z\"\n fill=\"#524198\"\n />\n <path\n d=\"M1077.71 987.801L1189.67 1052.53V1181.98L1077.71 1246.71L965.742 1181.98V1052.53L1077.71 987.801Z\"\n fill=\"#5A4096\"\n />\n <path\n d=\"M1300.71 988.801L1412.67 1053.53V1182.98L1300.71 1247.71L1188.74 1182.98V1053.53L1300.71 988.801Z\"\n fill=\"#5A4096\"\n />\n <path\n d=\"M1188.71 1181.8L1300.67 1246.53V1375.98L1188.71 1440.71L1076.74 1375.98V1246.53L1188.71 1181.8Z\"\n fill=\"#5A4096\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#5934A2\"\n />\n <path\n d=\"M1077.95 -169.557L1189.92 -104.831V24.6217L1077.95 89.3477L965.984 24.6217V-104.831L1077.95 -169.557Z\"\n fill=\"#5934A2\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#58399E\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#563F97\"\n />\n <path\n d=\"M1078.64 216.621L1190.6 281.209V410.384L1078.64 474.972L966.672 410.384V281.209L1078.64 216.621Z\"\n fill=\"#5A349F\"\n />\n <path\n d=\"M1301.64 216.621L1413.6 281.209V410.384L1301.64 474.972L1189.67 410.384V281.209L1301.64 216.621Z\"\n fill=\"#5A349F\"\n />\n <path\n d=\"M1078.64 602.211L1190.6 666.937V796.389L1078.64 861.115L966.672 796.389V666.937L1078.64 602.211Z\"\n fill=\"#5A3B98\"\n />\n <path\n d=\"M1301.64 602.211L1413.6 666.937V796.389L1301.64 861.115L1189.67 796.389V666.937L1301.64 602.211Z\"\n fill=\"#5A3B98\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#5F35A2\"\n />\n <path\n d=\"M1301.88 -170.557L1413.84 -105.831V23.6217L1301.88 88.3477L1189.91 23.6217V-105.831L1301.88 -170.557Z\"\n fill=\"#5F35A2\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#5B389B\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#593C95\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_1488\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
22
+
23
+ var ProductpageDark2 = "<svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_1727)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#611897\"\n />\n <path\n d=\"M182.223 -169.557L294.189 -104.831V24.6217L182.223 89.3477L70.2578 24.6217V-104.831L182.223 -169.557Z\"\n fill=\"#611897\"\n />\n <path\n d=\"M-40.7768 -170.557L71.1887 -105.831V23.6217L-40.7768 88.3477L-152.742 23.6217V-105.831L-40.7768 -170.557Z\"\n fill=\"#611897\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#6A11A4\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#6A11A4\"\n />\n <path\n d=\"M182.919 216.621L294.884 281.209V410.384L182.919 474.972L70.9531 410.384V281.209L182.919 216.621Z\"\n fill=\"#63109E\"\n />\n <path\n d=\"M-40.0814 216.621L71.884 281.209V410.384L-40.0814 474.972L-152.047 410.384V281.209L-40.0814 216.621Z\"\n fill=\"#63109E\"\n />\n <path\n d=\"M182.919 602.211L294.884 666.937V796.389L182.919 861.115L70.9531 796.389V666.937L182.919 602.211Z\"\n fill=\"#6910A3\"\n />\n <path\n d=\"M-40.0814 602.211L71.884 666.937V796.389L-40.0814 861.115L-152.047 796.389V666.937L-40.0814 602.211Z\"\n fill=\"#6910A3\"\n />\n <path\n d=\"M182.919 987.801L294.884 1052.53V1181.98L182.919 1246.71L70.9531 1181.98V1052.53L182.919 987.801Z\"\n fill=\"#6B15A4\"\n />\n <path\n d=\"M71.9186 1181.8L183.884 1246.53V1375.98L71.9186 1440.71L-40.0469 1375.98V1246.53L71.9186 1181.8Z\"\n fill=\"#6B15A4\"\n />\n <path\n d=\"M-40.0814 987.801L71.884 1052.53V1181.98L-40.0814 1246.71L-152.047 1181.98V1052.53L-40.0814 987.801Z\"\n fill=\"#6B15A4\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#5E119A\"\n />\n <path\n d=\"M406.161 -169.557L518.126 -104.831V24.6217L406.161 89.3477L294.195 24.6217V-104.831L406.161 -169.557Z\"\n fill=\"#5E119A\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#6811A5\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#6811A5\"\n />\n <path\n d=\"M406.848 216.621L518.814 281.209V410.384L406.848 474.972L294.883 410.384V281.209L406.848 216.621Z\"\n fill=\"#6412A5\"\n />\n <path\n d=\"M406.848 602.211L518.814 666.937V796.389L406.848 861.115L294.883 796.389V666.937L406.848 602.211Z\"\n fill=\"#6711A4\"\n />\n <path\n d=\"M406.848 987.801L518.814 1052.53V1181.98L406.848 1246.71L294.883 1181.98V1052.53L406.848 987.801Z\"\n fill=\"#6512A6\"\n />\n <path\n d=\"M518.848 1181.8L630.814 1246.53V1375.98L518.848 1440.71L406.883 1375.98V1246.53L518.848 1181.8Z\"\n fill=\"#6512A6\"\n />\n <path\n d=\"M295.848 1180.8L407.814 1245.53V1374.98L295.848 1439.71L183.883 1374.98V1245.53L295.848 1180.8Z\"\n fill=\"#6512A6\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#6112A7\"\n />\n <path\n d=\"M630.09 -169.557L742.056 -104.831V24.6217L630.09 89.3477L518.125 24.6217V-104.831L630.09 -169.557Z\"\n fill=\"#6112A7\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#6413A6\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#6412A6\"\n />\n <path\n d=\"M630.778 216.621L742.743 281.209V410.384L630.778 474.972L518.812 410.384V281.209L630.778 216.621Z\"\n fill=\"#6013A9\"\n />\n <path\n d=\"M630.778 602.211L742.743 666.937V796.389L630.778 861.115L518.812 796.389V666.937L630.778 602.211Z\"\n fill=\"#6114A7\"\n />\n <path\n d=\"M630.778 987.801L742.743 1052.53V1181.98L630.778 1246.71L518.812 1181.98V1052.53L630.778 987.801Z\"\n fill=\"#6015A8\"\n />\n <path\n d=\"M742.778 1181.8L854.743 1246.53V1375.98L742.778 1440.71L630.812 1375.98V1246.53L742.778 1181.8Z\"\n fill=\"#6015A8\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#5D17AA\"\n />\n <path\n d=\"M854.02 -169.557L965.986 -104.831V24.6217L854.02 89.3477L742.055 24.6217V-104.831L854.02 -169.557Z\"\n fill=\"#5D17AA\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#5E17A9\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#5D17A8\"\n />\n <path\n d=\"M854.708 216.621L966.673 281.209V410.384L854.708 474.972L742.742 410.384V281.209L854.708 216.621Z\"\n fill=\"#5A19AB\"\n />\n <path\n d=\"M854.708 602.211L966.673 666.937V796.389L854.708 861.115L742.742 796.389V666.937L854.708 602.211Z\"\n fill=\"#5A1AA9\"\n />\n <path\n d=\"M854.708 987.801L966.673 1052.53V1181.98L854.708 1246.71L742.742 1181.98V1052.53L854.708 987.801Z\"\n fill=\"#571AA9\"\n />\n <path\n d=\"M966.708 1181.8L1078.67 1246.53V1375.98L966.708 1440.71L854.742 1375.98V1246.53L966.708 1181.8Z\"\n fill=\"#571AA9\"\n />\n <path\n d=\"M1077.71 987.801L1189.67 1052.53V1181.98L1077.71 1246.71L965.742 1181.98V1052.53L1077.71 987.801Z\"\n fill=\"#5423AC\"\n />\n <path\n d=\"M1300.71 988.801L1412.67 1053.53V1182.98L1300.71 1247.71L1188.74 1182.98V1053.53L1300.71 988.801Z\"\n fill=\"#5423AC\"\n />\n <path\n d=\"M1187.71 1181.8L1299.67 1246.53V1375.98L1187.71 1440.71L1075.74 1375.98V1246.53L1187.71 1181.8Z\"\n fill=\"#5423AC\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#581CAD\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#571DAB\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#561EAA\"\n />\n <path\n d=\"M1078.64 216.621L1190.6 281.209V410.384L1078.64 474.972L966.672 410.384V281.209L1078.64 216.621Z\"\n fill=\"#551DAB\"\n />\n <path\n d=\"M1301.64 216.621L1413.6 281.209V410.384L1301.64 474.972L1189.67 410.384V281.209L1301.64 216.621Z\"\n fill=\"#551DAB\"\n />\n <path\n d=\"M1078.64 602.211L1190.6 666.937V796.389L1078.64 861.115L966.672 796.389V666.937L1078.64 602.211Z\"\n fill=\"#5320AB\"\n />\n <path\n d=\"M1301.64 602.211L1413.6 666.937V796.389L1301.64 861.115L1189.67 796.389V666.937L1301.64 602.211Z\"\n fill=\"#5320AB\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#5B26AE\"\n />\n <path\n d=\"M1301.88 -170.557L1413.84 -105.831V23.6217L1301.88 88.3477L1189.91 23.6217V-105.831L1301.88 -170.557Z\"\n fill=\"#5B26AE\"\n />\n <path\n d=\"M1077.88 -169.557L1189.84 -104.831V24.6217L1077.88 89.3477L965.914 24.6217V-104.831L1077.88 -169.557Z\"\n fill=\"#5B26AE\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#531FAA\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#5221AA\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_1727\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
24
+
25
+ var HomepageLight1 = "<svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_462)\">\n <g clipPath=\"url(#clip1_6783_462)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#D6DCEF\"\n />\n <path\n d=\"M-40.7767 -170.557L71.1887 -105.831V23.6216L-40.7767 88.3477L-152.742 23.6216V-105.831L-40.7767 -170.557Z\"\n fill=\"#D6DCEF\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#DEDDF4\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#F4E9F2\"\n />\n <path\n d=\"M182.919 217.621L294.884 282.209V411.384L182.919 475.972L70.9531 411.384V282.209L182.919 217.621Z\"\n fill=\"#D7DCF3\"\n />\n <path\n d=\"M-41.0814 216.621L70.884 281.209V410.384L-41.0814 474.972L-153.047 410.384V281.209L-41.0814 216.621Z\"\n fill=\"#D7DCF3\"\n />\n <path\n d=\"M182.919 603.211L294.884 667.937V797.389L182.919 862.115L70.9531 797.389V667.937L182.919 603.211Z\"\n fill=\"#E9E2F5\"\n />\n <path\n d=\"M-41.0814 602.211L70.884 666.937V796.389L-41.0814 861.115L-153.047 796.389V666.937L-41.0814 602.211Z\"\n fill=\"#E9E2F5\"\n />\n <path\n d=\"M182.919 988.801L294.884 1053.53V1182.98L182.919 1247.71L70.9531 1182.98V1053.53L182.919 988.801Z\"\n fill=\"#F8EDF1\"\n />\n <path\n d=\"M-41.0814 988.801L70.884 1053.53V1182.98L-41.0814 1247.71L-153.047 1182.98V1053.53L-41.0814 988.801Z\"\n fill=\"#F8EDF1\"\n />\n <path\n d=\"M70.9186 1182.8L182.884 1247.53V1376.98L70.9186 1441.71L-41.0469 1376.98V1247.53L70.9186 1182.8Z\"\n fill=\"#F8EDF1\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#D5DCF2\"\n />\n <path\n d=\"M183.161 -170.557L295.126 -105.831V23.6216L183.161 88.3477L71.1953 23.6216V-105.831L183.161 -170.557Z\"\n fill=\"#D5DCF2\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#E0E0F5\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#F5EAF3\"\n />\n <path\n d=\"M406.848 217.621L518.814 282.209V411.384L406.848 475.972L294.883 411.384V282.209L406.848 217.621Z\"\n fill=\"#DDE1F4\"\n />\n <path\n d=\"M406.848 603.211L518.814 667.937V797.389L406.848 862.115L294.883 797.389V667.937L406.848 603.211Z\"\n fill=\"#EDE8F6\"\n />\n <path\n d=\"M406.848 988.801L518.814 1053.53V1182.98L406.848 1247.71L294.883 1182.98V1053.53L406.848 988.801Z\"\n fill=\"#FAF1F5\"\n />\n <path\n d=\"M294.848 1182.8L406.814 1247.53V1376.98L294.848 1441.71L182.883 1376.98V1247.53L294.848 1182.8Z\"\n fill=\"#FAF1F5\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#E0E3F5\"\n />\n <path\n d=\"M407.09 -170.557L519.056 -105.831V23.6216L407.09 88.3477L295.125 23.6216V-105.831L407.09 -170.557Z\"\n fill=\"#E0E3F5\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#EBEBF8\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#F9F2F7\"\n />\n <path\n d=\"M630.778 217.621L742.743 282.209V411.384L630.778 475.972L518.812 411.384V282.209L630.778 217.621Z\"\n fill=\"#EAEBF6\"\n />\n <path\n d=\"M630.778 603.211L742.743 667.937V797.389L630.778 862.115L518.812 797.389V667.937L630.778 603.211Z\"\n fill=\"#F8F4FA\"\n />\n <path\n d=\"M630.778 988.801L742.743 1053.53V1182.98L630.778 1247.71L518.812 1182.98V1053.53L630.778 988.801Z\"\n fill=\"#FDF8FA\"\n />\n <path\n d=\"M518.778 1181.8L630.743 1246.53V1375.98L518.778 1440.71L406.812 1375.98V1246.53L518.778 1181.8Z\"\n fill=\"#FDF8FA\"\n />\n <path\n d=\"M741.778 1184.8L853.743 1249.53V1378.98L741.778 1443.71L629.812 1378.98V1249.53L741.778 1184.8Z\"\n fill=\"#FDF8FA\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#EAE9F5\"\n />\n <path\n d=\"M631.02 -170.557L742.986 -105.831V23.6216L631.02 88.3477L519.055 23.6216V-105.831L631.02 -170.557Z\"\n fill=\"#EAE9F5\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#F6F5FB\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#FDFAFC\"\n />\n <path\n d=\"M854.708 217.621L966.673 282.209V411.384L854.708 475.972L742.742 411.384V282.209L854.708 217.621Z\"\n fill=\"#F0EDF7\"\n />\n <path\n d=\"M854.708 603.211L966.673 667.937V797.389L854.708 862.115L742.742 797.389V667.937L854.708 603.211Z\"\n fill=\"#FBFAFC\"\n />\n <path\n d=\"M854.708 988.801L966.673 1053.53V1182.98L854.708 1247.71L742.742 1182.98V1053.53L854.708 988.801Z\"\n fill=\"#FDFBFC\"\n />\n <path\n d=\"M965.708 1183.8L1077.67 1248.53V1377.98L965.708 1442.71L853.742 1377.98V1248.53L965.708 1183.8Z\"\n fill=\"#FDFBFC\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#EAE4F3\"\n />\n <path\n d=\"M854.95 -170.557L966.915 -105.831V23.6216L854.95 88.3477L742.984 23.6216V-105.831L854.95 -170.557Z\"\n fill=\"#EAE4F3\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#F5F5FB\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#FCFCFD\"\n />\n <path\n d=\"M1078.64 217.621L1190.6 282.209V411.384L1078.64 475.972L966.672 411.384V282.209L1078.64 217.621Z\"\n fill=\"#EBE7F4\"\n />\n <path\n d=\"M1302.64 217.621L1414.6 282.209V411.384L1302.64 475.972L1190.67 411.384V282.209L1302.64 217.621Z\"\n fill=\"#EBE7F4\"\n />\n <path\n d=\"M1078.64 603.211L1190.6 667.937V797.389L1078.64 862.115L966.672 797.389V667.937L1078.64 603.211Z\"\n fill=\"#F8F9FD\"\n />\n <path\n d=\"M1302.64 603.211L1414.6 667.937V797.389L1302.64 862.115L1190.67 797.389V667.937L1302.64 603.211Z\"\n fill=\"#F8F9FD\"\n />\n <path\n d=\"M1078.64 988.801L1190.6 1053.53V1182.98L1078.64 1247.71L966.672 1182.98V1053.53L1078.64 988.801Z\"\n fill=\"#FBFCFC\"\n />\n <path\n d=\"M1190.64 1182.8L1302.6 1247.53V1376.98L1190.64 1441.71L1078.67 1376.98V1247.53L1190.64 1182.8Z\"\n fill=\"#FBFCFC\"\n />\n <path\n d=\"M1302.64 988.801L1414.6 1053.53V1182.98L1302.64 1247.71L1190.67 1182.98V1053.53L1302.64 988.801Z\"\n fill=\"#FBFCFC\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#E5DEEF\"\n />\n <path\n d=\"M1078.88 -170.557L1190.84 -105.831V23.6216L1078.88 88.3477L966.914 23.6216V-105.831L1078.88 -170.557Z\"\n fill=\"#E5DEEF\"\n />\n <path\n d=\"M1302.88 -170.557L1414.84 -105.831V23.6216L1302.88 88.3477L1190.91 23.6216V-105.831L1302.88 -170.557Z\"\n fill=\"#E5DEEF\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#F2F2F8\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#F9FBFC\"\n />\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_6783_462\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n <clipPath id=\"clip1_6783_462\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
26
+
27
+ var HomepageLight2 = "<svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_599)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#FDFEFF\"\n />\n <path\n d=\"M-40.7767 -170.557L71.1887 -105.831V23.6216L-40.7767 88.3477L-152.742 23.6216V-105.831L-40.7767 -170.557Z\"\n fill=\"#FDFEFF\"\n />\n <path\n d=\"M183.223 -170.557L295.189 -105.831V23.6216L183.223 88.3477L71.2578 23.6216V-105.831L183.223 -170.557Z\"\n fill=\"#FDFEFF\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#FEFFFF\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#D7F1F9\"\n />\n <path\n d=\"M182.919 217.621L294.884 282.209V411.384L182.919 475.972L70.9531 411.384V282.209L182.919 217.621Z\"\n fill=\"#FEFFFF\"\n />\n <path\n d=\"M-41.0814 217.621L70.884 282.209V411.384L-41.0814 475.972L-153.047 411.384V282.209L-41.0814 217.621Z\"\n fill=\"#FEFFFF\"\n />\n <path\n d=\"M182.919 603.211L294.884 667.937V797.389L182.919 862.115L70.9531 797.389V667.937L182.919 603.211Z\"\n fill=\"#F6FCFE\"\n />\n <path\n d=\"M-40.0814 603.211L71.884 667.937V797.389L-40.0814 862.115L-152.047 797.389V667.937L-40.0814 603.211Z\"\n fill=\"#F6FCFE\"\n />\n <path\n d=\"M182.919 988.801L294.884 1053.53V1182.98L182.919 1247.71L70.9531 1182.98V1053.53L182.919 988.801Z\"\n fill=\"#ACDBF1\"\n />\n <path\n d=\"M70.9186 1182.8L182.884 1247.53V1376.98L70.9186 1441.71L-41.0469 1376.98V1247.53L70.9186 1182.8Z\"\n fill=\"#ACDBF1\"\n />\n <path\n d=\"M-40.0814 988.801L71.884 1053.53V1182.98L-40.0814 1247.71L-152.047 1182.98V1053.53L-40.0814 988.801Z\"\n fill=\"#ACDBF1\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#FAFDFE\"\n />\n <path\n d=\"M407.161 -170.557L519.126 -105.831V23.6216L407.161 88.3477L295.195 23.6216V-105.831L407.161 -170.557Z\"\n fill=\"#FAFDFE\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#FEFFFF\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#E5F0FA\"\n />\n <path\n d=\"M406.848 217.621L518.814 282.209V411.384L406.848 475.972L294.883 411.384V282.209L406.848 217.621Z\"\n fill=\"#FBFDFE\"\n />\n <path\n d=\"M406.848 603.211L518.814 667.937V797.389L406.848 862.115L294.883 797.389V667.937L406.848 603.211Z\"\n fill=\"#FBFCFE\"\n />\n <path\n d=\"M406.848 988.801L518.814 1053.53V1182.98L406.848 1247.71L294.883 1182.98V1053.53L406.848 988.801Z\"\n fill=\"#DDE0F5\"\n />\n <path\n d=\"M294.848 1182.8L406.814 1247.53V1376.98L294.848 1441.71L182.883 1376.98V1247.53L294.848 1182.8Z\"\n fill=\"#DDE0F5\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#E7F4FA\"\n />\n <path\n d=\"M631.09 -170.557L743.056 -105.831V23.6216L631.09 88.3477L519.125 23.6216V-105.831L631.09 -170.557Z\"\n fill=\"#E7F4FA\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#FEFEFF\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#F6F6FC\"\n />\n <path\n d=\"M630.778 217.621L742.743 282.209V411.384L630.778 475.972L518.812 411.384V282.209L630.778 217.621Z\"\n fill=\"#F3F7FC\"\n />\n <path\n d=\"M630.778 603.211L742.743 667.937V797.389L630.778 862.115L518.812 797.389V667.937L630.778 603.211Z\"\n fill=\"#FEFEFF\"\n />\n <path\n d=\"M630.778 988.801L742.743 1053.53V1182.98L630.778 1247.71L518.812 1182.98V1053.53L630.778 988.801Z\"\n fill=\"#F8F6FC\"\n />\n <path\n d=\"M742.778 1182.8L854.743 1247.53V1376.98L742.778 1441.71L630.812 1376.98V1247.53L742.778 1182.8Z\"\n fill=\"#F8F6FC\"\n />\n <path\n d=\"M518.778 1182.8L630.743 1247.53V1376.98L518.778 1441.71L406.812 1376.98V1247.53L518.778 1182.8Z\"\n fill=\"#F8F6FC\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#D7E1EF\"\n />\n <path\n d=\"M855.02 -170.557L966.986 -105.831V23.6216L855.02 88.3477L743.055 23.6216V-105.831L855.02 -170.557Z\"\n fill=\"#D7E1EF\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#FCFCFE\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#FEFDFE\"\n />\n <path\n d=\"M854.708 217.621L966.673 282.209V411.384L854.708 475.972L742.742 411.384V282.209L854.708 217.621Z\"\n fill=\"#EEEDF8\"\n />\n <path\n d=\"M854.708 603.211L966.673 667.937V797.389L854.708 862.115L742.742 797.389V667.937L854.708 603.211Z\"\n fill=\"#FEFDFE\"\n />\n <path\n d=\"M854.708 988.801L966.673 1053.53V1182.98L854.708 1247.71L742.742 1182.98V1053.53L854.708 988.801Z\"\n fill=\"#FEFEFF\"\n />\n <path\n d=\"M966.708 1182.8L1078.67 1247.53V1376.98L966.708 1441.71L854.742 1376.98V1247.53L966.708 1182.8Z\"\n fill=\"#FEFEFF\"\n />\n <path\n d=\"M1190.71 1182.8L1302.67 1247.53V1376.98L1190.71 1441.71L1078.74 1376.98V1247.53L1190.71 1182.8Z\"\n fill=\"#FEFEFF\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#D7D1EC\"\n />\n <path\n d=\"M1078.95 -170.557L1190.92 -105.831V23.6216L1078.95 88.3477L966.984 23.6216V-105.831L1078.95 -170.557Z\"\n fill=\"#D7D1EC\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#F5F3FB\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#FEFEFF\"\n />\n <path\n d=\"M1078.64 217.621L1190.6 282.209V411.384L1078.64 475.972L966.672 411.384V282.209L1078.64 217.621Z\"\n fill=\"#D2C7EC\"\n />\n <path\n d=\"M1301.64 216.621L1413.6 281.209V410.384L1301.64 474.972L1189.67 410.384V281.209L1301.64 216.621Z\"\n fill=\"#D2C7EC\"\n />\n <path\n d=\"M1078.64 603.211L1190.6 667.937V797.389L1078.64 862.115L966.672 797.389V667.937L1078.64 603.211Z\"\n fill=\"#F8F5FC\"\n />\n <path\n d=\"M1302.64 603.211L1414.6 667.937V797.389L1302.64 862.115L1190.67 797.389V667.937L1302.64 603.211Z\"\n fill=\"#F8F5FC\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#D1C6EA\"\n />\n <path\n d=\"M1302.88 -170.557L1414.84 -105.831V23.6216L1302.88 88.3477L1190.91 23.6216V-105.831L1302.88 -170.557Z\"\n fill=\"#D1C6EA\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#E0D7F2\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#FDFCFE\"\n />\n <path\n d=\"M1078.97 989L1190.93 1053.73V1183.18L1078.97 1247.9L967 1183.18V1053.73L1078.97 989Z\"\n fill=\"#FCFBFE\"\n />\n <path\n d=\"M1302.97 989L1414.93 1053.73V1183.18L1302.97 1247.9L1191 1183.18V1053.73L1302.97 989Z\"\n fill=\"#FCFBFE\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_599\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
28
+
29
+ var ProductpageLight1 = "<svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_1214)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#E2E9FA\"\n />\n <path\n d=\"M185.223 -169.557L297.189 -104.831V24.6217L185.223 89.3477L73.2578 24.6217V-104.831L185.223 -169.557Z\"\n fill=\"#E2E9FA\"\n />\n <path\n d=\"M0.223249 -193.557L112.189 -128.831V0.62165L0.223249 65.3477L-111.742 0.62165V-128.831L0.223249 -193.557Z\"\n fill=\"#E2E9FA\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#E2EDF9\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#E8EFF8\"\n />\n <path\n d=\"M182.919 216.621L294.884 281.209V410.384L182.919 474.972L70.9531 410.384V281.209L182.919 216.621Z\"\n fill=\"#E4EDFC\"\n />\n <path\n d=\"M-40.0814 217.621L71.884 282.209V411.384L-40.0814 475.972L-152.047 411.384V282.209L-40.0814 217.621Z\"\n fill=\"#E4EDFC\"\n />\n <path\n d=\"M182.919 603.211L294.884 667.937V797.389L182.919 862.115L70.9531 797.389V667.937L182.919 603.211Z\"\n fill=\"#E5EEFA\"\n />\n <path\n d=\"M-40.0814 602.211L71.884 666.937V796.389L-40.0814 861.115L-152.047 796.389V666.937L-40.0814 602.211Z\"\n fill=\"#E5EEFA\"\n />\n <path\n d=\"M182.919 988.801L294.884 1053.53V1182.98L182.919 1247.71L70.9531 1182.98V1053.53L182.919 988.801Z\"\n fill=\"#EBF2F8\"\n />\n <path\n d=\"M70.9186 1181.8L182.884 1246.53V1375.98L70.9186 1440.71L-41.0469 1375.98V1246.53L70.9186 1181.8Z\"\n fill=\"#EBF2F8\"\n />\n <path\n d=\"M-40.0814 987.801L71.884 1052.53V1181.98L-40.0814 1246.71L-152.047 1181.98V1052.53L-40.0814 987.801Z\"\n fill=\"#EBF2F8\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#E5E9FB\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#E3EBFA\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#E8EEF9\"\n />\n <path\n d=\"M406.848 217.621L518.814 282.209V411.384L406.848 475.972L294.883 411.384V282.209L406.848 217.621Z\"\n fill=\"#E8E9FB\"\n />\n <path\n d=\"M406.848 603.211L518.814 667.937V797.389L406.848 862.115L294.883 797.389V667.937L406.848 603.211Z\"\n fill=\"#E6EAF9\"\n />\n <path\n d=\"M406.848 988.801L518.814 1053.53V1182.98L406.848 1247.71L294.883 1182.98V1053.53L406.848 988.801Z\"\n fill=\"#ECEFF8\"\n />\n <path\n d=\"M518.848 1182.8L630.814 1247.53V1376.98L518.848 1441.71L406.883 1376.98V1247.53L518.848 1182.8Z\"\n fill=\"#ECEFF8\"\n />\n <path\n d=\"M294.848 1182.8L406.814 1247.53V1376.98L294.848 1441.71L182.883 1376.98V1247.53L294.848 1182.8Z\"\n fill=\"#ECEFF8\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#EEE6FA\"\n />\n <path\n d=\"M408.965 -169L520.931 -104.274V25.1783L408.965 89.9044L297 25.1783V-104.274L408.965 -169Z\"\n fill=\"#EEE6FA\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#E9E7F9\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#ECEDF9\"\n />\n <path\n d=\"M630.778 217.621L742.743 282.209V411.384L630.778 475.972L518.812 411.384V282.209L630.778 217.621Z\"\n fill=\"#EFE4FA\"\n />\n <path\n d=\"M630.778 602.211L742.743 666.937V796.389L630.778 861.115L518.812 796.389V666.937L630.778 602.211Z\"\n fill=\"#ECE8F8\"\n />\n <path\n d=\"M630.778 988.801L742.743 1053.53V1182.98L630.778 1247.71L518.812 1182.98V1053.53L630.778 988.801Z\"\n fill=\"#F0EEF9\"\n />\n <path\n d=\"M742.778 1181.8L854.743 1246.53V1375.98L742.778 1440.71L630.812 1375.98V1246.53L742.778 1181.8Z\"\n fill=\"#F0EEF9\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#F4E4FB\"\n />\n <path\n d=\"M855.02 -169.557L966.986 -104.831V24.6217L855.02 89.3477L743.055 24.6217V-104.831L855.02 -169.557Z\"\n fill=\"#F4E4FB\"\n />\n <path\n d=\"M632.02 -169.557L743.986 -104.831V24.6217L632.02 89.3477L520.055 24.6217V-104.831L632.02 -169.557Z\"\n fill=\"#F4E4FB\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#EFE3F8\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#F0EBF8\"\n />\n <path\n d=\"M854.708 217.621L966.673 282.209V411.384L854.708 475.972L742.742 411.384V282.209L854.708 217.621Z\"\n fill=\"#F5E1FA\"\n />\n <path\n d=\"M854.708 602.211L966.673 666.937V796.389L854.708 861.115L742.742 796.389V666.937L854.708 602.211Z\"\n fill=\"#F2E6F7\"\n />\n <path\n d=\"M854.708 988.801L966.673 1053.53V1182.98L854.708 1247.71L742.742 1182.98V1053.53L854.708 988.801Z\"\n fill=\"#F4EEF8\"\n />\n <path\n d=\"M966.708 1181.8L1078.67 1246.53V1375.98L966.708 1440.71L854.742 1375.98V1246.53L966.708 1181.8Z\"\n fill=\"#F4EEF8\"\n />\n <path\n d=\"M1078.71 987.801L1190.67 1052.53V1181.98L1078.71 1246.71L966.742 1181.98V1052.53L1078.71 987.801Z\"\n fill=\"#F3EEF5\"\n />\n <path\n d=\"M1190.71 1181.8L1302.67 1246.53V1375.98L1190.71 1440.71L1078.74 1375.98V1246.53L1190.71 1181.8Z\"\n fill=\"#F3EEF5\"\n />\n <path\n d=\"M1301.71 987.801L1413.67 1052.53V1181.98L1301.71 1246.71L1189.74 1181.98V1052.53L1301.71 987.801Z\"\n fill=\"#F3EEF5\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#F8DFFA\"\n />\n <path\n d=\"M1078.95 -170.557L1190.92 -105.831V23.6217L1078.95 88.3477L966.984 23.6217V-105.831L1078.95 -170.557Z\"\n fill=\"#F8DFFA\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#F4E2F7\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#F4EBF7\"\n />\n <path\n d=\"M1078.64 217.621L1190.6 282.209V411.384L1078.64 475.972L966.672 411.384V282.209L1078.64 217.621Z\"\n fill=\"#F7E0F8\"\n />\n <path\n d=\"M1302.64 216.621L1414.6 281.209V410.384L1302.64 474.972L1190.67 410.384V281.209L1302.64 216.621Z\"\n fill=\"#F7E0F8\"\n />\n <path\n d=\"M1078.64 603.211L1190.6 667.937V797.389L1078.64 862.115L966.672 797.389V667.937L1078.64 603.211Z\"\n fill=\"#F5E7F6\"\n />\n <path\n d=\"M1301.64 602.211L1413.6 666.937V796.389L1301.64 861.115L1189.67 796.389V666.937L1301.64 602.211Z\"\n fill=\"#F5E7F6\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#F8DFF8\"\n />\n <path\n d=\"M1302.88 -170.557L1414.84 -105.831V23.6217L1302.88 88.3477L1190.91 23.6217V-105.831L1302.88 -170.557Z\"\n fill=\"#F8DFF8\"\n />\n <path\n d=\"M1189.88 410.033L1301.84 474.759V604.211L1189.88 668.938L1077.91 604.211V474.759L1189.88 410.033Z\"\n fill=\"#F5E3F6\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#F6ECF7\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_1214\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
30
+
31
+ var ProductpageLight2 = "<svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_1351)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#F9EDF5\"\n />\n <path\n d=\"M183.223 -170.557L295.189 -105.831V23.6217L183.223 88.3477L71.2578 23.6217V-105.831L183.223 -170.557Z\"\n fill=\"#F9EDF5\"\n />\n <path\n d=\"M-40.7768 -170.557L71.1887 -105.831V23.6217L-40.7768 88.3477L-152.742 23.6217V-105.831L-40.7768 -170.557Z\"\n fill=\"#F9EDF5\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#FEEBF9\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#FEECFB\"\n />\n <path\n d=\"M182.919 217.621L294.884 282.209V411.384L182.919 475.972L70.9531 411.384V282.209L182.919 217.621Z\"\n fill=\"#FDEDF8\"\n />\n <path\n d=\"M-41.0814 216.621L70.884 281.209V410.384L-41.0814 474.972L-153.047 410.384V281.209L-41.0814 216.621Z\"\n fill=\"#FDEDF8\"\n />\n <path\n d=\"M182.919 603.211L294.884 667.937V797.389L182.919 862.115L70.9531 797.389V667.937L182.919 603.211Z\"\n fill=\"#FEEBFA\"\n />\n <path\n d=\"M-41.0814 602.211L70.884 666.937V796.389L-41.0814 861.115L-153.047 796.389V666.937L-41.0814 602.211Z\"\n fill=\"#FEEBFA\"\n />\n <path\n d=\"M182.919 988.801L294.884 1053.53V1182.98L182.919 1247.71L70.9531 1182.98V1053.53L182.919 988.801Z\"\n fill=\"#FCEBFA\"\n />\n <path\n d=\"M-40.0814 988.801L71.884 1053.53V1182.98L-40.0814 1247.71L-152.047 1182.98V1053.53L-40.0814 988.801Z\"\n fill=\"#FCEBFA\"\n />\n <path\n d=\"M70.9186 1182.8L182.884 1247.53V1376.98L70.9186 1441.71L-41.0469 1376.98V1247.53L70.9186 1182.8Z\"\n fill=\"#FCEBFA\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#FCEDF7\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#FEEBF8\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#FEEBFA\"\n />\n <path\n d=\"M406.848 217.621L518.814 282.209V411.384L406.848 475.972L294.883 411.384V282.209L406.848 217.621Z\"\n fill=\"#FCEBF6\"\n />\n <path\n d=\"M406.848 603.211L518.814 667.937V797.389L406.848 862.115L294.883 797.389V667.937L406.848 603.211Z\"\n fill=\"#FDEAF8\"\n />\n <path\n d=\"M406.848 988.801L518.814 1053.53V1182.98L406.848 1247.71L294.883 1182.98V1053.53L406.848 988.801Z\"\n fill=\"#FDEBFA\"\n />\n <path\n d=\"M294.848 1182.8L406.814 1247.53V1376.98L294.848 1441.71L182.883 1376.98V1247.53L294.848 1182.8Z\"\n fill=\"#FDEBFA\"\n />\n <path\n d=\"M518.848 1182.8L630.814 1247.53V1376.98L518.848 1441.71L406.883 1376.98V1247.53L518.848 1182.8Z\"\n fill=\"#FDEBFA\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#FCECF5\"\n />\n <path\n d=\"M407.09 -170.557L519.056 -105.831V23.6217L407.09 88.3477L295.125 23.6217V-105.831L407.09 -170.557Z\"\n fill=\"#FCECF5\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#FDE9F6\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#FDEAFA\"\n />\n <path\n d=\"M630.778 217.621L742.743 282.209V411.384L630.778 475.972L518.812 411.384V282.209L630.778 217.621Z\"\n fill=\"#FCEAF4\"\n />\n <path\n d=\"M630.778 603.211L742.743 667.937V797.389L630.778 862.115L518.812 797.389V667.937L630.778 603.211Z\"\n fill=\"#FCE9F7\"\n />\n <path\n d=\"M630.778 988.801L742.743 1053.53V1182.98L630.778 1247.71L518.812 1182.98V1053.53L630.778 988.801Z\"\n fill=\"#FCEAFA\"\n />\n <path\n d=\"M742.778 1182.8L854.743 1247.53V1376.98L742.778 1441.71L630.812 1376.98V1247.53L742.778 1182.8Z\"\n fill=\"#FCEAFA\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#FBEAF3\"\n />\n <path\n d=\"M855.02 -170.557L966.986 -105.831V23.6217L855.02 88.3477L743.055 23.6217V-105.831L855.02 -170.557Z\"\n fill=\"#FBEAF3\"\n />\n <path\n d=\"M631.02 -170.557L742.986 -105.831V23.6217L631.02 88.3477L519.055 23.6217V-105.831L631.02 -170.557Z\"\n fill=\"#FBEAF3\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#FBE9F4\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#FCE9F8\"\n />\n <path\n d=\"M854.708 217.621L966.673 282.209V411.384L854.708 475.972L742.742 411.384V282.209L854.708 217.621Z\"\n fill=\"#FBE9F2\"\n />\n <path\n d=\"M854.708 603.211L966.673 667.937V797.389L854.708 862.115L742.742 797.389V667.937L854.708 603.211Z\"\n fill=\"#FBE8F5\"\n />\n <path\n d=\"M854.708 988.801L966.673 1053.53V1182.98L854.708 1247.71L742.742 1182.98V1053.53L854.708 988.801Z\"\n fill=\"#FBEAF8\"\n />\n <path\n d=\"M966.708 1182.8L1078.67 1247.53V1376.98L966.708 1441.71L854.742 1376.98V1247.53L966.708 1182.8Z\"\n fill=\"#FBEAF8\"\n />\n <path\n d=\"M1078.71 988.801L1190.67 1053.53V1182.98L1078.71 1247.71L966.742 1182.98V1053.53L1078.71 988.801Z\"\n fill=\"#FAEAF7\"\n />\n <path\n d=\"M1302.71 988.801L1414.67 1053.53V1182.98L1302.71 1247.71L1190.74 1182.98V1053.53L1302.71 988.801Z\"\n fill=\"#FAEAF7\"\n />\n <path\n d=\"M1190.71 1182.8L1302.67 1247.53V1376.98L1190.71 1441.71L1078.74 1376.98V1247.53L1190.71 1182.8Z\"\n fill=\"#FAEAF7\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#FBEAF2\"\n />\n <path\n d=\"M1078.95 -170.557L1190.92 -105.831V23.6217L1078.95 88.3477L966.984 23.6217V-105.831L1078.95 -170.557Z\"\n fill=\"#FBEAF2\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#FAE8F3\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#FBE9F6\"\n />\n <path\n d=\"M1078.64 217.621L1190.6 282.209V411.384L1078.64 475.972L966.672 411.384V282.209L1078.64 217.621Z\"\n fill=\"#F9E9F1\"\n />\n <path\n d=\"M1301.64 216.621L1413.6 281.209V410.384L1301.64 474.972L1189.67 410.384V281.209L1301.64 216.621Z\"\n fill=\"#F9E9F1\"\n />\n <path\n d=\"M1078.64 602.211L1190.6 666.937V796.389L1078.64 861.115L966.672 796.389V666.937L1078.64 602.211Z\"\n fill=\"#F9E8F4\"\n />\n <path\n d=\"M1301.64 603.211L1413.6 667.937V797.389L1301.64 862.115L1189.67 797.389V667.937L1301.64 603.211Z\"\n fill=\"#F9E8F4\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#F7EBF0\"\n />\n <path\n d=\"M1302.88 -170.557L1414.84 -105.831V23.6217L1302.88 88.3477L1190.91 23.6217V-105.831L1302.88 -170.557Z\"\n fill=\"#F7EBF0\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#F8E7F0\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#F8E8F5\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_1351\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
32
+
33
+ var FooterLight = "<svg\n viewBox=\"0 0 1280 1280\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n preserveAspectRatio=\"none\"\n>\n <g clipPath=\"url(#clip0_6783_1966)\">\n <path\n d=\"M71.2233 23.4434L183.189 88.1695V217.622L71.2233 282.348L-40.7422 217.622V88.1695L71.2233 23.4434Z\"\n fill=\"#F6F1F9\"\n />\n <path\n d=\"M183.223 -170.557L295.189 -105.831V23.6217L183.223 88.3477L71.2578 23.6217V-105.831L183.223 -170.557Z\"\n fill=\"#F6F1F9\"\n />\n <path\n d=\"M-40.7768 -170.557L71.1887 -105.831V23.6217L-40.7768 88.3477L-152.742 23.6217V-105.831L-40.7768 -170.557Z\"\n fill=\"#F6F1F9\"\n />\n <path\n d=\"M71.2233 409.033L183.189 473.759V603.211L71.2233 667.938L-40.7422 603.211V473.759L71.2233 409.033Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M71.2233 795.176L183.189 859.764V988.939L71.2233 1053.53L-40.7422 988.939V859.764L71.2233 795.176Z\"\n fill=\"#F8F1FD\"\n />\n <path\n d=\"M182.919 217.621L294.884 282.209V411.384L182.919 475.972L70.9531 411.384V282.209L182.919 217.621Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M-40.0814 216.621L71.884 281.209V410.384L-40.0814 474.972L-152.047 410.384V281.209L-40.0814 216.621Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M182.919 603.211L294.884 667.937V797.389L182.919 862.115L70.9531 797.389V667.937L182.919 603.211Z\"\n fill=\"#F9F2FC\"\n />\n <path\n d=\"M-40.0814 602.211L71.884 666.937V796.389L-40.0814 861.115L-152.047 796.389V666.937L-40.0814 602.211Z\"\n fill=\"#F9F2FC\"\n />\n <path\n d=\"M182.919 988.801L294.884 1053.53V1182.98L182.919 1247.71L70.9531 1182.98V1053.53L182.919 988.801Z\"\n fill=\"#F7EFFB\"\n />\n <path\n d=\"M-40.0814 987.801L71.884 1052.53V1181.98L-40.0814 1246.71L-152.047 1181.98V1052.53L-40.0814 987.801Z\"\n fill=\"#F7EFFB\"\n />\n <path\n d=\"M70.9186 1181.8L182.884 1246.53V1375.98L70.9186 1440.71L-41.0469 1375.98V1246.53L70.9186 1181.8Z\"\n fill=\"#F7EFFB\"\n />\n <path\n d=\"M295.161 23.4434L407.126 88.1695V217.622L295.161 282.348L183.195 217.622V88.1695L295.161 23.4434Z\"\n fill=\"#F7F2FA\"\n />\n <path\n d=\"M295.161 409.033L407.126 473.759V603.211L295.161 667.938L183.195 603.211V473.759L295.161 409.033Z\"\n fill=\"#F8F3FC\"\n />\n <path\n d=\"M295.161 795.176L407.126 859.764V988.939L295.161 1053.53L183.195 988.939V859.764L295.161 795.176Z\"\n fill=\"#F8F0FB\"\n />\n <path\n d=\"M406.848 217.621L518.814 282.209V411.384L406.848 475.972L294.883 411.384V282.209L406.848 217.621Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M406.848 603.211L518.814 667.937V797.389L406.848 862.115L294.883 797.389V667.937L406.848 603.211Z\"\n fill=\"#F7F1FB\"\n />\n <path\n d=\"M406.848 988.801L518.814 1053.53V1182.98L406.848 1247.71L294.883 1182.98V1053.53L406.848 988.801Z\"\n fill=\"#F7EEFB\"\n />\n <path\n d=\"M294.848 1181.8L406.814 1246.53V1375.98L294.848 1440.71L182.883 1375.98V1246.53L294.848 1181.8Z\"\n fill=\"#F7EEFB\"\n />\n <path\n d=\"M519.09 23.4434L631.056 88.1695V217.622L519.09 282.348L407.125 217.622V88.1695L519.09 23.4434Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M631.09 -170.557L743.056 -105.831V23.6217L631.09 88.3477L519.125 23.6217V-105.831L631.09 -170.557Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M407.09 -170.557L519.056 -105.831V23.6217L407.09 88.3477L295.125 23.6217V-105.831L407.09 -170.557Z\"\n fill=\"#F9F4FC\"\n />\n <path\n d=\"M519.09 409.033L631.056 473.759V603.211L519.09 667.938L407.125 603.211V473.759L519.09 409.033Z\"\n fill=\"#F8F3FC\"\n />\n <path\n d=\"M519.09 795.176L631.056 859.764V988.939L519.09 1053.53L407.125 988.939V859.764L519.09 795.176Z\"\n fill=\"#F7EFFB\"\n />\n <path\n d=\"M630.778 217.621L742.743 282.209V411.384L630.778 475.972L518.812 411.384V282.209L630.778 217.621Z\"\n fill=\"#F8F4FD\"\n />\n <path\n d=\"M630.778 603.211L742.743 667.937V797.389L630.778 862.115L518.812 797.389V667.937L630.778 603.211Z\"\n fill=\"#F6F0FB\"\n />\n <path\n d=\"M630.778 988.801L742.743 1053.53V1182.98L630.778 1247.71L518.812 1182.98V1053.53L630.778 988.801Z\"\n fill=\"#F6EFFB\"\n />\n <path\n d=\"M518.778 1182.8L630.743 1247.53V1376.98L518.778 1441.71L406.812 1376.98V1247.53L518.778 1182.8Z\"\n fill=\"#F6EFFB\"\n />\n <path\n d=\"M743.02 23.4434L854.986 88.1695V217.622L743.02 282.348L631.055 217.622V88.1695L743.02 23.4434Z\"\n fill=\"#F8F6FD\"\n />\n <path\n d=\"M855.02 -170.557L966.986 -105.831V23.6217L855.02 88.3477L743.055 23.6217V-105.831L855.02 -170.557Z\"\n fill=\"#F8F6FD\"\n />\n <path\n d=\"M743.02 409.033L854.986 473.759V603.211L743.02 667.938L631.055 603.211V473.759L743.02 409.033Z\"\n fill=\"#F6F3FC\"\n />\n <path\n d=\"M743.02 795.176L854.986 859.764V988.939L743.02 1053.53L631.055 988.939V859.764L743.02 795.176Z\"\n fill=\"#F5EFFA\"\n />\n <path\n d=\"M854.708 217.621L966.673 282.209V411.384L854.708 475.972L742.742 411.384V282.209L854.708 217.621Z\"\n fill=\"#F7F5FD\"\n />\n <path\n d=\"M854.708 603.211L966.673 667.937V797.389L854.708 862.115L742.742 797.389V667.937L854.708 603.211Z\"\n fill=\"#F4F0FB\"\n />\n <path\n d=\"M854.708 988.801L966.673 1053.53V1182.98L854.708 1247.71L742.742 1182.98V1053.53L854.708 988.801Z\"\n fill=\"#F3EFFA\"\n />\n <path\n d=\"M742.708 1181.8L854.673 1246.53V1375.98L742.708 1440.71L630.742 1375.98V1246.53L742.708 1181.8Z\"\n fill=\"#F3EFFA\"\n />\n <path\n d=\"M966.708 1182.8L1078.67 1247.53V1376.98L966.708 1441.71L854.742 1376.98V1247.53L966.708 1182.8Z\"\n fill=\"#F3EFFA\"\n />\n <path\n d=\"M1078.71 988.801L1190.67 1053.53V1182.98L1078.71 1247.71L966.742 1182.98V1053.53L1078.71 988.801Z\"\n fill=\"#F0EEF9\"\n />\n <path\n d=\"M1301.71 987.801L1413.67 1052.53V1181.98L1301.71 1246.71L1189.74 1181.98V1052.53L1301.71 987.801Z\"\n fill=\"#F0EEF9\"\n />\n <path\n d=\"M1190.71 1181.8L1302.67 1246.53V1375.98L1190.71 1440.71L1078.74 1375.98V1246.53L1190.71 1181.8Z\"\n fill=\"#F0EEF9\"\n />\n <path\n d=\"M966.95 23.4434L1078.92 88.1695V217.622L966.95 282.348L854.984 217.622V88.1695L966.95 23.4434Z\"\n fill=\"#F5F5FA\"\n />\n <path\n d=\"M1078.95 -169.557L1190.92 -104.831V24.6217L1078.95 89.3477L966.984 24.6217V-104.831L1078.95 -169.557Z\"\n fill=\"#F5F5FA\"\n />\n <path\n d=\"M966.95 409.033L1078.92 473.759V603.211L966.95 667.938L854.984 603.211V473.759L966.95 409.033Z\"\n fill=\"#F4F3FC\"\n />\n <path\n d=\"M966.95 795.176L1078.92 859.764V988.939L966.95 1053.53L854.984 988.939V859.764L966.95 795.176Z\"\n fill=\"#F3EFFA\"\n />\n <path\n d=\"M1078.64 217.621L1190.6 282.209V411.384L1078.64 475.972L966.672 411.384V282.209L1078.64 217.621Z\"\n fill=\"#F5F5FC\"\n />\n <path\n d=\"M1302.64 216.621L1414.6 281.209V410.384L1302.64 474.972L1190.67 410.384V281.209L1302.64 216.621Z\"\n fill=\"#F5F5FC\"\n />\n <path\n d=\"M1078.64 603.211L1190.6 667.937V797.389L1078.64 862.115L966.672 797.389V667.937L1078.64 603.211Z\"\n fill=\"#F2F1FB\"\n />\n <path\n d=\"M1302.64 602.211L1414.6 666.937V796.389L1302.64 861.115L1190.67 796.389V666.937L1302.64 602.211Z\"\n fill=\"#F2F1FB\"\n />\n <path\n d=\"M1190.88 23.4434L1302.84 88.1695V217.622L1190.88 282.348L1078.91 217.622V88.1695L1190.88 23.4434Z\"\n fill=\"#F2F4F9\"\n />\n <path\n d=\"M1301.88 -170.557L1413.84 -105.831V23.6217L1301.88 88.3477L1189.91 23.6217V-105.831L1301.88 -170.557Z\"\n fill=\"#F2F4F9\"\n />\n <path\n d=\"M1190.88 409.033L1302.84 473.759V603.211L1190.88 667.938L1078.91 603.211V473.759L1190.88 409.033Z\"\n fill=\"#F4F2FC\"\n />\n <path\n d=\"M1190.88 795.176L1302.84 859.764V988.939L1190.88 1053.53L1078.91 988.939V859.764L1190.88 795.176Z\"\n fill=\"#F2EFF9\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_6783_1966\">\n <rect width=\"1280\" height=\"1280\" fill=\"white\" />\n </clipPath>\n </defs>\n</svg>";
34
+
35
+ // commented out s+ props as the svgs don't exist yet
36
+ var BackgroundGradients = {
37
+ HomepageDark1: {
38
+ xs: HomepageDark1,
39
+ // s: HomepageDark1,
40
+ // m: HomepageDark1,
41
+ // l: HomepageDark1,
42
+ // xl: HomepageDark1,
43
+ // xxl: HomepageDark1,
44
+ },
45
+ HomepageDark2: {
46
+ xs: HomepageDark2,
47
+ // s: HomepageDark2,
48
+ // m: HomepageDark2,
49
+ // l: HomepageDark2,
50
+ // xl: HomepageDark2,
51
+ // xxl: HomepageDark2,
52
+ },
53
+ ProductpageDark1: {
54
+ xs: ProductpageDark1,
55
+ // s: ProductpageDark1,
56
+ // m: ProductpageDark1,
57
+ // l: ProductpageDark1,
58
+ // xl: ProductpageDark1,
59
+ // xxl: ProductpageDark1,
60
+ },
61
+ ProductpageDark2: {
62
+ xs: ProductpageDark2,
63
+ // s: ProductpageDark2,
64
+ // m: ProductpageDark2,
65
+ // l: ProductpageDark2,
66
+ // xl: ProductpageDark2,
67
+ // xxl: ProductpageDark2,
68
+ },
69
+ HomepageLight1: {
70
+ xs: HomepageLight1,
71
+ // s: HomepageLight1,
72
+ // m: HomepageLight1,
73
+ // l: HomepageLight1,
74
+ // xl: HomepageLight1,
75
+ // xxl: HomepageLight1,
76
+ },
77
+ HomepageLight2: {
78
+ xs: HomepageLight2,
79
+ // s: HomepageLight2,
80
+ // m: HomepageLight2,
81
+ // l: HomepageLight2,
82
+ // xl: HomepageLight2,
83
+ // xxl: HomepageLight2,
84
+ },
85
+ ProductpageLight1: {
86
+ xs: ProductpageLight1,
87
+ // s: ProductpageLight1,
88
+ // m: ProductpageLight1,
89
+ // l: ProductpageLight1,
90
+ // xl: ProductpageLight1,
91
+ // xxl: ProductpageLight1,
92
+ },
93
+ ProductpageLight2: {
94
+ xs: ProductpageLight2,
95
+ // s: ProductpageLight2,
96
+ // m: ProductpageLight2,
97
+ // l: ProductpageLight2,
98
+ // xl: ProductpageLight2,
99
+ // xxl: ProductpageLight2,
100
+ },
101
+ FooterLight: {
102
+ xs: FooterLight,
103
+ // s: FooterLight,
104
+ // m: FooterLight,
105
+ // l: FooterLight,
106
+ // xl: FooterLight,
107
+ // xxl: FooterLight,
108
+ },
109
+ };
110
+
111
+ var ScrimFade = function (props) {
112
+ var _a;
113
+ var totalHeight = (_a = props === null || props === void 0 ? void 0 : props.scrimfadeheight) !== null && _a !== void 0 ? _a : 1000;
114
+ if (!props.scrimfadeheight && props.scrimfadesize) {
115
+ if (props.scrimfadesize === "l") {
116
+ totalHeight = 1408;
117
+ }
118
+ else if (props.scrimfadesize === "m") {
119
+ totalHeight = 1024;
120
+ }
121
+ else if (props.scrimfadesize === "s") {
122
+ totalHeight = 640;
123
+ }
124
+ }
125
+ var fadeHeight = totalHeight - 128;
126
+ return (React.createElement("svg", __assign({ width: "1024", height: totalHeight, viewBox: "0 0 1024 ".concat(totalHeight), fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
127
+ React.createElement("rect", { y: "128", width: "1024", height: fadeHeight, fill: "url(#paint0_linear_6538_9883)" }),
128
+ React.createElement("g", { opacity: "0.7" },
129
+ React.createElement("rect", { width: "1024", height: totalHeight, fill: "url(#paint1_linear_6538_9883)", style: { mixBlendMode: "soft-light" } })),
130
+ React.createElement("defs", null,
131
+ React.createElement("linearGradient", { id: "paint0_linear_6538_9883", x1: "512", y1: "128", x2: "512", y2: totalHeight, gradientUnits: "userSpaceOnUse" },
132
+ React.createElement("stop", { stopColor: "white", stopOpacity: "0" }),
133
+ React.createElement("stop", { offset: "0.0806874", stopColor: "white", stopOpacity: "0.01" }),
134
+ React.createElement("stop", { offset: "0.155366", stopColor: "white", stopOpacity: "0.0217837" }),
135
+ React.createElement("stop", { offset: "0.22496", stopColor: "white", stopOpacity: "0.04832" }),
136
+ React.createElement("stop", { offset: "0.290394", stopColor: "white", stopOpacity: "0.0846696" }),
137
+ React.createElement("stop", { offset: "0.352593", stopColor: "white", stopOpacity: "0.13037" }),
138
+ React.createElement("stop", { offset: "0.41248", stopColor: "white", stopOpacity: "0.18496" }),
139
+ React.createElement("stop", { offset: "0.470981", stopColor: "white", stopOpacity: "0.247976" }),
140
+ React.createElement("stop", { offset: "0.529019", stopColor: "white", stopOpacity: "0.318957" }),
141
+ React.createElement("stop", { offset: "0.58752", stopColor: "white", stopOpacity: "0.39744" }),
142
+ React.createElement("stop", { offset: "0.647407", stopColor: "white", stopOpacity: "0.482963" }),
143
+ React.createElement("stop", { offset: "0.709606", stopColor: "white", stopOpacity: "0.575064" }),
144
+ React.createElement("stop", { offset: "0.77504", stopColor: "white", stopOpacity: "0.67328" }),
145
+ React.createElement("stop", { offset: "0.844634", stopColor: "white", stopOpacity: "0.77715" }),
146
+ React.createElement("stop", { offset: "0.919313", stopColor: "white", stopOpacity: "0.88621" }),
147
+ React.createElement("stop", { offset: "1", stopColor: "white" })),
148
+ React.createElement("linearGradient", { id: "paint1_linear_6538_9883", x1: "512", y1: "0", x2: "512", y2: totalHeight, gradientUnits: "userSpaceOnUse" },
149
+ React.createElement("stop", { stopColor: "white", stopOpacity: "0" }),
150
+ React.createElement("stop", { offset: "1", stopColor: "white" })))));
151
+ };
152
+
153
+ var GradientPageBackground = function (_a) {
154
+ var _b, _c;
155
+ var _d = _a.type, type = _d === void 0 ? "HomepageDark1" : _d, children = _a.children, scrimFadeSize = _a.scrimFadeSize, scrimFadeHeights = _a.scrimFadeHeights, _e = _a.scrimFadePosition, scrimFadePosition = _e === void 0 ? "bottom" : _e, extendBackgrounds = _a.extendBackgrounds, customGradients = _a.customGradients, props = __rest(_a, ["type", "children", "scrimFadeSize", "scrimFadeHeights", "scrimFadePosition", "extendBackgrounds", "customGradients"]);
156
+ var _f = useState(), scrimFadeHeight = _f[0], setScrimFadeHeight = _f[1];
157
+ var _g = useState(), extendBackground = _g[0], setExtendBackground = _g[1];
158
+ var _h = useState(BackgroundGradients.HomepageDark1.xs), backgroundGradient = _h[0], setBackgroundGradient = _h[1];
159
+ var _j = useState(), customGradient = _j[0], setCustomGradient = _j[1];
160
+ var _k = useState("xs"), breakpoint = _k[0], setBreakpoint = _k[1];
161
+ var gradientUri = svgToMiniDataURI(backgroundGradient !== null && backgroundGradient !== void 0 ? backgroundGradient : "");
162
+ var isMinWidthArcBreakpointS = useMediaQuery(S_BREAKPOINT);
163
+ var isMinWidthArcBreakpointM = useMediaQuery(M_BREAKPOINT);
164
+ var isMinWidthArcBreakpointL = useMediaQuery(L_BREAKPOINT);
165
+ var isMinWidthArcBreakpointXl = useMediaQuery(XL_BREAKPOINT);
166
+ // Update current breakpoint value for props
167
+ useEffect(function () {
168
+ var _a;
169
+ var breakpoints = [
170
+ ["xl", isMinWidthArcBreakpointXl],
171
+ ["l", isMinWidthArcBreakpointL],
172
+ ["m", isMinWidthArcBreakpointM],
173
+ ["s", isMinWidthArcBreakpointS],
174
+ ["xs", true],
175
+ ];
176
+ var matched = breakpoints.find(function (_a) {
177
+ var match = _a[1];
178
+ return match;
179
+ });
180
+ setBreakpoint((_a = matched === null || matched === void 0 ? void 0 : matched[0]) !== null && _a !== void 0 ? _a : "xs");
181
+ }, [
182
+ isMinWidthArcBreakpointXl,
183
+ isMinWidthArcBreakpointL,
184
+ isMinWidthArcBreakpointM,
185
+ isMinWidthArcBreakpointS,
186
+ ]);
187
+ // Function to inherit the last provided value when no value is provided
188
+ var inheritFallbackKey = function (obj, key) {
189
+ var keysInOrder = ["xs", "s", "m", "l", "xl", "xxl"];
190
+ var index = keysInOrder.indexOf(key);
191
+ if (index === -1)
192
+ return;
193
+ for (var i = index; i >= 0; i--) {
194
+ var fallbackKey = keysInOrder[i];
195
+ if (obj[fallbackKey] !== undefined) {
196
+ return obj[fallbackKey];
197
+ }
198
+ }
199
+ return undefined;
200
+ };
201
+ // Update props when breakpoint changes
202
+ useEffect(function () {
203
+ var _a;
204
+ if (!breakpoint)
205
+ return;
206
+ setScrimFadeHeight(inheritFallbackKey(scrimFadeHeights !== null && scrimFadeHeights !== void 0 ? scrimFadeHeights : {}, breakpoint));
207
+ setExtendBackground(inheritFallbackKey(extendBackgrounds !== null && extendBackgrounds !== void 0 ? extendBackgrounds : {}, breakpoint));
208
+ setBackgroundGradient(inheritFallbackKey((_a = BackgroundGradients === null || BackgroundGradients === void 0 ? void 0 : BackgroundGradients[type]) !== null && _a !== void 0 ? _a : {}, breakpoint));
209
+ setCustomGradient(inheritFallbackKey(customGradients !== null && customGradients !== void 0 ? customGradients : {}, breakpoint));
210
+ }, [breakpoint, type]); // type only for storybook
211
+ return (React__default.createElement("div", __assign({ className: classNames("arc-GradientPageBackground", (_b = {},
212
+ _b["arc-GradientPageBackground--".concat(scrimFadePosition)] = scrimFadePosition,
213
+ _b)), style: extendBackground && scrimFadePosition == "bottom"
214
+ ? {
215
+ paddingBottom: "".concat(extendBackground, "px"),
216
+ marginBottom: "-".concat(extendBackground, "px"),
217
+ }
218
+ : {
219
+ paddingTop: "".concat(extendBackground, "px"),
220
+ marginTop: "-".concat(extendBackground, "px"),
221
+ } }, filterAttrs(props)),
222
+ React__default.createElement("div", { className: "arc-GradientPageBackground-svgWrapper" },
223
+ React__default.createElement("img", { src: customGradient || gradientUri, alt: "", className: "arc-GradientPageBackground-svgbg" })),
224
+ React__default.createElement("div", { className: "arc-GradientPageBackground-content" },
225
+ React__default.createElement(Surface, { isTransparent: true, background: customGradient
226
+ ? (customGradient === null || customGradient === void 0 ? void 0 : customGradient.includes("Light"))
227
+ ? "light-white"
228
+ : "dark-black"
229
+ : type.includes("Light")
230
+ ? "light-white"
231
+ : "dark-black" }, children)),
232
+ scrimFadeSize && (React__default.createElement(ScrimFade, { className: classNames("arc-GradientPageBackground-scrimFade", (_c = {},
233
+ _c["arc-GradientPageBackground-scrimFade--".concat(scrimFadePosition)] = scrimFadePosition,
234
+ _c)), scrimfadeheight: scrimFadeHeight ? scrimFadeHeight : null, scrimfadesize: scrimFadeSize, preserveAspectRatio: "none" }))));
235
+ };
236
+
237
+ export { GradientPageBackground };
package/lib/GradientPageBackground/styles.css ADDED
@@ -0,0 +1 @@
1
+ .arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground{overflow:hidden;position:relative;width:100%}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground--top .arc-GradientPageBackground-svgWrapper{bottom:0;z-index:-2}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground--bottom .arc-GradientPageBackground-svgWrapper{z-index:-1}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground-content{position:relative;z-index:1}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground-scrimFade{bottom:0;content:"";display:block;left:0;max-height:100%;pointer-events:none;position:absolute;right:0;width:100%;z-index:-1}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground-scrimFade--top{top:0;transform:rotate(180deg)}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground-scrimFade--bottom{bottom:-1px}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground .arc-GradientPageBackground-svgWrapper{bottom:0;height:100%;left:50%;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-50%);width:1280px}.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground .arc-GradientPageBackground-svgbg{-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:blur(100px);height:calc(100% + 256px);margin:-128px;transform:translate3d(0,0,0);width:calc(100% + 256px)}@media (min-width:1280px){.arc-v12-0-0-beta-20 .arc .arc-GradientPageBackground .arc-GradientPageBackground-svgWrapper{left:0;transform:translateX(0);width:100%}}