@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
package/src/animated/ResponsiveBehaviorHeaderFadeOut.html ADDED
@@ -0,0 +1,289 @@
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: #B8C4FF;
14
+ --color-2: #002294;
15
+ --color-3: white;
16
+ --color-4: #2D2D2E;
17
+ }
18
+
19
+ .Line-9 {
20
+ transform-box: fill-box;
21
+ transform-origin: 50% 50%;
22
+ animation: Line-9-transform 3200ms linear infinite both;
23
+ }
24
+
25
+ @keyframes Line-9-transform {
26
+ 0% {
27
+ transform: translate(0px, 0.871px);
28
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
29
+ }
30
+ 50% {
31
+ transform: translate(0px, 19px);
32
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
33
+ }
34
+ 100% {
35
+ transform: translate(0px, 0.871px);
36
+ }
37
+ }
38
+
39
+ .import-ms1xlqss-3 {
40
+ animation: import-ms1xlqss-3-opacity 3200ms linear infinite both;
41
+ }
42
+
43
+ @keyframes import-ms1xlqss-3-opacity {
44
+ 0% {
45
+ opacity: 1;
46
+ animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
47
+ }
48
+ 25% {
49
+ opacity: 0;
50
+ }
51
+ 75% {
52
+ opacity: 0;
53
+ animation-timing-function: cubic-bezier(0, 0, 0.404119, 1);
54
+ }
55
+ 100% {
56
+ opacity: 1;
57
+ }
58
+ }
59
+
60
+ .node-2 {
61
+ transform-box: fill-box;
62
+ transform-origin: 50% 50%;
63
+ animation: node-2-transform 3200ms linear infinite both;
64
+ }
65
+
66
+ @keyframes node-2-transform {
67
+ 0% {
68
+ transform: translate(0px, 0px);
69
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
70
+ }
71
+ 50% {
72
+ transform: translate(0px, -56.984px);
73
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
74
+ }
75
+ 100% {
76
+ transform: translate(0px, 0px);
77
+ }
78
+ }
79
+ </style>
80
+ </head>
81
+ <body>
82
+ <svg xmlns="http://www.w3.org/2000/svg" width="114" height="114" viewBox="0 0 114 114" fill="none">
83
+ <defs>
84
+ <linearGradient id="paint0_linear_4262_18141" x1="100.596" y1="-3.15637" x2="-24.9289" y2="96.4678" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
85
+ <linearGradient id="paint0_linear_4262_18380" x1="35" y1="0" x2="35" y2="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" /><stop offset="1" stop-color="#002294" stop-opacity="0" /></linearGradient>
86
+ <linearGradient id="paint1_linear_4262_18141" x1="65.1667" y1="55.2161" x2="77.9328" y2="66.4026" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
87
+ <linearGradient id="paint2_linear_4262_18141" x1="56.0899" y1="42.6729" x2="80.8831" y2="69.4708" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
88
+ <linearGradient id="paint3_linear_4262_18141" x1="67.4247" y1="45.8313" x2="59.7261" y2="55.6552" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
89
+ <linearGradient id="paint4_linear_4262_18141" x1="84.8141" y1="25.5535" x2="17.7609" y2="115.963" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
90
+ <linearGradient id="paint5_linear_4262_18141" x1="95.4738" y1="38.7805" x2="39.4116" y2="107.748" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
91
+ <linearGradient id="paint6_linear_4262_18141" x1="118.268" y1="45.6851" x2="68.7679" y2="106.675" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
92
+ <linearGradient id="paint7_linear_4262_18141" x1="156.487" y1="16.1102" x2="49.2604" y2="177.814" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
93
+ <linearGradient id="paint8_linear_4262_18141" x1="85.8144" y1="100.202" x2="62.9962" y2="140.446" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
94
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
95
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
96
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
97
+ <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
98
+ </filter>
99
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
100
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
101
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
102
+ <feGaussianBlur stdDeviation="0.780106" result="effect1_foregroundBlur_4262_18141"/>
103
+ </filter>
104
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
105
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
106
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
107
+ <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
108
+ </filter>
109
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
110
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
111
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
112
+ <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
113
+ </filter>
114
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter4_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
115
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
116
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
117
+ <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
118
+ </filter>
119
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter5_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
120
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
121
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
122
+ <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
123
+ </filter>
124
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter6_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
125
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
126
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
127
+ <feGaussianBlur stdDeviation="1.85439" result="effect1_foregroundBlur_4262_18141"/>
128
+ </filter>
129
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4262_18141">
130
+ <rect x="23" y="33.0234" width="64" height="105.132" rx="3" fill="white"/>
131
+ </clipPath>
132
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4262_18141">
133
+ <rect x="23" y="33.0234" width="64" height="101" rx="3" fill="white"/>
134
+ </clipPath>
135
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4262_18141">
136
+ <rect x="56.7012" y="46.0234" width="24" height="21" rx="3" fill="white"/>
137
+ </clipPath>
138
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4262_18141">
139
+ <rect width="80" height="35" fill="white" transform="translate(45.7012 40.0234)"/>
140
+ </clipPath>
141
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_4262_18141">
142
+ <rect x="59.7012" y="49.0234" width="5" height="5" rx="2.5" fill="white"/>
143
+ </clipPath>
144
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip5_4262_18141">
145
+ <rect x="12.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
146
+ </clipPath>
147
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip6_4262_18141">
148
+ <rect x="41.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
149
+ </clipPath>
150
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip7_4262_18141">
151
+ <rect x="70.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
152
+ </clipPath>
153
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip8_4262_18141">
154
+ <path d="M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z" fill="white"/>
155
+ </clipPath>
156
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip9_4262_18141">
157
+ <rect x="50.291" y="124.117" width="9.43666" height="3.48353" rx="1.74177" fill="white"/>
158
+ </clipPath>
159
+ <mask id="am-Rectangle-1430107365-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" /></mask>
160
+ <mask id="am-Rectangle-1430107365-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" /></mask>
161
+ </defs>
162
+ <g fill="none">
163
+ <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z" fill="var(--color-4)" />
164
+ <rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" />
165
+ <g mask="url(#am-Rectangle-1430107365-2)">
166
+ <g class="node-2" fill="none" clip-path="url(#clip0_4262_18141)">
167
+ <g fill="none" opacity="0.5">
168
+ <g fill="none" clip-path="url(#clip1_4262_18141)">
169
+ <rect x="23" y="33.0234" width="64" height="101" rx="3" fill="var(--color-2)" />
170
+ <g fill="none" filter="url(#filter0_f_4262_18141)">
171
+ <rect x="22.502" y="-16.2891" width="91" height="146.31" fill="url(#paint0_linear_4262_18141)" />
172
+ </g>
173
+ </g>
174
+ </g>
175
+ <g fill="none">
176
+ <g fill="none">
177
+ <g fill="none" clip-path="url(#clip2_4262_18141)">
178
+ <g fill="none" clip-path="url(#clip3_4262_18141)">
179
+ <rect x="45.7012" y="40.0234" width="80" height="35" fill="var(--color-2)" />
180
+ </g>
181
+ <g fill="none">
182
+ <path d="M70.2859 50.5234L60.7598 64.3439L77.7497 62.0707L70.2859 50.5234Z" fill="url(#paint1_linear_4262_18141)" />
183
+ <path d="M95.6897 58.7223C95.6897 58.7223 74.3439 50.6527 73.7069 50.4095C73.07 50.1662 69.1175 49.0408 70.286 52.2856C71.4472 55.51 72.0834 56.75 72.3364 57.3006C72.5894 57.8512 73.6196 60.0946 71.0277 60.9224C68.0895 61.8603 52.2441 66.3142 52.2441 66.3142V68.872H95.6897V58.7223Z" fill="url(#paint2_linear_4262_18141)" />
184
+ </g>
185
+ <g fill="none">
186
+ <g fill="none" clip-path="url(#clip4_4262_18141)">
187
+ <rect x="59.7012" y="49.0234" width="5" height="5" rx="2.5" fill="var(--color-2)" />
188
+ <g fill="none" filter="url(#filter1_f_4262_18141)">
189
+ <path d="M63.3834 45.1077C63.1432 45.1554 62.906 45.2217 62.675 45.3064C61.7263 45.6577 60.8855 46.3263 60.3311 47.2676C59.0637 49.4167 59.769 52.1697 61.9065 53.4161C64.0441 54.6624 66.8038 53.9291 68.0712 51.78C69.3386 49.6293 68.6333 46.8763 66.4973 45.6315C65.5209 45.0614 64.4167 44.9058 63.3834 45.1077Z" fill="url(#paint3_linear_4262_18141)" />
190
+ </g>
191
+ </g>
192
+ </g>
193
+ </g>
194
+ </g>
195
+ <g fill="none">
196
+ <rect x="29.7012" y="52.0234" width="23" height="1.00015" rx="0.500074" fill="var(--color-2)" />
197
+ <rect x="29.7012" y="56.0234" width="23" height="1.00015" rx="0.500074" fill="var(--color-2)" />
198
+ <rect x="29.7012" y="60.0234" width="12" height="1.00015" rx="0.500074" fill="var(--color-2)" />
199
+ </g>
200
+ </g>
201
+ <g fill="none">
202
+ <g fill="none">
203
+ <g fill="none">
204
+ <g fill="none" clip-path="url(#clip5_4262_18141)">
205
+ <rect x="12.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
206
+ <g fill="none" filter="url(#filter2_f_4262_18141)">
207
+ <rect x="12.6895" y="18.4141" width="84.0442" height="79.5391" fill="url(#paint4_linear_4262_18141)" />
208
+ </g>
209
+ </g>
210
+ </g>
211
+ </g>
212
+ <g fill="none">
213
+ <g fill="none">
214
+ <g fill="none" clip-path="url(#clip6_4262_18141)">
215
+ <rect x="41.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
216
+ <g fill="none" filter="url(#filter3_f_4262_18141)">
217
+ <rect x="41.6895" y="32.9453" width="62.6729" height="65.0088" fill="url(#paint5_linear_4262_18141)" />
218
+ </g>
219
+ </g>
220
+ </g>
221
+ </g>
222
+ <g fill="none">
223
+ <g fill="none">
224
+ <g fill="none" clip-path="url(#clip7_4262_18141)">
225
+ <rect x="70.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
226
+ <g fill="none" filter="url(#filter4_f_4262_18141)">
227
+ <rect x="70.6895" y="40.5312" width="55.4416" height="57.418" fill="url(#paint6_linear_4262_18141)" />
228
+ </g>
229
+ </g>
230
+ </g>
231
+ </g>
232
+ </g>
233
+ <g fill="none" opacity="0.5">
234
+ <g fill="none" clip-path="url(#clip8_4262_18141)">
235
+ <path d="M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z" fill="var(--color-2)" />
236
+ <g fill="none" filter="url(#filter5_f_4262_18141)">
237
+ <rect x="22.4766" y="4.25" width="156.157" height="132.133" fill="url(#paint7_linear_4262_18141)" />
238
+ </g>
239
+ </g>
240
+ </g>
241
+ <g fill="none">
242
+ <g fill="none">
243
+ <rect x="40.3613" y="115.453" width="29.2968" height="0.995511" rx="0.497756" fill="var(--color-2)" />
244
+ <rect x="47.0195" y="119.516" width="15.9801" height="0.995511" rx="0.497756" fill="var(--color-2)" />
245
+ </g>
246
+ <g fill="none">
247
+ <g fill="none" clip-path="url(#clip9_4262_18141)">
248
+ <rect x="50.291" y="124.117" width="9.43666" height="3.48353" rx="1.74177" fill="var(--color-2)" />
249
+ <g fill="none" filter="url(#filter6_f_4262_18141)">
250
+ <path d="M50.0117 97.4922H91.7313V127.677H50.0117V97.4922Z" fill="url(#paint8_linear_4262_18141)" />
251
+ </g>
252
+ </g>
253
+ </g>
254
+ </g>
255
+ </g>
256
+ </g>
257
+ <g mask="url(#am-Rectangle-1430107365-2-2)">
258
+ <g fill="none">
259
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(22.994876px, 32.907767px)" d="M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V8H0V3Z" fill="url(#paint0_linear_4262_18380)" />
260
+ </g>
261
+ </g>
262
+ <path d="M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z" fill="var(--color-1)" />
263
+ <line class="Line-9" x1="90" y1="42" x2="90" y2="48" fill="none" stroke="var(--color-2)" stroke-width="2" stroke-linecap="round" />
264
+ </g>
265
+ <g />
266
+ <g>
267
+ <g fill="none" mask="url(#mask0_4262_18274)" />
268
+ </g>
269
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(18.291003px, 21.32403px)" />
270
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(22.944799px, 32.9453px)">
271
+ <g fill="none">
272
+ <g fill="none" />
273
+ </g>
274
+ </g>
275
+ <g class="import-ms1xlqss-3" style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(23.044199px, 32.968371px)" opacity="0">
276
+ <g fill="none">
277
+ <g fill="none">
278
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.04895px, -0.132812px)" d="M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V6.93262H0V3Z" fill="var(--color-2)" />
279
+ </g>
280
+ </g>
281
+ </g>
282
+ <g fill="none">
283
+ <rect x="75" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
284
+ <rect x="66" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
285
+ <rect x="57" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
286
+ </g>
287
+ </svg>
288
+ </body>
289
+ </html>
package/src/animated/ResponsiveBehaviorHeaderFreeze.html ADDED
@@ -0,0 +1,290 @@
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: #B8C4FF;
14
+ --color-2: #002294;
15
+ --color-3: white;
16
+ --color-4: #2D2D2E;
17
+ }
18
+
19
+ .Line-9 {
20
+ transform-box: fill-box;
21
+ transform-origin: 50% 50%;
22
+ animation: Line-9-transform 3240ms linear infinite both;
23
+ }
24
+
25
+ @keyframes Line-9-transform {
26
+ 0% {
27
+ transform: translate(0px, 0.871px);
28
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
29
+ }
30
+ 49.382716% {
31
+ transform: translate(0px, 19px);
32
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
33
+ }
34
+ 98.765432% {
35
+ transform: translate(0px, 0.871px);
36
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
37
+ }
38
+ 100% {
39
+ transform: translate(0px, 0.871px);
40
+ }
41
+ }
42
+
43
+ .import-ms1xlqss-3 {
44
+ animation: import-ms1xlqss-3-opacity 3240ms linear infinite both;
45
+ }
46
+
47
+ @keyframes import-ms1xlqss-3-opacity {
48
+ 0% {
49
+ opacity: 1;
50
+ animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
51
+ }
52
+ 100% {
53
+ opacity: 1;
54
+ }
55
+ }
56
+
57
+ .node-2 {
58
+ transform-box: fill-box;
59
+ transform-origin: 50% 50%;
60
+ animation: node-2-transform 3240ms linear infinite both;
61
+ }
62
+
63
+ @keyframes node-2-transform {
64
+ 0% {
65
+ transform: translate(0px, 0px);
66
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
67
+ }
68
+ 49.382716% {
69
+ transform: translate(0px, -56.984px);
70
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
71
+ }
72
+ 98.765432% {
73
+ transform: translate(0px, 0px);
74
+ animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
75
+ }
76
+ 100% {
77
+ transform: translate(0px, 0px);
78
+ }
79
+ }
80
+ </style>
81
+ </head>
82
+ <body>
83
+ <svg xmlns="http://www.w3.org/2000/svg" width="114" height="114" viewBox="0 0 114 114" fill="none">
84
+ <defs>
85
+ <linearGradient id="paint0_linear_4262_18141" x1="100.596" y1="-3.15637" x2="-24.9289" y2="96.4678" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
86
+ <linearGradient id="paint0_linear_4262_18380" x1="35" y1="0" x2="35" y2="8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#002294" /><stop offset="1" stop-color="#002294" stop-opacity="0" /></linearGradient>
87
+ <linearGradient id="paint1_linear_4262_18141" x1="65.1667" y1="55.2161" x2="77.9328" y2="66.4026" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
88
+ <linearGradient id="paint2_linear_4262_18141" x1="56.0899" y1="42.6729" x2="80.8831" y2="69.4708" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
89
+ <linearGradient id="paint3_linear_4262_18141" x1="67.4247" y1="45.8313" x2="59.7261" y2="55.6552" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
90
+ <linearGradient id="paint4_linear_4262_18141" x1="84.8141" y1="25.5535" x2="17.7609" y2="115.963" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
91
+ <linearGradient id="paint5_linear_4262_18141" x1="95.4738" y1="38.7805" x2="39.4116" y2="107.748" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
92
+ <linearGradient id="paint6_linear_4262_18141" x1="118.268" y1="45.6851" x2="68.7679" y2="106.675" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
93
+ <linearGradient id="paint7_linear_4262_18141" x1="156.487" y1="16.1102" x2="49.2604" y2="177.814" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
94
+ <linearGradient id="paint8_linear_4262_18141" x1="85.8144" y1="100.202" x2="62.9962" y2="140.446" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
95
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
96
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
97
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
98
+ <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
99
+ </filter>
100
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
101
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
102
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
103
+ <feGaussianBlur stdDeviation="0.780106" result="effect1_foregroundBlur_4262_18141"/>
104
+ </filter>
105
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
106
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
107
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
108
+ <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
109
+ </filter>
110
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
111
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
112
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
113
+ <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
114
+ </filter>
115
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter4_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
116
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
117
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
118
+ <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
119
+ </filter>
120
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter5_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
121
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
122
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
123
+ <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
124
+ </filter>
125
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter6_f_4262_18141" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
126
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
127
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
128
+ <feGaussianBlur stdDeviation="1.85439" result="effect1_foregroundBlur_4262_18141"/>
129
+ </filter>
130
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4262_18141">
131
+ <rect x="23" y="33.0234" width="64" height="105.132" rx="3" fill="white"/>
132
+ </clipPath>
133
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4262_18141">
134
+ <rect x="23" y="33.0234" width="64" height="101" rx="3" fill="white"/>
135
+ </clipPath>
136
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4262_18141">
137
+ <rect x="56.7012" y="46.0234" width="24" height="21" rx="3" fill="white"/>
138
+ </clipPath>
139
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4262_18141">
140
+ <rect width="80" height="35" fill="white" transform="translate(45.7012 40.0234)"/>
141
+ </clipPath>
142
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_4262_18141">
143
+ <rect x="59.7012" y="49.0234" width="5" height="5" rx="2.5" fill="white"/>
144
+ </clipPath>
145
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip5_4262_18141">
146
+ <rect x="12.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
147
+ </clipPath>
148
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip6_4262_18141">
149
+ <rect x="41.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
150
+ </clipPath>
151
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip7_4262_18141">
152
+ <rect x="70.5" y="77.0234" width="27" height="21" rx="2" fill="white"/>
153
+ </clipPath>
154
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip8_4262_18141">
155
+ <path d="M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z" fill="white"/>
156
+ </clipPath>
157
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip9_4262_18141">
158
+ <rect x="50.291" y="124.117" width="9.43666" height="3.48353" rx="1.74177" fill="white"/>
159
+ </clipPath>
160
+ <mask id="am-Rectangle-1430107365-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" /></mask>
161
+ <mask id="am-Rectangle-1430107365-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="114" height="114"><rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" /></mask>
162
+ </defs>
163
+ <g fill="none">
164
+ <path display="none" d="M0 8C0 3.58172 3.58172 0 8 0H106C110.418 0 114 3.58172 114 8V106C114 110.418 110.418 114 106 114H8C3.58172 114 0 110.418 0 106V8Z" fill="var(--color-4)" />
165
+ <rect x="23" y="33.0234" width="64" height="44" rx="3" fill="var(--color-3)" />
166
+ <g mask="url(#am-Rectangle-1430107365-2)">
167
+ <g class="node-2" fill="none" clip-path="url(#clip0_4262_18141)">
168
+ <g fill="none" opacity="0.5">
169
+ <g fill="none" clip-path="url(#clip1_4262_18141)">
170
+ <rect x="23" y="33.0234" width="64" height="101" rx="3" fill="var(--color-2)" />
171
+ <g fill="none" filter="url(#filter0_f_4262_18141)">
172
+ <rect x="22.502" y="-16.2891" width="91" height="146.31" fill="url(#paint0_linear_4262_18141)" />
173
+ </g>
174
+ </g>
175
+ </g>
176
+ <g fill="none">
177
+ <g fill="none">
178
+ <g fill="none" clip-path="url(#clip2_4262_18141)">
179
+ <g fill="none" clip-path="url(#clip3_4262_18141)">
180
+ <rect x="45.7012" y="40.0234" width="80" height="35" fill="var(--color-2)" />
181
+ </g>
182
+ <g fill="none">
183
+ <path d="M70.2859 50.5234L60.7598 64.3439L77.7497 62.0707L70.2859 50.5234Z" fill="url(#paint1_linear_4262_18141)" />
184
+ <path d="M95.6897 58.7223C95.6897 58.7223 74.3439 50.6527 73.7069 50.4095C73.07 50.1662 69.1175 49.0408 70.286 52.2856C71.4472 55.51 72.0834 56.75 72.3364 57.3006C72.5894 57.8512 73.6196 60.0946 71.0277 60.9224C68.0895 61.8603 52.2441 66.3142 52.2441 66.3142V68.872H95.6897V58.7223Z" fill="url(#paint2_linear_4262_18141)" />
185
+ </g>
186
+ <g fill="none">
187
+ <g fill="none" clip-path="url(#clip4_4262_18141)">
188
+ <rect x="59.7012" y="49.0234" width="5" height="5" rx="2.5" fill="var(--color-2)" />
189
+ <g fill="none" filter="url(#filter1_f_4262_18141)">
190
+ <path d="M63.3834 45.1077C63.1432 45.1554 62.906 45.2217 62.675 45.3064C61.7263 45.6577 60.8855 46.3263 60.3311 47.2676C59.0637 49.4167 59.769 52.1697 61.9065 53.4161C64.0441 54.6624 66.8038 53.9291 68.0712 51.78C69.3386 49.6293 68.6333 46.8763 66.4973 45.6315C65.5209 45.0614 64.4167 44.9058 63.3834 45.1077Z" fill="url(#paint3_linear_4262_18141)" />
191
+ </g>
192
+ </g>
193
+ </g>
194
+ </g>
195
+ </g>
196
+ <g fill="none">
197
+ <rect x="29.7012" y="52.0234" width="23" height="1.00015" rx="0.500074" fill="var(--color-2)" />
198
+ <rect x="29.7012" y="56.0234" width="23" height="1.00015" rx="0.500074" fill="var(--color-2)" />
199
+ <rect x="29.7012" y="60.0234" width="12" height="1.00015" rx="0.500074" fill="var(--color-2)" />
200
+ </g>
201
+ </g>
202
+ <g fill="none">
203
+ <g fill="none">
204
+ <g fill="none">
205
+ <g fill="none" clip-path="url(#clip5_4262_18141)">
206
+ <rect x="12.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
207
+ <g fill="none" filter="url(#filter2_f_4262_18141)">
208
+ <rect x="12.6895" y="18.4141" width="84.0442" height="79.5391" fill="url(#paint4_linear_4262_18141)" />
209
+ </g>
210
+ </g>
211
+ </g>
212
+ </g>
213
+ <g fill="none">
214
+ <g fill="none">
215
+ <g fill="none" clip-path="url(#clip6_4262_18141)">
216
+ <rect x="41.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
217
+ <g fill="none" filter="url(#filter3_f_4262_18141)">
218
+ <rect x="41.6895" y="32.9453" width="62.6729" height="65.0088" fill="url(#paint5_linear_4262_18141)" />
219
+ </g>
220
+ </g>
221
+ </g>
222
+ </g>
223
+ <g fill="none">
224
+ <g fill="none">
225
+ <g fill="none" clip-path="url(#clip7_4262_18141)">
226
+ <rect x="70.5" y="77.0234" width="27" height="21" rx="2" fill="var(--color-2)" />
227
+ <g fill="none" filter="url(#filter4_f_4262_18141)">
228
+ <rect x="70.6895" y="40.5312" width="55.4416" height="57.418" fill="url(#paint6_linear_4262_18141)" />
229
+ </g>
230
+ </g>
231
+ </g>
232
+ </g>
233
+ </g>
234
+ <g fill="none" opacity="0.5">
235
+ <g fill="none" clip-path="url(#clip8_4262_18141)">
236
+ <path d="M23.0742 109.023L86.9448 109.023V131.023C86.9448 132.68 85.6017 134.023 83.9448 134.023H26.0742C24.4174 134.023 23.0742 132.68 23.0742 131.023L23.0742 109.023Z" fill="var(--color-2)" />
237
+ <g fill="none" filter="url(#filter5_f_4262_18141)">
238
+ <rect x="22.4766" y="4.25" width="156.157" height="132.133" fill="url(#paint7_linear_4262_18141)" />
239
+ </g>
240
+ </g>
241
+ </g>
242
+ <g fill="none">
243
+ <g fill="none">
244
+ <rect x="40.3613" y="115.453" width="29.2968" height="0.995511" rx="0.497756" fill="var(--color-2)" />
245
+ <rect x="47.0195" y="119.516" width="15.9801" height="0.995511" rx="0.497756" fill="var(--color-2)" />
246
+ </g>
247
+ <g fill="none">
248
+ <g fill="none" clip-path="url(#clip9_4262_18141)">
249
+ <rect x="50.291" y="124.117" width="9.43666" height="3.48353" rx="1.74177" fill="var(--color-2)" />
250
+ <g fill="none" filter="url(#filter6_f_4262_18141)">
251
+ <path d="M50.0117 97.4922H91.7313V127.677H50.0117V97.4922Z" fill="url(#paint8_linear_4262_18141)" />
252
+ </g>
253
+ </g>
254
+ </g>
255
+ </g>
256
+ </g>
257
+ </g>
258
+ <g mask="url(#am-Rectangle-1430107365-2-2)">
259
+ <g fill="none">
260
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(22.994876px, 32.907767px)" d="M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V8H0V3Z" fill="url(#paint0_linear_4262_18380)" />
261
+ </g>
262
+ </g>
263
+ <path d="M91 72.8438C91 73.4823 90.5523 74 90 74C89.4477 74 89 73.4823 89 72.8438V38.1562C89 37.5177 89.4477 37 90 37C90.5523 37 91 37.5177 91 38.1562V72.8438Z" fill="var(--color-1)" />
264
+ <line class="Line-9" x1="90" y1="42" x2="90" y2="48" fill="none" stroke="var(--color-2)" stroke-width="2" stroke-linecap="round" />
265
+ </g>
266
+ <g />
267
+ <g>
268
+ <g fill="none" mask="url(#mask0_4262_18274)" />
269
+ </g>
270
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(18.291003px, 21.32403px)" />
271
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(22.944799px, 32.9453px)">
272
+ <g fill="none">
273
+ <g fill="none" />
274
+ </g>
275
+ </g>
276
+ <g class="import-ms1xlqss-3" style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(23.044199px, 32.968371px)" opacity="0">
277
+ <g fill="none">
278
+ <g fill="none">
279
+ <path style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.04895px, -0.132812px)" d="M0 3C0 1.34315 1.34315 0 3 0H61C62.6569 0 64 1.34315 64 3V6.93262H0V3Z" fill="var(--color-2)" />
280
+ </g>
281
+ </g>
282
+ </g>
283
+ <g fill="none">
284
+ <rect x="75" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
285
+ <rect x="66" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
286
+ <rect x="57" y="35.9922" width="6" height="1.0001" rx="0.50005" fill="var(--color-1)" />
287
+ </g>
288
+ </svg>
289
+ </body>
290
+ </html>