@wix/design-system-illustrations 2.29.0 → 2.31.1

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/LimitScaling2.js +91 -0
  111. package/dist/cjs/animated/MaxMin.js +90 -0
  112. package/dist/cjs/animated/MobileAlgoFast.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/LimitScaling2.js +47 -0
  241. package/dist/esm/animated/MaxMin.js +46 -0
  242. package/dist/esm/animated/MobileAlgoFast.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/LimitScaling2.d.ts +7 -0
  309. package/dist/types/animated/MaxMin.d.ts +7 -0
  310. package/dist/types/animated/MobileAlgoFast.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/LimitScaling2.html +556 -0
  434. package/src/animated/MaxMin.html +523 -0
  435. package/src/animated/MobileAlgoFast.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/MobileAlgoFast.html ADDED
@@ -0,0 +1,711 @@
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
+ .group-msbrk4t8-13-2 {
23
+ animation: group-msbrk4t8-13-2-opacity 3375ms linear infinite both;
24
+ }
25
+
26
+ @keyframes group-msbrk4t8-13-2-opacity {
27
+ 0% {
28
+ opacity: 0;
29
+ }
30
+ 24.680481% {
31
+ opacity: 0;
32
+ }
33
+ 24.681481% {
34
+ opacity: 1;
35
+ }
36
+ 74.074074% {
37
+ opacity: 1;
38
+ }
39
+ 74.075074% {
40
+ opacity: 0;
41
+ }
42
+ 100% {
43
+ opacity: 0;
44
+ }
45
+ }
46
+
47
+ .group-msbrl69e-14 {
48
+ animation: group-msbrl69e-14-opacity 3375ms linear infinite both;
49
+ }
50
+
51
+ @keyframes group-msbrl69e-14-opacity {
52
+ 0% {
53
+ opacity: 1;
54
+ animation-timing-function: steps(1, jump-end);
55
+ }
56
+ 24.681481% {
57
+ opacity: 0;
58
+ animation-timing-function: steps(1, jump-end);
59
+ }
60
+ 74.074074% {
61
+ opacity: 1;
62
+ animation-timing-function: steps(1, jump-end);
63
+ }
64
+ 100% {
65
+ opacity: 1;
66
+ }
67
+ }
68
+
69
+ .node-11-2 {
70
+ transform-box: fill-box;
71
+ transform-origin: 50% 50%;
72
+ animation: node-11-2-transform 3375ms linear infinite both;
73
+ }
74
+
75
+ .node-11-2-shape {
76
+ animation: node-11-2-width 3375ms linear infinite both;
77
+ }
78
+
79
+ @keyframes node-11-2-transform {
80
+ 0% {
81
+ transform: translate(-15.4814px, 0px);
82
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
83
+ }
84
+ 49.392593% {
85
+ transform: translate(0px, -15px);
86
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
87
+ }
88
+ 98.755556% {
89
+ transform: translate(-15.4814px, 0px);
90
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
91
+ }
92
+ 100% {
93
+ transform: translate(-15.4814px, 0px);
94
+ }
95
+ }
96
+
97
+ @keyframes node-11-2-width {
98
+ 0% {
99
+ width: 58.9628px;
100
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
101
+ }
102
+ 49.392593% {
103
+ width: 28px;
104
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
105
+ }
106
+ 98.755556% {
107
+ width: 58.9628px;
108
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
109
+ }
110
+ 100% {
111
+ width: 58.9628px;
112
+ }
113
+ }
114
+
115
+ .node-11-3 {
116
+ transform-box: fill-box;
117
+ transform-origin: 50% 50%;
118
+ animation: node-11-3-transform 3375ms linear infinite both;
119
+ }
120
+
121
+ @keyframes node-11-3-transform {
122
+ 0% {
123
+ transform: translate(-14px, 3px);
124
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
125
+ }
126
+ 24.681481% {
127
+ transform: translate(-14px, 3px);
128
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
129
+ }
130
+ 44.444444% {
131
+ transform: translate(0px, 3px);
132
+ }
133
+ 54.320988% {
134
+ transform: translate(0px, 3px);
135
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
136
+ }
137
+ 74.074074% {
138
+ transform: translate(-14px, 3px);
139
+ }
140
+ 100% {
141
+ transform: translate(-14px, 3px);
142
+ }
143
+ }
144
+
145
+ .node-12 {
146
+ transform-box: fill-box;
147
+ transform-origin: 50% 50%;
148
+ animation: node-12-transform 3375ms linear infinite both;
149
+ }
150
+
151
+ .node-12-shape {
152
+ animation: node-12-width 3375ms linear infinite both;
153
+ }
154
+
155
+ @keyframes node-12-transform {
156
+ 0% {
157
+ transform: translate(-8.58075px, 0px);
158
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
159
+ }
160
+ 49.392593% {
161
+ transform: translate(0px, -15px);
162
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
163
+ }
164
+ 98.755556% {
165
+ transform: translate(-8.58075px, 0px);
166
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
167
+ }
168
+ 100% {
169
+ transform: translate(-8.58075px, 0px);
170
+ }
171
+ }
172
+
173
+ @keyframes node-12-width {
174
+ 0% {
175
+ width: 32.1615px;
176
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
177
+ }
178
+ 49.392593% {
179
+ width: 15px;
180
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
181
+ }
182
+ 98.755556% {
183
+ width: 32.1615px;
184
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
185
+ }
186
+ 100% {
187
+ width: 32.1615px;
188
+ }
189
+ }
190
+
191
+ .node-13 {
192
+ transform-box: fill-box;
193
+ transform-origin: 50% 50%;
194
+ animation: node-13-transform 3375ms linear infinite both;
195
+ }
196
+
197
+ @keyframes node-13-transform {
198
+ 0% {
199
+ transform: translate(0px, 0px);
200
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
201
+ }
202
+ 4.948148% {
203
+ transform: translate(0px, 0px);
204
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
205
+ }
206
+ 24.681481% {
207
+ transform: translate(2px, -11.97119px);
208
+ }
209
+ 24.691358% {
210
+ transform: translate(2.0004px, -12px);
211
+ }
212
+ 74.074074% {
213
+ transform: translate(4px, -11px);
214
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
215
+ }
216
+ 95.051852% {
217
+ transform: translate(0.000004px, 0px);
218
+ }
219
+ 95.081481% {
220
+ transform: translate(0px, 0px);
221
+ }
222
+ 100% {
223
+ transform: translate(0px, 0px);
224
+ }
225
+ }
226
+
227
+ .node-17 {
228
+ transform-box: fill-box;
229
+ transform-origin: 50% 50%;
230
+ animation: node-17-transform 3375ms linear infinite both;
231
+ }
232
+
233
+ @keyframes node-17-transform {
234
+ 0% {
235
+ transform: translate(0px, 0px);
236
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
237
+ }
238
+ 24.691358% {
239
+ transform: translate(0px, 0px);
240
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
241
+ }
242
+ 44.444444% {
243
+ transform: translate(-0.043px, 0.297px);
244
+ }
245
+ 54.320988% {
246
+ transform: translate(-0.043px, 0.297px);
247
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
248
+ }
249
+ 74.074074% {
250
+ transform: translate(0px, 0px);
251
+ }
252
+ 100% {
253
+ transform: translate(0px, 0px);
254
+ }
255
+ }
256
+
257
+ .node-19-2-2 {
258
+ transform-box: fill-box;
259
+ transform-origin: 50% 50%;
260
+ animation: node-19-2-2-transform 3375ms linear infinite both;
261
+ }
262
+
263
+ @keyframes node-19-2-2-transform {
264
+ 0% {
265
+ transform: translate(14px, -3px);
266
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
267
+ }
268
+ 24.681481% {
269
+ transform: translate(14px, -3px);
270
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
271
+ }
272
+ 44.444444% {
273
+ transform: translate(0px, -3px);
274
+ }
275
+ 54.320988% {
276
+ transform: translate(0px, -3px);
277
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
278
+ }
279
+ 74.074074% {
280
+ transform: translate(14px, -3px);
281
+ }
282
+ 100% {
283
+ transform: translate(14px, -3px);
284
+ }
285
+ }
286
+
287
+ .node-2-3 {
288
+ transform-box: fill-box;
289
+ transform-origin: 50% 50%;
290
+ animation: node-2-3-transform 3375ms linear infinite both;
291
+ }
292
+
293
+ @keyframes node-2-3-transform {
294
+ 0% {
295
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
296
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
297
+ }
298
+ 49.392593% {
299
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1.23);
300
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
301
+ }
302
+ 98.755556% {
303
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
304
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
305
+ }
306
+ 100% {
307
+ transform: translate(-24.695009px, 45.647px) scale(1.23, 1);
308
+ }
309
+ }
310
+
311
+ .node-21 {
312
+ transform-box: fill-box;
313
+ transform-origin: 50% 50%;
314
+ animation: node-21-transform 3375ms linear infinite both;
315
+ }
316
+
317
+ @keyframes node-21-transform {
318
+ 0% {
319
+ transform: translate(0px, 0px);
320
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
321
+ }
322
+ 4.948148% {
323
+ transform: translate(0px, 0px);
324
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
325
+ }
326
+ 24.681481% {
327
+ transform: translate(-2px, 11.97119px);
328
+ }
329
+ 24.691358% {
330
+ transform: translate(-2.0004px, 12px);
331
+ }
332
+ 74.074074% {
333
+ transform: translate(-4px, 12px);
334
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
335
+ }
336
+ 95.051852% {
337
+ transform: translate(-0.000004px, 0px);
338
+ }
339
+ 95.081481% {
340
+ transform: translate(0px, 0px);
341
+ }
342
+ 100% {
343
+ transform: translate(0px, 0px);
344
+ }
345
+ }
346
+
347
+ .node-3-2 {
348
+ transform-box: fill-box;
349
+ transform-origin: 50% 50%;
350
+ animation: node-3-2-transform 3375ms linear infinite both;
351
+ }
352
+
353
+ @keyframes node-3-2-transform {
354
+ 0% {
355
+ transform: translate(0px, 0px);
356
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
357
+ }
358
+ 49.392593% {
359
+ transform: translate(50px, 0px);
360
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
361
+ }
362
+ 98.755556% {
363
+ transform: translate(0px, 0px);
364
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
365
+ }
366
+ 100% {
367
+ transform: translate(0px, 0px);
368
+ }
369
+ }
370
+
371
+ .node-4-2 {
372
+ transform-box: fill-box;
373
+ transform-origin: 50% 50%;
374
+ animation: node-4-2-transform 3375ms linear infinite both;
375
+ }
376
+
377
+ @keyframes node-4-2-transform {
378
+ 0% {
379
+ transform: translate(0px, 0px);
380
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
381
+ }
382
+ 49.392593% {
383
+ transform: translate(-50px, 0px);
384
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
385
+ }
386
+ 98.755556% {
387
+ transform: translate(0px, 0px);
388
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
389
+ }
390
+ 100% {
391
+ transform: translate(0px, 0px);
392
+ }
393
+ }
394
+
395
+ .rect-msbrdyhf-11 {
396
+ transform-box: fill-box;
397
+ transform-origin: 50% 50%;
398
+ animation: rect-msbrdyhf-11-transform 3375ms linear infinite both;
399
+ }
400
+
401
+ .rect-msbrdyhf-11-shape {
402
+ animation:
403
+ rect-msbrdyhf-11-width 3375ms linear infinite both,
404
+ rect-msbrdyhf-11-height 3375ms linear infinite both;
405
+ }
406
+
407
+ @keyframes rect-msbrdyhf-11-transform {
408
+ 0% {
409
+ transform: translate(-50.5px, 18.5px);
410
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
411
+ }
412
+ 49.392593% {
413
+ transform: translate(0px, 0px);
414
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
415
+ }
416
+ 98.755556% {
417
+ transform: translate(-50.5px, 18.5px);
418
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
419
+ }
420
+ 100% {
421
+ transform: translate(-50.5px, 18.5px);
422
+ }
423
+ }
424
+
425
+ @keyframes rect-msbrdyhf-11-width {
426
+ 0% {
427
+ width: 147px;
428
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
429
+ }
430
+ 49.392593% {
431
+ width: 46px;
432
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
433
+ }
434
+ 98.755556% {
435
+ width: 147px;
436
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
437
+ }
438
+ 100% {
439
+ width: 147px;
440
+ }
441
+ }
442
+
443
+ @keyframes rect-msbrdyhf-11-height {
444
+ 0% {
445
+ height: 60px;
446
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
447
+ }
448
+ 49.392593% {
449
+ height: 97px;
450
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
451
+ }
452
+ 98.755556% {
453
+ height: 60px;
454
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
455
+ }
456
+ 100% {
457
+ height: 60px;
458
+ }
459
+ }
460
+
461
+ .rect-msbreia1-12 {
462
+ transform-box: fill-box;
463
+ transform-origin: 50% 50%;
464
+ animation: rect-msbreia1-12-transform 3375ms linear infinite both;
465
+ }
466
+
467
+ .rect-msbreia1-12-shape {
468
+ animation:
469
+ rect-msbreia1-12-width 3375ms linear infinite both,
470
+ rect-msbreia1-12-height 3375ms linear infinite both;
471
+ }
472
+
473
+ @keyframes rect-msbreia1-12-transform {
474
+ 0% {
475
+ transform: translate(-50.5px, 8px);
476
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
477
+ }
478
+ 49.392593% {
479
+ transform: translate(0px, 0px);
480
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
481
+ }
482
+ 98.755556% {
483
+ transform: translate(-50.5px, 8px);
484
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
485
+ }
486
+ 100% {
487
+ transform: translate(-50.5px, 8px);
488
+ }
489
+ }
490
+
491
+ @keyframes rect-msbreia1-12-width {
492
+ 0% {
493
+ width: 147px;
494
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
495
+ }
496
+ 49.392593% {
497
+ width: 46px;
498
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
499
+ }
500
+ 98.755556% {
501
+ width: 147px;
502
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
503
+ }
504
+ 100% {
505
+ width: 147px;
506
+ }
507
+ }
508
+
509
+ @keyframes rect-msbreia1-12-height {
510
+ 0% {
511
+ height: 81px;
512
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
513
+ }
514
+ 49.392593% {
515
+ height: 97px;
516
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
517
+ }
518
+ 98.755556% {
519
+ height: 81px;
520
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
521
+ }
522
+ 100% {
523
+ height: 81px;
524
+ }
525
+ }
526
+ </style>
527
+ </head>
528
+ <body>
529
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127" fill="none">
530
+ <defs>
531
+ <linearGradient id="paint0_linear_1118_5545" x1="69.8122" y1="25.6667" x2="-91.7874" y2="84.3309" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
532
+ <linearGradient id="paint0_linear_1118_5554" x1="256.666" y1="-24.132" x2="105.46" y2="139.118" gradientUnits="userSpaceOnUse" gradientTransform="rotate(0)"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#D5DFFF" /><stop offset="0.85" stop-color="#B8C4FF" /></linearGradient>
533
+ <linearGradient id="paint0_linear_1118_5635" 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>
534
+ <linearGradient id="paint1_linear_1118_5545" x1="152.821" y1="29.348" x2="114.886" y2="96.2534" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
535
+ <linearGradient id="paint1_linear_1118_5635" x1="170.559" y1="15.3248" x2="132.624" y2="82.2301" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
536
+ <linearGradient id="paint2_linear_1118_5545" x1="170.746" y1="29.3479" x2="132.811" y2="96.2532" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
537
+ <linearGradient id="paint2_linear_1118_5635" x1="170.559" y1="29.7055" x2="132.624" y2="96.6108" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
538
+ <linearGradient id="paint3_linear_1118_5545" x1="188.67" y1="29.3485" x2="150.735" y2="96.2538" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
539
+ <linearGradient id="paint3_linear_1118_5635" x1="170.559" y1="44.087" x2="132.624" y2="110.992" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
540
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_1118_5545" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
541
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
542
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
543
+ <feGaussianBlur stdDeviation="8.40795" result="effect1_foregroundBlur_1118_5545"/>
544
+ </filter>
545
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5545" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
546
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
547
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
548
+ <feGaussianBlur stdDeviation="3.08289" result="effect1_foregroundBlur_1118_5545"/>
549
+ </filter>
550
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_1118_5545" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
551
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
552
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
553
+ <feGaussianBlur stdDeviation="3.08289" result="effect1_foregroundBlur_1118_5545"/>
554
+ </filter>
555
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_1118_5545" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
556
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
557
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
558
+ <feGaussianBlur stdDeviation="3.08289" result="effect1_foregroundBlur_1118_5545"/>
559
+ </filter>
560
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5545">
561
+ <rect x="44.6865" y="33.498" width="147" height="60.0044" rx="4" fill="white"/>
562
+ </clipPath>
563
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5545">
564
+ <rect x="93.3" y="64.9761" width="13.9242" height="9.92844" rx="1.65474" fill="white"/>
565
+ </clipPath>
566
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_1118_5545">
567
+ <rect x="111.224" y="64.9763" width="13.9242" height="9.92844" rx="1.65474" fill="white"/>
568
+ </clipPath>
569
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_1118_5545">
570
+ <rect x="129.148" y="64.9763" width="13.9242" height="9.92844" rx="1.65474" fill="white"/>
571
+ </clipPath>
572
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_1118_5635" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
573
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
574
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
575
+ <feGaussianBlur stdDeviation="6.35417" result="effect1_foregroundBlur_1118_5635"/>
576
+ </filter>
577
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_1118_5635" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
578
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
579
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
580
+ <feGaussianBlur stdDeviation="3.08289" result="effect1_foregroundBlur_1118_5635"/>
581
+ </filter>
582
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_1118_5635" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
583
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
584
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
585
+ <feGaussianBlur stdDeviation="3.08289" result="effect1_foregroundBlur_1118_5635"/>
586
+ </filter>
587
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_1118_5635" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
588
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
589
+ <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
590
+ <feGaussianBlur stdDeviation="3.08289" result="effect1_foregroundBlur_1118_5635"/>
591
+ </filter>
592
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_1118_5635">
593
+ <rect x="95" y="29.0005" width="46" height="69" rx="4" fill="white"/>
594
+ </clipPath>
595
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_1118_5635">
596
+ <rect x="111.038" y="50.9529" width="13.9242" height="9.92844" rx="1.65474" fill="white"/>
597
+ </clipPath>
598
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_1118_5635">
599
+ <rect x="111.038" y="65.334" width="13.9242" height="9.92844" rx="1.65474" fill="white"/>
600
+ </clipPath>
601
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_1118_5635">
602
+ <rect x="111.038" y="79.7148" width="13.9242" height="9.92844" rx="1.65474" fill="white"/>
603
+ </clipPath>
604
+ <mask id="am-rect-msbrdyhf-11" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><g class="rect-msbrdyhf-11"> <rect class="rect-msbrdyhf-11-shape" x="95" y="15" width="46" height="97" rx="4" fill="var(--color-5)" stroke="var(--color-6)" stroke-width="0" /></g></mask>
605
+ </defs>
606
+ <g>
607
+ <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)" />
608
+ <g class="rect-msbreia1-12">
609
+ <rect class="rect-msbreia1-12-shape" x="95" y="15" width="46" height="97" rx="6" ry="6" fill="var(--color-7)" stroke="var(--color-6)" stroke-width="0" opacity="0.57" />
610
+ </g>
611
+ <g class="node-3-2">
612
+ <path d="M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z" fill="var(--color-3)" />
613
+ </g>
614
+ <g class="node-4-2">
615
+ <path d="M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z" fill="var(--color-3)" />
616
+ </g>
617
+ <g display="none" fill="none" clip-path="url(#clip0_1118_5545)">
618
+ <rect x="44.6865" y="33.498" width="147" height="60.0044" rx="4" fill="var(--color-2)" />
619
+ <g fill="none" filter="url(#filter0_f_1118_5545)">
620
+ <path d="M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z" fill="url(#paint0_linear_1118_5545)" />
621
+ </g>
622
+ </g>
623
+ <g mask="url(#am-rect-msbrdyhf-11)">
624
+ <g class="node-2-3">
625
+ <path d="M 285.856 60.0039 L 285.856004 -21.3457 L -0.092996 -21.345712 L -0.093 60.003888 Z" fill="url(#paint0_linear_1118_5554)" />
626
+ </g>
627
+ </g>
628
+ <g class="node-11-2">
629
+ <rect class="node-11-2-shape" x="104.1865" y="52.0964" width="28" height="1.5" rx="0.75" fill="var(--color-2)" />
630
+ </g>
631
+ <g class="node-12">
632
+ <rect class="node-12-shape" x="110.68475" y="57.4763" width="15" height="1.5" rx="0.75" fill="var(--color-2)" />
633
+ </g>
634
+ <g class="group-msbrl69e-14" style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(0px, 0px)" opacity="0">
635
+ <g class="node-13" fill="none" clip-path="url(#clip1_1118_5545)">
636
+ <rect x="93.3" y="64.9761" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
637
+ <g fill="none" filter="url(#filter1_f_1118_5545)">
638
+ <path d="M93.3 24.8438H162.658V75.0248H93.3V24.8438Z" fill="url(#paint1_linear_1118_5545)" />
639
+ </g>
640
+ </g>
641
+ <g class="node-21" fill="none" clip-path="url(#clip3_1118_5545)">
642
+ <rect x="129.148" y="64.9763" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
643
+ <g fill="none" filter="url(#filter3_f_1118_5545)">
644
+ <path d="M129.148 24.8443H198.506V75.0253H129.148V24.8443Z" fill="url(#paint3_linear_1118_5545)" />
645
+ </g>
646
+ </g>
647
+ </g>
648
+ <g class="group-msbrk4t8-13-2" opacity="0">
649
+ <g class="node-11-3" fill="none" clip-path="url(#clip1_1118_5635)">
650
+ <rect x="111.038" y="50.9529" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
651
+ <g fill="none" filter="url(#filter1_f_1118_5635)">
652
+ <path d="M111.038 10.8206H180.396V61.0015H111.038V10.8206Z" fill="url(#paint1_linear_1118_5635)" />
653
+ </g>
654
+ </g>
655
+ <g display="none" fill="none" clip-path="url(#clip2_1118_5635)">
656
+ <rect x="111.038" y="65.334" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
657
+ <g fill="none" filter="url(#filter2_f_1118_5635)">
658
+ <path d="M111.038 25.2013H180.396V75.3823H111.038V25.2013Z" fill="url(#paint2_linear_1118_5635)" />
659
+ </g>
660
+ </g>
661
+ <g class="node-19-2-2" fill="none" clip-path="url(#clip3_1118_5635)">
662
+ <rect x="111.038" y="79.7148" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
663
+ <g fill="none" filter="url(#filter3_f_1118_5635)">
664
+ <path d="M111.038 39.5828H180.396V89.7638H111.038V39.5828Z" fill="url(#paint3_linear_1118_5635)" />
665
+ </g>
666
+ </g>
667
+ </g>
668
+ <g class="node-17" fill="none" clip-path="url(#clip2_1118_5545)">
669
+ <rect x="111.224" y="64.9763" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
670
+ <g fill="none" filter="url(#filter2_f_1118_5545)">
671
+ <path d="M111.224 24.8436H180.582V75.0246H111.224V24.8436Z" fill="url(#paint2_linear_1118_5545)" />
672
+ </g>
673
+ </g>
674
+ </g>
675
+ <g display="none" opacity="0.5">
676
+ <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)" />
677
+ <path d="M92 67.5V59.5C92 58.9477 91.5523 58.5 91 58.5C90.4477 58.5 90 58.9477 90 59.5V67.5C90 68.0523 90.4477 68.5 91 68.5C91.5523 68.5 92 68.0523 92 67.5Z" fill="var(--color-3)" />
678
+ <path d="M146 67.5V59.5C146 58.9477 145.552 58.5 145 58.5C144.448 58.5 144 58.9477 144 59.5V67.5C144 68.0523 144.448 68.5 145 68.5C145.552 68.5 146 68.0523 146 67.5Z" fill="var(--color-3)" />
679
+ <rect x="95" y="15" width="46" height="97" rx="6" fill="var(--color-4)" fill-opacity="0.25" />
680
+ <g fill="none" clip-path="url(#clip0_1118_5635)">
681
+ <rect x="95" y="29.0005" width="46" height="69" rx="4" fill="var(--color-2)" />
682
+ <g fill="none" filter="url(#filter0_f_1118_5635)">
683
+ <path d="M 236 97.9722 L 236.000004 4.9722 L 95.000004 4.972194 L 95 97.972194 Z" fill="url(#paint0_linear_1118_5635)" />
684
+ </g>
685
+ </g>
686
+ <rect x="103.842" y="37.3578" width="28.3153" height="1.5" rx="0.75" fill="var(--color-2)" />
687
+ <rect x="110.277" y="43.0419" width="15.4447" height="1.5" rx="0.75" fill="var(--color-2)" />
688
+ <g>
689
+ <g fill="none" clip-path="url(#clip1_1118_5635)">
690
+ <rect x="111.038" y="50.9529" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
691
+ <g fill="none" filter="url(#filter1_f_1118_5635)">
692
+ <path d="M111.038 10.8206H180.396V61.0015H111.038V10.8206Z" fill="url(#paint1_linear_1118_5635)" />
693
+ </g>
694
+ </g>
695
+ <g fill="none" clip-path="url(#clip2_1118_5635)">
696
+ <rect x="111.038" y="65.334" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
697
+ <g fill="none" filter="url(#filter2_f_1118_5635)">
698
+ <path d="M111.038 25.2013H180.396V75.3823H111.038V25.2013Z" fill="url(#paint2_linear_1118_5635)" />
699
+ </g>
700
+ </g>
701
+ <g fill="none" clip-path="url(#clip3_1118_5635)">
702
+ <rect x="111.038" y="79.7148" width="13.9242" height="9.92844" rx="1.65474" fill="var(--color-2)" />
703
+ <g fill="none" filter="url(#filter3_f_1118_5635)">
704
+ <path d="M111.038 39.5828H180.396V89.7638H111.038V39.5828Z" fill="url(#paint3_linear_1118_5635)" />
705
+ </g>
706
+ </g>
707
+ </g>
708
+ </g>
709
+ </svg>
710
+ </body>
711
+ </html>