@wix/design-system-illustrations 2.29.0 → 2.30.0

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 (448) hide show
  1. package/dist/cjs/AvatarCircle.js +2 -2
  2. package/dist/cjs/AvatarSquare.js +2 -2
  3. package/dist/cjs/BlogFullPost.js +2 -2
  4. package/dist/cjs/BlogOneColumn.js +2 -2
  5. package/dist/cjs/BlogTagButton.js +2 -2
  6. package/dist/cjs/BookingsGrid.js +6 -9
  7. package/dist/cjs/BookingsOverlapping.js +5 -4
  8. package/dist/cjs/BookingsSideBySide.js +4 -4
  9. package/dist/cjs/BookingsStrip.js +1 -1
  10. package/dist/cjs/ButtonsLayoutIconsIdentity.js +53 -0
  11. package/dist/cjs/ButtonsLayoutRowIdentity.js +53 -0
  12. package/dist/cjs/ButtonsLayoutStackIdentity.js +53 -0
  13. package/dist/cjs/DividerLineIdentity.js +51 -0
  14. package/dist/cjs/DividerLineTextIdentity.js +54 -0
  15. package/dist/cjs/EventLayoutAlternating.js +3 -3
  16. package/dist/cjs/EventLayoutLeft.js +1 -1
  17. package/dist/cjs/EventLayoutRight.js +3 -3
  18. package/dist/cjs/EventLeft.js +5 -5
  19. package/dist/cjs/EventRight.js +5 -5
  20. package/dist/cjs/EventsZoomIn.js +56 -0
  21. package/dist/cjs/FileShareFill.js +52 -0
  22. package/dist/cjs/FileShareLabel.js +52 -0
  23. package/dist/cjs/FileShareLine.js +52 -0
  24. package/dist/cjs/FormLayoutAboveIdentity.js +52 -0
  25. package/dist/cjs/FormLayoutBelowIdentity.js +52 -0
  26. package/dist/cjs/GalleryBlur.js +4 -4
  27. package/dist/cjs/GalleryColorIn.js +1 -1
  28. package/dist/cjs/GalleryExpand.js +9 -9
  29. package/dist/cjs/GalleryExpandOut.js +8 -8
  30. package/dist/cjs/GalleryFade.js +2 -2
  31. package/dist/cjs/GalleryFadeIn.js +5 -5
  32. package/dist/cjs/GalleryInvert.js +2 -2
  33. package/dist/cjs/GalleryMoveUp.js +8 -7
  34. package/dist/cjs/GalleryNoChange.js +1 -1
  35. package/dist/cjs/GalleryOneColor.js +4 -4
  36. package/dist/cjs/GalleryShrink.js +10 -10
  37. package/dist/cjs/GallerySlideDown.js +7 -7
  38. package/dist/cjs/GallerySlideRight.js +7 -7
  39. package/dist/cjs/GallerySlideUp.js +5 -6
  40. package/dist/cjs/GalleryZoomOut.js +11 -2
  41. package/dist/cjs/IconPositionBottom.js +54 -0
  42. package/dist/cjs/IconPositionLeft.js +55 -0
  43. package/dist/cjs/IconPositionRight.js +54 -0
  44. package/dist/cjs/IconPositionTop.js +55 -0
  45. package/dist/cjs/IdentityButtonsLayoutIcons.js +53 -0
  46. package/dist/cjs/IdentityButtonsLayoutRow.js +53 -0
  47. package/dist/cjs/IdentityButtonsLayoutStack.js +53 -0
  48. package/dist/cjs/IdentityDividerLine.js +51 -0
  49. package/dist/cjs/IdentityDividerText.js +54 -0
  50. package/dist/cjs/MembersAreaLargeSize.js +52 -0
  51. package/dist/cjs/MembersAreaMediumSize.js +52 -0
  52. package/dist/cjs/MembersAreaSmallSize.js +52 -0
  53. package/dist/cjs/MembersIcon.js +3 -7
  54. package/dist/cjs/MembersName.js +2 -2
  55. package/dist/cjs/MembersNameAndIcon.js +2 -3
  56. package/dist/cjs/MenuDividerDash.js +51 -0
  57. package/dist/cjs/MenuDividerDots.js +52 -0
  58. package/dist/cjs/MenuDividerLine.js +51 -0
  59. package/dist/cjs/OnlineOrderBelowOrder.js +52 -0
  60. package/dist/cjs/OnlineOrderCard.js +53 -0
  61. package/dist/cjs/OnlineOrderImageRight.js +53 -0
  62. package/dist/cjs/OnlineOrderOnImage.js +52 -0
  63. package/dist/cjs/PricingLayoutAbove.js +5 -5
  64. package/dist/cjs/PricingLayoutBelow.js +4 -4
  65. package/dist/cjs/PricingLayoutLeft.js +5 -5
  66. package/dist/cjs/PricingLayoutRight.js +5 -5
  67. package/dist/cjs/RestauransMenusCenter.js +51 -0
  68. package/dist/cjs/RestauransMenusExpand.js +53 -0
  69. package/dist/cjs/RestauransMenusSplitImageText.js +53 -0
  70. package/dist/cjs/RestaurantStrip.js +2 -2
  71. package/dist/cjs/StoreAboveInfo.js +2 -2
  72. package/dist/cjs/StoreAccordionCollapse.js +1 -1
  73. package/dist/cjs/StoreBelowInfo.js +3 -3
  74. package/dist/cjs/StoreButtons.js +1 -1
  75. package/dist/cjs/StoreCategoryMenuTypeVertical.js +54 -0
  76. package/dist/cjs/StoreCollapse.js +3 -3
  77. package/dist/cjs/StoreDrawer.js +5 -7
  78. package/dist/cjs/StoreDropdown.js +2 -2
  79. package/dist/cjs/StoreHeaderPositionMinimised.js +55 -0
  80. package/dist/cjs/StoreHeaderPositionStretched.js +54 -0
  81. package/dist/cjs/StoreImageBottom.js +53 -0
  82. package/dist/cjs/StoreImageCard.js +52 -0
  83. package/dist/cjs/StoreImagePlacementSide.js +53 -0
  84. package/dist/cjs/StoreImagePlacementTop.js +53 -0
  85. package/dist/cjs/StoreInline.js +3 -4
  86. package/dist/cjs/StoreNegativeBack.js +4 -4
  87. package/dist/cjs/StoreOnImage.js +4 -3
  88. package/dist/cjs/StorePopUp.js +7 -9
  89. package/dist/cjs/StorePriceSideBySide.js +3 -3
  90. package/dist/cjs/StorePriceStacked.js +3 -3
  91. package/dist/cjs/StoreProductInfo.js +2 -3
  92. package/dist/cjs/StoreProductLayoutClassic.js +53 -0
  93. package/dist/cjs/StoreRibonHorizontal.js +52 -0
  94. package/dist/cjs/StoreRibonStack.js +52 -0
  95. package/dist/cjs/StoreSideBySide.js +2 -2
  96. package/dist/cjs/StoreSleek.js +2 -2
  97. package/dist/cjs/StoreSpotlight.js +5 -4
  98. package/dist/cjs/StoreStreched.js +2 -2
  99. package/dist/cjs/StoreStunning.js +2 -2
  100. package/dist/cjs/StoreSwapImage.js +2 -2
  101. package/dist/cjs/StoreTrim.js +2 -2
  102. package/dist/cjs/StoreWrap.js +3 -3
  103. package/dist/cjs/animated/ElementsFixedHeight.js +3 -2
  104. package/dist/cjs/animated/ElementsFixedMargins.js +3 -2
  105. package/dist/cjs/animated/ElementsScale.js +3 -2
  106. package/dist/cjs/animated/HeaderScrollEffectDisappear.js +89 -0
  107. package/dist/cjs/animated/HeaderScrollEffectFadeOut.js +89 -0
  108. package/dist/cjs/animated/HeaderScrollEffectMoveWithPage.js +89 -0
  109. package/dist/cjs/animated/HeaderScrollEffectStayFixed.js +89 -0
  110. package/dist/cjs/animated/LimitScaling2Guy.js +91 -0
  111. package/dist/cjs/animated/MaxMinGuy.js +90 -0
  112. package/dist/cjs/animated/MobileAlgoFastGuy.js +89 -0
  113. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +91 -0
  114. package/dist/cjs/animated/ResponsiveBehaviorElementsRelativeWidth.js +88 -0
  115. package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js +88 -0
  116. package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js +91 -0
  117. package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js +94 -0
  118. package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js +94 -0
  119. package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.js +88 -0
  120. package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js +89 -0
  121. package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.js +88 -0
  122. package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js +89 -0
  123. package/dist/cjs/animated/ResponsiveBehaviorTextHug.js +89 -0
  124. package/dist/cjs/animated/ResponsiveBehaviorTextScaleProportionally.js +88 -0
  125. package/dist/cjs/animated/ResponsiveBehaviorWarp.js +88 -0
  126. package/dist/cjs/animated/SectionFixedHeight.js +4 -3
  127. package/dist/cjs/animated/SectionScale.js +3 -2
  128. package/dist/cjs/animated/animated.global.css +5485 -0
  129. package/dist/cjs/animated/index.js +60 -0
  130. package/dist/cjs/index.js +129 -0
  131. package/dist/esm/AvatarCircle.js +2 -2
  132. package/dist/esm/AvatarSquare.js +2 -2
  133. package/dist/esm/BlogFullPost.js +2 -2
  134. package/dist/esm/BlogOneColumn.js +2 -2
  135. package/dist/esm/BlogTagButton.js +2 -2
  136. package/dist/esm/BookingsGrid.js +6 -9
  137. package/dist/esm/BookingsOverlapping.js +5 -4
  138. package/dist/esm/BookingsSideBySide.js +4 -4
  139. package/dist/esm/BookingsStrip.js +1 -1
  140. package/dist/esm/ButtonsLayoutIconsIdentity.js +19 -0
  141. package/dist/esm/ButtonsLayoutRowIdentity.js +19 -0
  142. package/dist/esm/ButtonsLayoutStackIdentity.js +19 -0
  143. package/dist/esm/DividerLineIdentity.js +17 -0
  144. package/dist/esm/DividerLineTextIdentity.js +20 -0
  145. package/dist/esm/EventLayoutAlternating.js +3 -3
  146. package/dist/esm/EventLayoutLeft.js +1 -1
  147. package/dist/esm/EventLayoutRight.js +3 -3
  148. package/dist/esm/EventLeft.js +5 -5
  149. package/dist/esm/EventRight.js +5 -5
  150. package/dist/esm/EventsZoomIn.js +22 -0
  151. package/dist/esm/FileShareFill.js +18 -0
  152. package/dist/esm/FileShareLabel.js +18 -0
  153. package/dist/esm/FileShareLine.js +18 -0
  154. package/dist/esm/FormLayoutAboveIdentity.js +18 -0
  155. package/dist/esm/FormLayoutBelowIdentity.js +18 -0
  156. package/dist/esm/GalleryBlur.js +4 -4
  157. package/dist/esm/GalleryColorIn.js +1 -1
  158. package/dist/esm/GalleryExpand.js +9 -9
  159. package/dist/esm/GalleryExpandOut.js +8 -8
  160. package/dist/esm/GalleryFade.js +2 -2
  161. package/dist/esm/GalleryFadeIn.js +5 -5
  162. package/dist/esm/GalleryInvert.js +2 -2
  163. package/dist/esm/GalleryMoveUp.js +8 -7
  164. package/dist/esm/GalleryNoChange.js +1 -1
  165. package/dist/esm/GalleryOneColor.js +4 -4
  166. package/dist/esm/GalleryShrink.js +10 -10
  167. package/dist/esm/GallerySlideDown.js +7 -7
  168. package/dist/esm/GallerySlideRight.js +7 -7
  169. package/dist/esm/GallerySlideUp.js +5 -6
  170. package/dist/esm/GalleryZoomOut.js +11 -2
  171. package/dist/esm/IconPositionBottom.js +20 -0
  172. package/dist/esm/IconPositionLeft.js +21 -0
  173. package/dist/esm/IconPositionRight.js +20 -0
  174. package/dist/esm/IconPositionTop.js +21 -0
  175. package/dist/esm/IdentityButtonsLayoutIcons.js +19 -0
  176. package/dist/esm/IdentityButtonsLayoutRow.js +19 -0
  177. package/dist/esm/IdentityButtonsLayoutStack.js +19 -0
  178. package/dist/esm/IdentityDividerLine.js +17 -0
  179. package/dist/esm/IdentityDividerText.js +20 -0
  180. package/dist/esm/MembersAreaLargeSize.js +18 -0
  181. package/dist/esm/MembersAreaMediumSize.js +18 -0
  182. package/dist/esm/MembersAreaSmallSize.js +18 -0
  183. package/dist/esm/MembersIcon.js +3 -7
  184. package/dist/esm/MembersName.js +2 -2
  185. package/dist/esm/MembersNameAndIcon.js +2 -3
  186. package/dist/esm/MenuDividerDash.js +17 -0
  187. package/dist/esm/MenuDividerDots.js +18 -0
  188. package/dist/esm/MenuDividerLine.js +17 -0
  189. package/dist/esm/OnlineOrderBelowOrder.js +18 -0
  190. package/dist/esm/OnlineOrderCard.js +19 -0
  191. package/dist/esm/OnlineOrderImageRight.js +19 -0
  192. package/dist/esm/OnlineOrderOnImage.js +18 -0
  193. package/dist/esm/PricingLayoutAbove.js +5 -5
  194. package/dist/esm/PricingLayoutBelow.js +4 -4
  195. package/dist/esm/PricingLayoutLeft.js +5 -5
  196. package/dist/esm/PricingLayoutRight.js +5 -5
  197. package/dist/esm/RestauransMenusCenter.js +17 -0
  198. package/dist/esm/RestauransMenusExpand.js +19 -0
  199. package/dist/esm/RestauransMenusSplitImageText.js +19 -0
  200. package/dist/esm/RestaurantStrip.js +2 -2
  201. package/dist/esm/StoreAboveInfo.js +2 -2
  202. package/dist/esm/StoreAccordionCollapse.js +1 -1
  203. package/dist/esm/StoreBelowInfo.js +3 -3
  204. package/dist/esm/StoreButtons.js +1 -1
  205. package/dist/esm/StoreCategoryMenuTypeVertical.js +20 -0
  206. package/dist/esm/StoreCollapse.js +3 -3
  207. package/dist/esm/StoreDrawer.js +5 -7
  208. package/dist/esm/StoreDropdown.js +2 -2
  209. package/dist/esm/StoreHeaderPositionMinimised.js +21 -0
  210. package/dist/esm/StoreHeaderPositionStretched.js +20 -0
  211. package/dist/esm/StoreImageBottom.js +19 -0
  212. package/dist/esm/StoreImageCard.js +18 -0
  213. package/dist/esm/StoreImagePlacementSide.js +19 -0
  214. package/dist/esm/StoreImagePlacementTop.js +19 -0
  215. package/dist/esm/StoreInline.js +3 -4
  216. package/dist/esm/StoreNegativeBack.js +4 -4
  217. package/dist/esm/StoreOnImage.js +4 -3
  218. package/dist/esm/StorePopUp.js +7 -9
  219. package/dist/esm/StorePriceSideBySide.js +3 -3
  220. package/dist/esm/StorePriceStacked.js +3 -3
  221. package/dist/esm/StoreProductInfo.js +2 -3
  222. package/dist/esm/StoreProductLayoutClassic.js +19 -0
  223. package/dist/esm/StoreRibonHorizontal.js +18 -0
  224. package/dist/esm/StoreRibonStack.js +18 -0
  225. package/dist/esm/StoreSideBySide.js +2 -2
  226. package/dist/esm/StoreSleek.js +2 -2
  227. package/dist/esm/StoreSpotlight.js +5 -4
  228. package/dist/esm/StoreStreched.js +2 -2
  229. package/dist/esm/StoreStunning.js +2 -2
  230. package/dist/esm/StoreSwapImage.js +2 -2
  231. package/dist/esm/StoreTrim.js +2 -2
  232. package/dist/esm/StoreWrap.js +3 -3
  233. package/dist/esm/animated/ElementsFixedHeight.js +4 -3
  234. package/dist/esm/animated/ElementsFixedMargins.js +4 -3
  235. package/dist/esm/animated/ElementsScale.js +4 -3
  236. package/dist/esm/animated/HeaderScrollEffectDisappear.js +45 -0
  237. package/dist/esm/animated/HeaderScrollEffectFadeOut.js +45 -0
  238. package/dist/esm/animated/HeaderScrollEffectMoveWithPage.js +45 -0
  239. package/dist/esm/animated/HeaderScrollEffectStayFixed.js +45 -0
  240. package/dist/esm/animated/LimitScaling2Guy.js +47 -0
  241. package/dist/esm/animated/MaxMinGuy.js +46 -0
  242. package/dist/esm/animated/MobileAlgoFastGuy.js +45 -0
  243. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +47 -0
  244. package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js +44 -0
  245. package/dist/esm/animated/ResponsiveBehaviorElementsScaleProportionally.js +44 -0
  246. package/dist/esm/animated/ResponsiveBehaviorElementsStretch.js +47 -0
  247. package/dist/esm/animated/ResponsiveBehaviorHeaderFadeOut.js +50 -0
  248. package/dist/esm/animated/ResponsiveBehaviorHeaderFreeze.js +50 -0
  249. package/dist/esm/animated/ResponsiveBehaviorScaleProportionally.js +44 -0
  250. package/dist/esm/animated/ResponsiveBehaviorSectionFixedHeight.js +45 -0
  251. package/dist/esm/animated/ResponsiveBehaviorTextCustomScale.js +44 -0
  252. package/dist/esm/animated/ResponsiveBehaviorTextFixed.js +45 -0
  253. package/dist/esm/animated/ResponsiveBehaviorTextHug.js +45 -0
  254. package/dist/esm/animated/ResponsiveBehaviorTextScaleProportionally.js +44 -0
  255. package/dist/esm/animated/ResponsiveBehaviorWarp.js +44 -0
  256. package/dist/esm/animated/SectionFixedHeight.js +5 -4
  257. package/dist/esm/animated/SectionScale.js +4 -3
  258. package/dist/esm/animated/animated.global.css +5485 -0
  259. package/dist/esm/animated/index.js +40 -0
  260. package/dist/esm/index.js +86 -0
  261. package/dist/types/ButtonsLayoutIconsIdentity.d.ts +5 -0
  262. package/dist/types/ButtonsLayoutRowIdentity.d.ts +5 -0
  263. package/dist/types/ButtonsLayoutStackIdentity.d.ts +5 -0
  264. package/dist/types/DividerLineIdentity.d.ts +5 -0
  265. package/dist/types/DividerLineTextIdentity.d.ts +5 -0
  266. package/dist/types/EventsZoomIn.d.ts +5 -0
  267. package/dist/types/FileShareFill.d.ts +5 -0
  268. package/dist/types/FileShareLabel.d.ts +5 -0
  269. package/dist/types/FileShareLine.d.ts +5 -0
  270. package/dist/types/FormLayoutAboveIdentity.d.ts +5 -0
  271. package/dist/types/FormLayoutBelowIdentity.d.ts +5 -0
  272. package/dist/types/IconPositionBottom.d.ts +5 -0
  273. package/dist/types/IconPositionLeft.d.ts +5 -0
  274. package/dist/types/IconPositionRight.d.ts +5 -0
  275. package/dist/types/IconPositionTop.d.ts +5 -0
  276. package/dist/types/IdentityButtonsLayoutIcons.d.ts +5 -0
  277. package/dist/types/IdentityButtonsLayoutRow.d.ts +5 -0
  278. package/dist/types/IdentityButtonsLayoutStack.d.ts +5 -0
  279. package/dist/types/IdentityDividerLine.d.ts +5 -0
  280. package/dist/types/IdentityDividerText.d.ts +5 -0
  281. package/dist/types/MembersAreaLargeSize.d.ts +5 -0
  282. package/dist/types/MembersAreaMediumSize.d.ts +5 -0
  283. package/dist/types/MembersAreaSmallSize.d.ts +5 -0
  284. package/dist/types/MenuDividerDash.d.ts +5 -0
  285. package/dist/types/MenuDividerDots.d.ts +5 -0
  286. package/dist/types/MenuDividerLine.d.ts +5 -0
  287. package/dist/types/OnlineOrderBelowOrder.d.ts +5 -0
  288. package/dist/types/OnlineOrderCard.d.ts +5 -0
  289. package/dist/types/OnlineOrderImageRight.d.ts +5 -0
  290. package/dist/types/OnlineOrderOnImage.d.ts +5 -0
  291. package/dist/types/RestauransMenusCenter.d.ts +5 -0
  292. package/dist/types/RestauransMenusExpand.d.ts +5 -0
  293. package/dist/types/RestauransMenusSplitImageText.d.ts +5 -0
  294. package/dist/types/StoreCategoryMenuTypeVertical.d.ts +5 -0
  295. package/dist/types/StoreHeaderPositionMinimised.d.ts +5 -0
  296. package/dist/types/StoreHeaderPositionStretched.d.ts +5 -0
  297. package/dist/types/StoreImageBottom.d.ts +5 -0
  298. package/dist/types/StoreImageCard.d.ts +5 -0
  299. package/dist/types/StoreImagePlacementSide.d.ts +5 -0
  300. package/dist/types/StoreImagePlacementTop.d.ts +5 -0
  301. package/dist/types/StoreProductLayoutClassic.d.ts +5 -0
  302. package/dist/types/StoreRibonHorizontal.d.ts +5 -0
  303. package/dist/types/StoreRibonStack.d.ts +5 -0
  304. package/dist/types/animated/HeaderScrollEffectDisappear.d.ts +7 -0
  305. package/dist/types/animated/HeaderScrollEffectFadeOut.d.ts +7 -0
  306. package/dist/types/animated/HeaderScrollEffectMoveWithPage.d.ts +7 -0
  307. package/dist/types/animated/HeaderScrollEffectStayFixed.d.ts +7 -0
  308. package/dist/types/animated/LimitScaling2Guy.d.ts +7 -0
  309. package/dist/types/animated/MaxMinGuy.d.ts +7 -0
  310. package/dist/types/animated/MobileAlgoFastGuy.d.ts +7 -0
  311. package/dist/types/animated/ResponsiveBehaviorElementsFixed.d.ts +7 -0
  312. package/dist/types/animated/ResponsiveBehaviorElementsRelativeWidth.d.ts +7 -0
  313. package/dist/types/animated/ResponsiveBehaviorElementsScaleProportionally.d.ts +7 -0
  314. package/dist/types/animated/ResponsiveBehaviorElementsStretch.d.ts +7 -0
  315. package/dist/types/animated/ResponsiveBehaviorHeaderFadeOut.d.ts +7 -0
  316. package/dist/types/animated/ResponsiveBehaviorHeaderFreeze.d.ts +7 -0
  317. package/dist/types/animated/ResponsiveBehaviorScaleProportionally.d.ts +7 -0
  318. package/dist/types/animated/ResponsiveBehaviorSectionFixedHeight.d.ts +7 -0
  319. package/dist/types/animated/ResponsiveBehaviorTextCustomScale.d.ts +7 -0
  320. package/dist/types/animated/ResponsiveBehaviorTextFixed.d.ts +7 -0
  321. package/dist/types/animated/ResponsiveBehaviorTextHug.d.ts +7 -0
  322. package/dist/types/animated/ResponsiveBehaviorTextScaleProportionally.d.ts +7 -0
  323. package/dist/types/animated/ResponsiveBehaviorWarp.d.ts +7 -0
  324. package/dist/types/animated/index.d.ts +40 -0
  325. package/dist/types/index.d.ts +43 -0
  326. package/package.json +3 -3
  327. package/src/AvatarCircle.svg +11 -11
  328. package/src/AvatarSquare.svg +11 -11
  329. package/src/BlogFullPost.svg +19 -19
  330. package/src/BlogOneColumn.svg +13 -13
  331. package/src/BlogTagButton.svg +17 -15
  332. package/src/BookingsGrid.svg +34 -34
  333. package/src/BookingsOverlapping.svg +43 -22
  334. package/src/BookingsSideBySide.svg +19 -19
  335. package/src/BookingsStrip.svg +1 -1
  336. package/src/ButtonsLayoutIconsIdentity.svg +42 -0
  337. package/src/ButtonsLayoutRowIdentity.svg +42 -0
  338. package/src/ButtonsLayoutStackIdentity.svg +42 -0
  339. package/src/DividerLineIdentity.svg +3 -0
  340. package/src/DividerLineTextIdentity.svg +23 -0
  341. package/src/EventLayoutAlternating.svg +14 -14
  342. package/src/EventLayoutLeft.svg +14 -14
  343. package/src/EventLayoutRight.svg +14 -14
  344. package/src/EventLeft.svg +30 -30
  345. package/src/EventRight.svg +30 -30
  346. package/src/EventsZoomIn.svg +53 -0
  347. package/src/FileShareFill.svg +30 -0
  348. package/src/FileShareLabel.svg +32 -0
  349. package/src/FileShareLine.svg +15 -0
  350. package/src/FormLayoutAboveIdentity.svg +63 -0
  351. package/src/FormLayoutBelowIdentity.svg +63 -0
  352. package/src/GalleryBlur.svg +21 -21
  353. package/src/GalleryColorIn.svg +19 -19
  354. package/src/GalleryExpand.svg +27 -27
  355. package/src/GalleryExpandOut.svg +27 -27
  356. package/src/GalleryFade.svg +15 -15
  357. package/src/GalleryFadeIn.svg +19 -19
  358. package/src/GalleryInvert.svg +14 -14
  359. package/src/GalleryMoveUp.svg +32 -27
  360. package/src/GalleryNoChange.svg +17 -17
  361. package/src/GalleryOneColor.svg +19 -19
  362. package/src/GalleryShrink.svg +29 -29
  363. package/src/GallerySlideDown.svg +20 -20
  364. package/src/GallerySlideRight.svg +20 -20
  365. package/src/GallerySlideUp.svg +26 -31
  366. package/src/GalleryZoomOut.svg +28 -33
  367. package/src/IconPositionBottom.svg +24 -0
  368. package/src/IconPositionLeft.svg +24 -0
  369. package/src/IconPositionRight.svg +24 -0
  370. package/src/IconPositionTop.svg +24 -0
  371. package/src/IdentityButtonsLayoutIcons.svg +42 -0
  372. package/src/IdentityButtonsLayoutRow.svg +42 -0
  373. package/src/IdentityButtonsLayoutStack.svg +42 -0
  374. package/src/IdentityDividerLine.svg +3 -0
  375. package/src/IdentityDividerText.svg +25 -0
  376. package/src/MembersAreaLargeSize.svg +23 -0
  377. package/src/MembersAreaMediumSize.svg +23 -0
  378. package/src/MembersAreaSmallSize.svg +23 -0
  379. package/src/MembersIcon.svg +15 -34
  380. package/src/MembersName.svg +9 -9
  381. package/src/MembersNameAndIcon.svg +16 -16
  382. package/src/MenuDividerDash.svg +3 -0
  383. package/src/MenuDividerDots.svg +10 -0
  384. package/src/MenuDividerLine.svg +3 -0
  385. package/src/OnlineOrderBelowOrder.svg +56 -0
  386. package/src/OnlineOrderCard.svg +62 -0
  387. package/src/OnlineOrderImageRight.svg +62 -0
  388. package/src/OnlineOrderOnImage.svg +56 -0
  389. package/src/PricingLayoutAbove.svg +31 -18
  390. package/src/PricingLayoutBelow.svg +26 -17
  391. package/src/PricingLayoutLeft.svg +37 -19
  392. package/src/PricingLayoutRight.svg +37 -19
  393. package/src/RestauransMenusCenter.svg +5 -0
  394. package/src/RestauransMenusExpand.svg +27 -0
  395. package/src/RestauransMenusSplitImageText.svg +26 -0
  396. package/src/RestaurantStrip.svg +7 -7
  397. package/src/StoreAboveInfo.svg +11 -11
  398. package/src/StoreAccordionCollapse.svg +30 -30
  399. package/src/StoreBelowInfo.svg +15 -15
  400. package/src/StoreButtons.svg +8 -8
  401. package/src/StoreCategoryMenuTypeVertical.svg +27 -0
  402. package/src/StoreCollapse.svg +12 -12
  403. package/src/StoreDrawer.svg +14 -14
  404. package/src/StoreDropdown.svg +11 -11
  405. package/src/StoreHeaderPositionMinimised.svg +69 -0
  406. package/src/StoreHeaderPositionStretched.svg +68 -0
  407. package/src/StoreImageBottom.svg +50 -0
  408. package/src/StoreImageCard.svg +60 -0
  409. package/src/StoreImagePlacementSide.svg +62 -0
  410. package/src/StoreImagePlacementTop.svg +62 -0
  411. package/src/StoreInline.svg +28 -17
  412. package/src/StoreNegativeBack.svg +11 -9
  413. package/src/StoreOnImage.svg +17 -22
  414. package/src/StorePopUp.svg +23 -23
  415. package/src/StorePriceSideBySide.svg +10 -10
  416. package/src/StorePriceStacked.svg +10 -10
  417. package/src/StoreProductInfo.svg +11 -11
  418. package/src/StoreProductLayoutClassic.svg +50 -0
  419. package/src/StoreRibonHorizontal.svg +25 -0
  420. package/src/StoreRibonStack.svg +26 -0
  421. package/src/StoreSideBySide.svg +10 -10
  422. package/src/StoreSleek.svg +15 -15
  423. package/src/StoreSpotlight.svg +30 -30
  424. package/src/StoreStreched.svg +30 -13
  425. package/src/StoreStunning.svg +16 -16
  426. package/src/StoreSwapImage.svg +27 -27
  427. package/src/StoreTrim.svg +20 -14
  428. package/src/StoreWrap.svg +13 -15
  429. package/src/animated/HeaderScrollEffectDisappear.html +265 -0
  430. package/src/animated/HeaderScrollEffectFadeOut.html +265 -0
  431. package/src/animated/HeaderScrollEffectMoveWithPage.html +222 -0
  432. package/src/animated/HeaderScrollEffectStayFixed.html +240 -0
  433. package/src/animated/LimitScaling2Guy.html +556 -0
  434. package/src/animated/MaxMinGuy.html +523 -0
  435. package/src/animated/MobileAlgoFastGuy.html +711 -0
  436. package/src/animated/ResponsiveBehaviorElementsFixed.html +267 -0
  437. package/src/animated/ResponsiveBehaviorElementsRelativeWidth.html +332 -0
  438. package/src/animated/ResponsiveBehaviorElementsScaleProportionally.html +336 -0
  439. package/src/animated/ResponsiveBehaviorElementsStretch.html +1028 -0
  440. package/src/animated/ResponsiveBehaviorHeaderFadeOut.html +289 -0
  441. package/src/animated/ResponsiveBehaviorHeaderFreeze.html +290 -0
  442. package/src/animated/ResponsiveBehaviorScaleProportionally.html +445 -0
  443. package/src/animated/ResponsiveBehaviorSectionFixedHeight.html +318 -0
  444. package/src/animated/ResponsiveBehaviorTextCustomScale.html +320 -0
  445. package/src/animated/ResponsiveBehaviorTextFixed.html +189 -0
  446. package/src/animated/ResponsiveBehaviorTextHug.html +565 -0
  447. package/src/animated/ResponsiveBehaviorTextScaleProportionally.html +320 -0
  448. package/src/animated/ResponsiveBehaviorWarp.html +573 -0
@@ -0,0 +1,556 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Animation</title>
6
+ <style>
7
+ svg {
8
+ max-width: 100%;
9
+ height: auto;
10
+ }
11
+
12
+ :root {
13
+ --color-1: #303030;
14
+ --color-2: #002294;
15
+ --color-3: #B8C4FF;
16
+ --color-4: #F8F6F6;
17
+ --color-5: #18a0fb;
18
+ --color-6: #0d8ae0;
19
+ --color-7: #f8f6f6;
20
+ }
21
+
22
+ .node-10 {
23
+ transform-box: fill-box;
24
+ transform-origin: 50% 50%;
25
+ animation: node-10-transform 3375ms linear infinite both;
26
+ }
27
+
28
+ .node-10-shape {
29
+ animation: node-10-width 3375ms linear infinite both;
30
+ }
31
+
32
+ @keyframes node-10-transform {
33
+ 0% {
34
+ transform: translate(16.5908px, -3px);
35
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
36
+ }
37
+ 32.088889% {
38
+ transform: translate(12px, -3px);
39
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
40
+ }
41
+ 64.207407% {
42
+ transform: translate(0px, -3px);
43
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
44
+ }
45
+ 98.755556% {
46
+ transform: translate(16.5908px, -3px);
47
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
48
+ }
49
+ 100% {
50
+ transform: translate(16.5908px, -3px);
51
+ }
52
+ }
53
+
54
+ @keyframes node-10-width {
55
+ 0% {
56
+ width: 20.8184px;
57
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
58
+ }
59
+ 32.088889% {
60
+ width: 30px;
61
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
62
+ }
63
+ 64.207407% {
64
+ width: 54px;
65
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
66
+ }
67
+ 98.755556% {
68
+ width: 20.8184px;
69
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
70
+ }
71
+ 100% {
72
+ width: 20.8184px;
73
+ }
74
+ }
75
+
76
+ .node-11 {
77
+ transform-box: fill-box;
78
+ transform-origin: 50% 50%;
79
+ animation: node-11-transform 3375ms linear infinite both;
80
+ }
81
+
82
+ .node-11-shape {
83
+ animation: node-11-width 3375ms linear infinite both;
84
+ }
85
+
86
+ @keyframes node-11-transform {
87
+ 0% {
88
+ transform: translate(8.82205px, -3px);
89
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
90
+ }
91
+ 32.088889% {
92
+ transform: translate(5.5px, -3px);
93
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
94
+ }
95
+ 64.207407% {
96
+ transform: translate(0px, -3px);
97
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
98
+ }
99
+ 98.755556% {
100
+ transform: translate(8.82205px, -3px);
101
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
102
+ }
103
+ 100% {
104
+ transform: translate(8.82205px, -3px);
105
+ }
106
+ }
107
+
108
+ @keyframes node-11-width {
109
+ 0% {
110
+ width: 11.3559px;
111
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
112
+ }
113
+ 32.088889% {
114
+ width: 18px;
115
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
116
+ }
117
+ 64.207407% {
118
+ width: 29px;
119
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
120
+ }
121
+ 98.755556% {
122
+ width: 11.3559px;
123
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
124
+ }
125
+ 100% {
126
+ width: 11.3559px;
127
+ }
128
+ }
129
+
130
+ .node-3 {
131
+ transform-box: fill-box;
132
+ transform-origin: 50% 50%;
133
+ animation: node-3-transform 3375ms linear infinite both;
134
+ }
135
+
136
+ @keyframes node-3-transform {
137
+ 0% {
138
+ transform: translate(0px, 0px);
139
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
140
+ }
141
+ 32.088889% {
142
+ transform: translate(-13px, 0px);
143
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
144
+ }
145
+ 64.207407% {
146
+ transform: translate(-27px, 0px);
147
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
148
+ }
149
+ 98.755556% {
150
+ transform: translate(0px, 0px);
151
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
152
+ }
153
+ 100% {
154
+ transform: translate(0px, 0px);
155
+ }
156
+ }
157
+
158
+ .node-4 {
159
+ transform-box: fill-box;
160
+ transform-origin: 50% 50%;
161
+ animation: node-4-transform 3375ms linear infinite both;
162
+ }
163
+
164
+ @keyframes node-4-transform {
165
+ 0% {
166
+ transform: translate(0px, 0px);
167
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
168
+ }
169
+ 32.088889% {
170
+ transform: translate(13px, 0px);
171
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
172
+ }
173
+ 64.207407% {
174
+ transform: translate(25px, 0px);
175
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
176
+ }
177
+ 98.755556% {
178
+ transform: translate(0px, 0px);
179
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
180
+ }
181
+ 100% {
182
+ transform: translate(0px, 0px);
183
+ }
184
+ }
185
+
186
+ .rect-msbq6at1-n {
187
+ transform-box: fill-box;
188
+ transform-origin: 50% 50%;
189
+ animation: rect-msbq6at1-n-transform 3375ms linear infinite both;
190
+ }
191
+
192
+ .rect-msbq6at1-n-shape {
193
+ animation:
194
+ rect-msbq6at1-n-width 3375ms linear infinite both,
195
+ rect-msbq6at1-n-height 3375ms linear infinite both;
196
+ }
197
+
198
+ @keyframes rect-msbq6at1-n-transform {
199
+ 0% {
200
+ transform: translate(26.5px, 0px);
201
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
202
+ }
203
+ 32.088889% {
204
+ transform: translate(13.5px, 0px);
205
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
206
+ }
207
+ 64.207407% {
208
+ transform: translate(0px, 0px);
209
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
210
+ }
211
+ 98.755556% {
212
+ transform: translate(26.5px, 0px);
213
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
214
+ }
215
+ 100% {
216
+ transform: translate(26.5px, 0px);
217
+ }
218
+ }
219
+
220
+ @keyframes rect-msbq6at1-n-width {
221
+ 0% {
222
+ width: 46px;
223
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
224
+ }
225
+ 32.088889% {
226
+ width: 72px;
227
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
228
+ }
229
+ 64.207407% {
230
+ width: 99px;
231
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
232
+ }
233
+ 98.755556% {
234
+ width: 46px;
235
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
236
+ }
237
+ 100% {
238
+ width: 46px;
239
+ }
240
+ }
241
+
242
+ @keyframes rect-msbq6at1-n-height {
243
+ 0% {
244
+ height: 60px;
245
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
246
+ }
247
+ 100% {
248
+ height: 60px;
249
+ }
250
+ }
251
+
252
+ .rect-msbqafp2-p {
253
+ transform-box: fill-box;
254
+ transform-origin: 50% 50%;
255
+ animation: rect-msbqafp2-p-transform 3375ms linear infinite both;
256
+ }
257
+
258
+ .rect-msbqafp2-p-shape {
259
+ animation:
260
+ rect-msbqafp2-p-width 3375ms linear infinite both,
261
+ rect-msbqafp2-p-height 3375ms linear infinite both;
262
+ }
263
+
264
+ @keyframes rect-msbqafp2-p-transform {
265
+ 0% {
266
+ transform: translate(12.242996px, 6.807801px);
267
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
268
+ }
269
+ 32.088889% {
270
+ transform: translate(9.242996px, 4.307801px);
271
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
272
+ }
273
+ 64.207407% {
274
+ transform: translate(0.742996px, 4.307801px);
275
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
276
+ }
277
+ 98.755556% {
278
+ transform: translate(12.242996px, 6.807801px);
279
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
280
+ }
281
+ 100% {
282
+ transform: translate(12.242996px, 6.807801px);
283
+ }
284
+ }
285
+
286
+ @keyframes rect-msbqafp2-p-width {
287
+ 0% {
288
+ width: 15px;
289
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
290
+ }
291
+ 32.088889% {
292
+ width: 21px;
293
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
294
+ }
295
+ 64.207407% {
296
+ width: 38px;
297
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
298
+ }
299
+ 98.755556% {
300
+ width: 15px;
301
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
302
+ }
303
+ 100% {
304
+ width: 15px;
305
+ }
306
+ }
307
+
308
+ @keyframes rect-msbqafp2-p-height {
309
+ 0% {
310
+ height: 12px;
311
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
312
+ }
313
+ 32.088889% {
314
+ height: 17px;
315
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
316
+ }
317
+ 64.207407% {
318
+ height: 17px;
319
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
320
+ }
321
+ 98.755556% {
322
+ height: 12px;
323
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
324
+ }
325
+ 100% {
326
+ height: 12px;
327
+ }
328
+ }
329
+
330
+ .rect-msbr3mcn-w {
331
+ transform-box: fill-box;
332
+ transform-origin: 50% 50%;
333
+ animation: rect-msbr3mcn-w-transform 3375ms linear infinite both;
334
+ }
335
+
336
+ .rect-msbr3mcn-w-shape {
337
+ animation: rect-msbr3mcn-w-width 3375ms linear infinite both;
338
+ }
339
+
340
+ @keyframes rect-msbr3mcn-w-transform {
341
+ 0% {
342
+ transform: translate(26.5px, 0px);
343
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
344
+ }
345
+ 32.088889% {
346
+ transform: translate(13.5px, 0px);
347
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
348
+ }
349
+ 64.207407% {
350
+ transform: translate(0px, 0px);
351
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
352
+ }
353
+ 98.755556% {
354
+ transform: translate(26.5px, 0px);
355
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
356
+ }
357
+ 100% {
358
+ transform: translate(26.5px, 0px);
359
+ }
360
+ }
361
+
362
+ @keyframes rect-msbr3mcn-w-width {
363
+ 0% {
364
+ width: 46px;
365
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
366
+ }
367
+ 32.088889% {
368
+ width: 72px;
369
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
370
+ }
371
+ 64.207407% {
372
+ width: 99px;
373
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
374
+ }
375
+ 98.755556% {
376
+ width: 46px;
377
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
378
+ }
379
+ 100% {
380
+ width: 46px;
381
+ }
382
+ }
383
+ </style>
384
+ </head>
385
+ <body>
386
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
387
+ <defs>
388
+ <linearGradient id="paint0_linear_1118_5030-7" x1="105.555" y1="20.6447" x2="-83.1196" y2="149.398" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
389
+ <linearGradient id="paint0_linear_1118_5291-2" x1="79.8102" y1="4.75349" x2="45.0866" y2="82.5648" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
390
+ <linearGradient id="paint0_linear_1118_5291-3" x1="79.8102" y1="4.75349" x2="45.0866" y2="82.5648" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
391
+ <linearGradient id="paint0_linear_1118_5378-2" x1="80.7755" y1="12.6561" x2="-41.8583" y2="117.119" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
392
+ <linearGradient id="paint0_linear_1118_5463-3" x1="79.8102" y1="12.6561" x2="-42.5807" y2="115.666" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
393
+ <linearGradient id="paint0_linear_1118_5471-2" x1="139.815" y1="-35.328" x2="53.124" y2="37.034" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
394
+ <linearGradient id="paint0_linear_1118_5473-2" x1="99.2046" y1="-59.3814" x2="35.9782" y2="52.1304" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
395
+ <linearGradient id="paint1_linear_1118_5291-3" x1="183.183" y1="21.2458" x2="137.334" y2="102.111" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
396
+ <linearGradient id="paint1_linear_1118_5378-2" x1="206.863" y1="2.25016" x2="143.636" y2="113.762" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
397
+ <linearGradient id="paint1_linear_1118_5463-3" x1="200.823" y1="1.71794" x2="137.596" y2="113.23" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
398
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_1118_5463" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
399
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
400
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
401
+ <feGaussianBlur stdDeviation="6.35417" result="effect1_foregroundBlur_1118_5463"/>
402
+ </filter>
403
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5463" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
404
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
405
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
406
+ <feGaussianBlur stdDeviation="5.13828" result="effect1_foregroundBlur_1118_5463"/>
407
+ </filter>
408
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5463">
409
+ <rect x="71.1182" y="33.4978" width="100" height="60.0044" rx="4" fill="white"/>
410
+ </clipPath>
411
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5463">
412
+ <rect x="101.618" y="61.0994" width="39" height="17" rx="2" fill="white"/>
413
+ </clipPath>
414
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_i_1118_5291" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
415
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
416
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
417
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
418
+ <feOffset dx="1" dy="1"/>
419
+ <feGaussianBlur stdDeviation="1.5"/>
420
+ <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
421
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
422
+ <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1118_5291"/>
423
+ </filter>
424
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5291" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
425
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
426
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
427
+ <feGaussianBlur stdDeviation="6.35417" result="effect1_foregroundBlur_1118_5291"/>
428
+ </filter>
429
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_1118_5291" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
430
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
431
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
432
+ <feGaussianBlur stdDeviation="3.72612" result="effect1_foregroundBlur_1118_5291"/>
433
+ </filter>
434
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5291">
435
+ <rect x="95.7417" y="33.8999" width="46" height="60.0044" rx="4" fill="white"/>
436
+ </clipPath>
437
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5291">
438
+ <rect x="111.243" y="64.3078" width="15" height="12" rx="2" fill="white"/>
439
+ </clipPath>
440
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_1118_5378" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
441
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
442
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
443
+ <feGaussianBlur stdDeviation="6.35417" result="effect1_foregroundBlur_1118_5378"/>
444
+ </filter>
445
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5378" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
446
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
447
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
448
+ <feGaussianBlur stdDeviation="5.13828" result="effect1_foregroundBlur_1118_5378"/>
449
+ </filter>
450
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5378">
451
+ <rect x="81.5" y="33.498" width="73" height="60.0044" rx="4" fill="white"/>
452
+ </clipPath>
453
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5378">
454
+ <rect x="107.658" y="61.6316" width="20.6848" height="17" rx="2" fill="white"/>
455
+ </clipPath>
456
+ <mask id="am-rect-msbq6at1-n" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="rect-msbq6at1-n"> <rect class="rect-msbq6at1-n-shape" x="68.5" y="33.5" width="99" height="60" rx="4" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" /></g></mask>
457
+ <mask id="am-rect-msbqafp2-p" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="rect-msbqafp2-p"> <rect class="rect-msbqafp2-p-shape" x="99" y="57.5" width="38" height="12" rx="2" ry="2" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" /></g></mask>
458
+ </defs>
459
+ <g>
460
+ <g fill="none">
461
+ <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
462
+ <g class="node-3">
463
+ <path d="M92.7417 67.9018V59.9018C92.7417 59.3495 92.294 58.9018 91.7417 58.9018C91.1894 58.9018 90.7417 59.3495 90.7417 59.9018V67.9018C90.7417 68.4541 91.1894 68.9018 91.7417 68.9018C92.294 68.9018 92.7417 68.4541 92.7417 67.9018Z" fill="var(--color-3)" />
464
+ </g>
465
+ <g class="node-4">
466
+ <path d="M146.742 67.9018V59.9018C146.742 59.3495 146.294 58.9018 145.742 58.9018C145.189 58.9018 144.742 59.3495 144.742 59.9018V67.9018C144.742 68.4541 145.189 68.9018 145.742 68.9018C146.294 68.9018 146.742 68.4541 146.742 67.9018Z" fill="var(--color-3)" />
467
+ </g>
468
+ <g class="rect-msbr3mcn-w">
469
+ <rect class="rect-msbr3mcn-w-shape" x="68.5" y="23" width="99" height="81" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.57" />
470
+ </g>
471
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(6.435006px, 69.899806px)" display="none" d="M 230 60.502 L 230.000005 -62.498 L 0.000005 -62.49801 L 0 60.50199 Z" fill="url(#paint0_linear_1118_5030-7)" />
472
+ <g display="none" fill="none" clip-path="url(#clip0_1118_5291)">
473
+ <rect x="95.7417" y="33.8999" width="46" height="60.0044" rx="4" fill="var(--color-2)" />
474
+ <g fill="none" filter="url(#filter1_f_1118_5291)">
475
+ <path d="M 147.914 94.0004 L 147.914004 1.0004 L 94.956004 1.000398 L 94.956 94.000398 Z" fill="url(#paint0_linear_1118_5291-2)" />
476
+ </g>
477
+ </g>
478
+ <g mask="url(#am-rect-msbq6at1-n)">
479
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(47.617995px, 57.305805px)" d="M 140.882 59.502 L 140.882004 -33.498 L -0.117996 -33.498006 L -0.118 59.501994 Z" fill="url(#paint0_linear_1118_5471-2)" opacity="1" />
480
+ </g>
481
+ <g mask="url(#am-rect-msbqafp2-p)">
482
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(98.263817px, 64.420073px)" d="M0 -66.8887H115.6V16.7486H0V-66.8887Z" fill="url(#paint0_linear_1118_5473-2)" />
483
+ </g>
484
+ <g class="node-10">
485
+ <rect class="node-10-shape" x="91.7422" y="51.4973" width="54" height="1.5" rx="0.75" fill="var(--color-2)" />
486
+ </g>
487
+ <g class="node-11">
488
+ <rect class="node-11-shape" x="104.24095" y="57.1594" width="29" height="1.5" rx="0.75" fill="var(--color-2)" />
489
+ </g>
490
+ </g>
491
+ </g>
492
+ <g display="none" opacity="0.5">
493
+ <g fill="none" filter="url(#filter0_i_1118_5291)">
494
+ <path d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
495
+ <path d="M92.7417 67.9018V59.9018C92.7417 59.3495 92.294 58.9018 91.7417 58.9018C91.1894 58.9018 90.7417 59.3495 90.7417 59.9018V67.9018C90.7417 68.4541 91.1894 68.9018 91.7417 68.9018C92.294 68.9018 92.7417 68.4541 92.7417 67.9018Z" fill="var(--color-3)" />
496
+ <path d="M146.742 67.9018V59.9018C146.742 59.3495 146.294 58.9018 145.742 58.9018C145.189 58.9018 144.742 59.3495 144.742 59.9018V67.9018C144.742 68.4541 145.189 68.9018 145.742 68.9018C146.294 68.9018 146.742 68.4541 146.742 67.9018Z" fill="var(--color-3)" />
497
+ <rect x="95.7417" y="23.4018" width="46" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
498
+ <g fill="none" clip-path="url(#clip0_1118_5291)">
499
+ <rect x="95.7417" y="33.8999" width="46" height="60.0044" rx="4" fill="var(--color-2)" />
500
+ <g fill="none" filter="url(#filter1_f_1118_5291)">
501
+ <path d="M 147.914 94.0004 L 147.914004 1.0004 L 94.956004 1.000398 L 94.956 94.000398 Z" fill="url(#paint0_linear_1118_5291-3)" />
502
+ </g>
503
+ </g>
504
+ <rect x="108.333" y="51.4973" width="20.8184" height="1.5" rx="0.75" fill="var(--color-2)" />
505
+ <rect x="113.063" y="57.1594" width="11.3559" height="1.5" rx="0.75" fill="var(--color-2)" />
506
+ <g fill="none" clip-path="url(#clip1_1118_5291)">
507
+ <rect x="111.243" y="64.3078" width="15" height="12" rx="2" fill="var(--color-2)" />
508
+ <g fill="none" filter="url(#filter2_f_1118_5291)">
509
+ <path d="M111.243 15.8018H195.072V76.4529H111.243V15.8018Z" fill="url(#paint1_linear_1118_5291-3)" />
510
+ </g>
511
+ </g>
512
+ </g>
513
+ </g>
514
+ <g display="none" opacity="0.5">
515
+ <path d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
516
+ <path d="M68.1182 67.5001V59.5001C68.1182 58.9478 67.6704 58.5001 67.1182 58.5001C66.5659 58.5001 66.1182 58.9478 66.1182 59.5001V67.5001C66.1182 68.0523 66.5659 68.5001 67.1182 68.5001C67.6704 68.5001 68.1182 68.0523 68.1182 67.5001Z" fill="var(--color-3)" />
517
+ <path d="M176.118 67.5001V59.5001C176.118 58.9478 175.67 58.5001 175.118 58.5001C174.566 58.5001 174.118 58.9478 174.118 59.5001V67.5001C174.118 68.0523 174.566 68.5001 175.118 68.5001C175.67 68.5001 176.118 68.0523 176.118 67.5001Z" fill="var(--color-3)" />
518
+ <rect x="71.1182" y="23" width="100" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
519
+ <g fill="none" clip-path="url(#clip0_1118_5463)">
520
+ <rect x="71.1182" y="33.4978" width="100" height="60.0044" rx="4" fill="var(--color-2)" />
521
+ <g fill="none" filter="url(#filter0_f_1118_5463)">
522
+ <path d="M 212 92.9998 L 212.000004 -0.0002 L 71.000004 -0.000206 L 71 92.999794 Z" fill="url(#paint0_linear_1118_5463-3)" />
523
+ </g>
524
+ </g>
525
+ <g fill="none" clip-path="url(#clip1_1118_5463)">
526
+ <rect x="101.618" y="61.0994" width="39" height="17" rx="2" fill="var(--color-2)" />
527
+ <g fill="none" filter="url(#filter1_f_1118_5463)">
528
+ <path d="M101.618 -5.78931H217.218V77.8479H101.618V-5.78931Z" fill="url(#paint1_linear_1118_5463-3)" />
529
+ </g>
530
+ </g>
531
+ <rect x="93.6436" y="48.9001" width="54.9492" height="1.5" rx="0.75" fill="var(--color-2)" />
532
+ <rect x="106.132" y="54.4001" width="29.9735" height="1.5" rx="0.75" fill="var(--color-2)" />
533
+ </g>
534
+ <g display="none" opacity="0.5">
535
+ <path d="M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z" fill="var(--color-1)" />
536
+ <path d="M78.5 67.5001V59.5001C78.5 58.9478 78.0523 58.5001 77.5 58.5001C76.9477 58.5001 76.5 58.9478 76.5 59.5001V67.5001C76.5 68.0523 76.9477 68.5001 77.5 68.5001C78.0523 68.5001 78.5 68.0523 78.5 67.5001Z" fill="var(--color-3)" />
537
+ <path d="M159.5 67.5001V59.5001C159.5 58.9478 159.052 58.5001 158.5 58.5001C157.948 58.5001 157.5 58.9478 157.5 59.5001V67.5001C157.5 68.0523 157.948 68.5001 158.5 68.5001C159.052 68.5001 159.5 68.0523 159.5 67.5001Z" fill="var(--color-3)" />
538
+ <rect x="81.5" y="23" width="73" height="81" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
539
+ <g fill="none" clip-path="url(#clip0_1118_5378)">
540
+ <rect x="81.5" y="33.498" width="73" height="60.0044" rx="4" fill="var(--color-2)" />
541
+ <g fill="none" filter="url(#filter0_f_1118_5378)">
542
+ <path d="M 222 94.1248 L 222.000004 0.0001 L 81.000004 0.000094 L 81 94.124794 Z" fill="url(#paint0_linear_1118_5378-2)" />
543
+ </g>
544
+ </g>
545
+ <rect x="102.502" y="48.821" width="30.9961" height="1.5" rx="0.75" fill="var(--color-2)" />
546
+ <rect x="109.547" y="54.4832" width="16.9077" height="1.5" rx="0.75" fill="var(--color-2)" />
547
+ <g fill="none" clip-path="url(#clip1_1118_5378)">
548
+ <rect x="107.658" y="61.6316" width="20.6848" height="17" rx="2" fill="var(--color-2)" />
549
+ <g fill="none" filter="url(#filter1_f_1118_5378)">
550
+ <path d="M107.658 -5.25708H223.258V78.3801H107.658V-5.25708Z" fill="url(#paint1_linear_1118_5378-2)" />
551
+ </g>
552
+ </g>
553
+ </g>
554
+ </svg>
555
+ </body>
556
+ </html>