@wix/design-system-illustrations 2.35.3 → 2.36.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 (61) hide show
  1. package/dist/cjs/animated/HeaderScrollEffectDisappear.js +1 -1
  2. package/dist/cjs/animated/HeaderScrollEffectFadeOut.js +1 -1
  3. package/dist/cjs/animated/HeaderScrollEffectMoveWithPage.js +1 -1
  4. package/dist/cjs/animated/HeaderScrollEffectStayFixed.js +1 -1
  5. package/dist/cjs/animated/LimitScaling2.js +1 -4
  6. package/dist/cjs/animated/MaxMin.js +1 -3
  7. package/dist/cjs/animated/MobileAlgoFast.js +1 -2
  8. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +2 -5
  9. package/dist/cjs/animated/ResponsiveBehaviorElementsRelativeWidth.js +1 -1
  10. package/dist/cjs/animated/ResponsiveBehaviorElementsScaleProportionally.js +1 -1
  11. package/dist/cjs/animated/ResponsiveBehaviorElementsStretch.js +1 -4
  12. package/dist/cjs/animated/ResponsiveBehaviorHeaderFadeOut.js +7 -11
  13. package/dist/cjs/animated/ResponsiveBehaviorHeaderFreeze.js +7 -11
  14. package/dist/cjs/animated/ResponsiveBehaviorHeaderScrollWithSite.js +89 -0
  15. package/dist/cjs/animated/ResponsiveBehaviorScaleProportionally.js +1 -1
  16. package/dist/cjs/animated/ResponsiveBehaviorSectionAutoHeight.js +89 -0
  17. package/dist/cjs/animated/ResponsiveBehaviorSectionFixedHeight.js +1 -2
  18. package/dist/cjs/animated/ResponsiveBehaviorTextCustomScale.js +1 -1
  19. package/dist/cjs/animated/ResponsiveBehaviorTextFixed.js +1 -2
  20. package/dist/cjs/animated/ResponsiveBehaviorTextHug.js +1 -2
  21. package/dist/cjs/animated/ResponsiveBehaviorTextScaleProportionally.js +1 -1
  22. package/dist/cjs/animated/ResponsiveBehaviorWarp.js +1 -1
  23. package/dist/cjs/animated/SectionFixedHeight.js +1 -2
  24. package/dist/cjs/animated/SectionScale.js +1 -1
  25. package/dist/cjs/animated/animated.global.css +408 -123
  26. package/dist/cjs/animated/index.js +6 -0
  27. package/dist/esm/animated/HeaderScrollEffectDisappear.js +1 -1
  28. package/dist/esm/animated/HeaderScrollEffectFadeOut.js +1 -1
  29. package/dist/esm/animated/HeaderScrollEffectMoveWithPage.js +1 -1
  30. package/dist/esm/animated/HeaderScrollEffectStayFixed.js +1 -1
  31. package/dist/esm/animated/LimitScaling2.js +1 -4
  32. package/dist/esm/animated/MaxMin.js +1 -3
  33. package/dist/esm/animated/MobileAlgoFast.js +1 -2
  34. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +2 -5
  35. package/dist/esm/animated/ResponsiveBehaviorElementsRelativeWidth.js +1 -1
  36. package/dist/esm/animated/ResponsiveBehaviorElementsScaleProportionally.js +1 -1
  37. package/dist/esm/animated/ResponsiveBehaviorElementsStretch.js +1 -4
  38. package/dist/esm/animated/ResponsiveBehaviorHeaderFadeOut.js +7 -11
  39. package/dist/esm/animated/ResponsiveBehaviorHeaderFreeze.js +7 -11
  40. package/dist/esm/animated/ResponsiveBehaviorHeaderScrollWithSite.js +45 -0
  41. package/dist/esm/animated/ResponsiveBehaviorScaleProportionally.js +1 -1
  42. package/dist/esm/animated/ResponsiveBehaviorSectionAutoHeight.js +45 -0
  43. package/dist/esm/animated/ResponsiveBehaviorSectionFixedHeight.js +1 -2
  44. package/dist/esm/animated/ResponsiveBehaviorTextCustomScale.js +1 -1
  45. package/dist/esm/animated/ResponsiveBehaviorTextFixed.js +1 -2
  46. package/dist/esm/animated/ResponsiveBehaviorTextHug.js +1 -2
  47. package/dist/esm/animated/ResponsiveBehaviorTextScaleProportionally.js +1 -1
  48. package/dist/esm/animated/ResponsiveBehaviorWarp.js +1 -1
  49. package/dist/esm/animated/SectionFixedHeight.js +1 -2
  50. package/dist/esm/animated/SectionScale.js +1 -1
  51. package/dist/esm/animated/animated.global.css +408 -123
  52. package/dist/esm/animated/index.js +4 -0
  53. package/dist/types/animated/ResponsiveBehaviorHeaderScrollWithSite.d.ts +7 -0
  54. package/dist/types/animated/ResponsiveBehaviorSectionAutoHeight.d.ts +7 -0
  55. package/dist/types/animated/index.d.ts +4 -0
  56. package/package.json +3 -3
  57. package/src/animated/ResponsiveBehaviorElementsFixed.html +90 -159
  58. package/src/animated/ResponsiveBehaviorHeaderFadeOut.html +156 -151
  59. package/src/animated/ResponsiveBehaviorHeaderFreeze.html +128 -158
  60. package/src/animated/ResponsiveBehaviorHeaderScrollWithSite.html +257 -0
  61. package/src/animated/ResponsiveBehaviorSectionAutoHeight.html +313 -0
package/src/animated/ResponsiveBehaviorHeaderFadeOut.html CHANGED
@@ -10,67 +10,79 @@ svg {
10
10
  }
11
11
 
12
12
  :root {
13
- --color-1: #B8C4FF;
14
- --color-2: #002294;
15
- --color-3: white;
16
- --color-4: #2D2D2E;
13
+ --color-1: #002294;
14
+ --color-2: #B8C4FF;
15
+ --color-3: #F8F6F6;
16
+ --color-4: #D9D9D9;
17
+ --color-5: #303030;
17
18
  }
18
19
 
19
- .Line-9 {
20
- transform-box: fill-box;
21
- transform-origin: 50% 50%;
22
- animation: Line-9-transform 3200ms linear infinite both;
20
+ .Group-2147222209 {
21
+ animation: Group-2147222209-opacity 3360ms linear infinite both;
23
22
  }
24
23
 
25
- @keyframes Line-9-transform {
24
+ @keyframes Group-2147222209-opacity {
26
25
  0% {
27
- transform: translate(0px, 0.871px);
28
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
26
+ opacity: 1;
27
+ animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
28
+ }
29
+ 23.809524% {
30
+ opacity: 0;
31
+ }
32
+ 71.428571% {
33
+ opacity: 0;
34
+ animation-timing-function: cubic-bezier(0, 0, 0.404119, 1);
29
35
  }
30
- 50% {
31
- transform: translate(0px, 19px);
32
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
36
+ 95.238095% {
37
+ opacity: 1;
33
38
  }
34
39
  100% {
35
- transform: translate(0px, 0.871px);
40
+ opacity: 1;
36
41
  }
37
42
  }
38
43
 
39
- .import-ms1xlqss-3 {
40
- animation: import-ms1xlqss-3-opacity 3200ms linear infinite both;
44
+ .import-msvsnwyw-7 {
45
+ transform-box: fill-box;
46
+ transform-origin: 50% 50%;
47
+ animation: import-msvsnwyw-7-transform 3360ms linear infinite both;
41
48
  }
42
49
 
43
- @keyframes import-ms1xlqss-3-opacity {
50
+ @keyframes import-msvsnwyw-7-transform {
44
51
  0% {
45
- opacity: 1;
46
- animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
52
+ transform: translate(41px, 23px);
53
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
47
54
  }
48
- 25% {
49
- opacity: 0;
55
+ 49.613095% {
56
+ transform: translate(41px, -106.4px);
57
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
50
58
  }
51
- 75% {
52
- opacity: 0;
53
- animation-timing-function: cubic-bezier(0, 0, 0.404119, 1);
59
+ 95.238095% {
60
+ transform: translate(41px, 23px);
61
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
54
62
  }
55
63
  100% {
56
- opacity: 1;
64
+ transform: translate(41px, 23px);
57
65
  }
58
66
  }
59
67
 
60
- .node-2 {
68
+ .node-2-3 {
61
69
  transform-box: fill-box;
62
70
  transform-origin: 50% 50%;
63
- animation: node-2-transform 3200ms linear infinite both;
71
+ animation: node-2-3-transform 3360ms linear infinite both;
64
72
  }
65
73
 
66
- @keyframes node-2-transform {
74
+ @keyframes node-2-3-transform {
67
75
  0% {
68
76
  transform: translate(0px, 0px);
69
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
77
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
78
+ }
79
+ 49.613095% {
80
+ transform: translate(0px, 31.965px);
81
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
70
82
  }
71
- 50% {
72
- transform: translate(0px, -56.984px);
73
- animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
83
+ 95.238095% {
84
+ transform: translate(0px, 0px);
85
+ animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
74
86
  }
75
87
  100% {
76
88
  transform: translate(0px, 0px);
@@ -79,211 +91,204 @@ svg {
79
91
  </style>
80
92
  </head>
81
93
  <body>
82
- <svg xmlns="http://www.w3.org/2000/svg" width="114" height="114" viewBox="0 0 114 114" fill="none">
94
+ <svg xmlns="http://www.w3.org/2000/svg" width="236" height="127" viewBox="0 0 236 127">
83
95
  <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">
96
+ <linearGradient id="paint0_linear_4371_16309" x1="178.227" y1="-83.0937" x2="-110.087" y2="145.731" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
97
+ <linearGradient id="paint1_linear_4371_16309" x1="95.39" y1="44.9158" x2="123.428" y2="69.4849" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.325264" stop-color="#B8C4FF" /><stop offset="1" stop-color="#002294" /></linearGradient>
98
+ <linearGradient id="paint2_linear_4371_16309" x1="75.4543" y1="17.3794" x2="129.908" y2="76.2359" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#EAEFFF" /><stop offset="0.5" stop-color="#B8C4FF" /><stop offset="0.95" stop-color="#002294" /></linearGradient>
99
+ <linearGradient id="paint3_linear_4371_16309" x1="100.35" y1="24.3133" x2="83.4414" y2="45.8896" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
100
+ <linearGradient id="paint4_linear_4371_16309" x1="138.978" y1="-27.1478" x2="-8.29128" y2="171.419" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
101
+ <linearGradient id="paint5_linear_4371_16309" x1="162.389" y1="1.90174" x2="39.2589" y2="153.375" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
102
+ <linearGradient id="paint6_linear_4371_16309" x1="212.458" y1="17.0772" x2="103.741" y2="151.031" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
103
+ <linearGradient id="paint7_linear_4371_16309" x1="307.169" y1="-61.1983" x2="66.9405" y2="309.011" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
104
+ <linearGradient id="paint8_linear_4371_16309" x1="141.161" y1="135.036" x2="91.0452" y2="223.425" gradientUnits="userSpaceOnUse"><stop offset="0.176006" stop-color="#EAEFFF" /><stop offset="0.576923" stop-color="#B8C4FF" /><stop offset="0.85" stop-color="#002294" /></linearGradient>
105
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter0_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
95
106
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
96
107
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
97
- <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
108
+ <feGaussianBlur stdDeviation="13.7813" result="effect1_foregroundBlur_4371_16309"/>
98
109
  </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">
110
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter1_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
100
111
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
101
112
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
102
- <feGaussianBlur stdDeviation="0.780106" result="effect1_foregroundBlur_4262_18141"/>
113
+ <feGaussianBlur stdDeviation="1.71335" result="effect1_foregroundBlur_4371_16309"/>
103
114
  </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">
115
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter2_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
105
116
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
106
117
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
107
- <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
118
+ <feGaussianBlur stdDeviation="11.2456" result="effect1_foregroundBlur_4371_16309"/>
108
119
  </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">
120
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter3_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
110
121
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
111
122
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
112
- <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
123
+ <feGaussianBlur stdDeviation="11.2456" result="effect1_foregroundBlur_4371_16309"/>
113
124
  </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">
125
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter4_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
115
126
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
116
127
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
117
- <feGaussianBlur stdDeviation="5.12023" result="effect1_foregroundBlur_4262_18141"/>
128
+ <feGaussianBlur stdDeviation="11.2456" result="effect1_foregroundBlur_4371_16309"/>
118
129
  </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">
130
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter5_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
120
131
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
121
132
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
122
- <feGaussianBlur stdDeviation="6" result="effect1_foregroundBlur_4262_18141"/>
133
+ <feGaussianBlur stdDeviation="13.7813" result="effect1_foregroundBlur_4371_16309"/>
123
134
  </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">
135
+ <filter xmlns="http://www.w3.org/2000/svg" id="filter6_f_4371_16309" color-interpolation-filters="sRGB" filterUnits="objectBoundingBox" x="-1" y="-1" width="3" height="3">
125
136
  <feFlood flood-opacity="0" result="BackgroundImageFix"/>
126
137
  <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
127
- <feGaussianBlur stdDeviation="1.85439" result="effect1_foregroundBlur_4262_18141"/>
138
+ <feGaussianBlur stdDeviation="4.07281" result="effect1_foregroundBlur_4371_16309"/>
128
139
  </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"/>
140
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip0_4371_16309">
141
+ <rect width="147" height="210.525" fill="white"/>
131
142
  </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"/>
143
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip1_4371_16309">
144
+ <rect width="147" height="231.984" fill="white"/>
134
145
  </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"/>
146
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip2_4371_16309">
147
+ <rect x="76.7969" y="24.7422" width="52.7113" height="46.1224" rx="6.58892" fill="white"/>
137
148
  </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)"/>
149
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip3_4371_16309">
150
+ <rect width="175.704" height="76.8707" fill="white" transform="translate(52.6367 11.5625)"/>
140
151
  </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"/>
152
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip4_4371_16309">
153
+ <rect x="83.3867" y="31.3281" width="10.9815" height="10.9815" rx="5.49077" fill="white"/>
143
154
  </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"/>
155
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip5_4371_16309">
156
+ <rect x="-19.8438" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="white"/>
146
157
  </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"/>
158
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip6_4371_16309">
159
+ <rect x="43.8477" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="white"/>
149
160
  </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"/>
161
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip7_4371_16309">
162
+ <rect x="107.543" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="white"/>
152
163
  </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"/>
164
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip8_4371_16309">
165
+ <rect width="146.703" height="57.4219" fill="white" transform="translate(0.167969 153.172)"/>
155
166
  </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"/>
167
+ <clipPath xmlns="http://www.w3.org/2000/svg" id="clip9_4371_16309">
168
+ <rect x="63.1367" y="187.57" width="20.7258" height="7.65129" rx="3.82565" fill="white"/>
158
169
  </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>
170
+ <mask xmlns="http://www.w3.org/2000/svg" id="mask0_3075_31420" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1" y="0" width="149" height="20">
171
+ <rect x="147.257" y="19.4897" width="147.514" height="19.4897" transform="rotate(-180 147.257 19.4897)" fill="url(#paint0_linear_3075_31420)"/>
172
+ </mask>
173
+ <mask id="am-node-1-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(82.5px, 41.6px) scale(1, 1)" x="-41.5" y="-18.5" width="147" height="81" rx="6" ry="6" fill="var(--color-4)" opacity="1" /></mask>
174
+ <mask id="am-node-1-2-2-2" maskUnits="userSpaceOnUse" mask-type="alpha" x="0" y="0" width="236" height="127"><rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(82.5px, 41.5px) scale(1, 1)" x="-41.5" y="-18.5" width="147" height="81" rx="6" ry="6" fill="var(--color-4)" opacity="1" /></mask>
161
175
  </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>
176
+ <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-5)" />
177
+ <g mask="url(#am-node-1-2-2)">
178
+ <g class="import-msvsnwyw-7">
179
+ <g fill="none" clip-path="url(#clip0_4371_16309)">
180
+ <g fill="none">
181
+ <rect x="-0.21875" y="0.101562" width="147" height="211.591" rx="0" ry="0" fill="var(--color-3)" />
182
+ </g>
183
+ <g fill="none" opacity="0.5" clip-path="url(#clip1_4371_16309)">
184
+ <rect x="0" y="0" width="147" height="231.984" fill="var(--color-1)" />
185
+ <g fill="none" filter="url(#filter0_f_4371_16309)">
186
+ <rect x="-1.14453" y="-113.258" width="209.016" height="336.055" fill="url(#paint0_linear_4371_16309)" />
173
187
  </g>
174
188
  </g>
175
189
  <g fill="none">
176
190
  <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)" />
191
+ <g fill="none" clip-path="url(#clip2_4371_16309)">
192
+ <g fill="none" clip-path="url(#clip3_4371_16309)">
193
+ <rect x="52.6367" y="11.5625" width="175.704" height="76.8707" fill="var(--color-1)" />
180
194
  </g>
181
195
  <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)" />
196
+ <path d="M106.633 34.6094L85.7109 64.9634L123.026 59.9707L106.633 34.6094Z" fill="url(#paint1_linear_4371_16309)" />
197
+ <path d="M162.428 52.6287C162.428 52.6287 115.546 34.9055 114.147 34.3712C112.748 33.837 104.067 31.3653 106.633 38.4918C109.184 45.5736 110.581 48.297 111.137 49.5063C111.692 50.7156 113.955 55.6428 108.262 57.461C101.809 59.5209 67.0078 69.3029 67.0078 69.3029V74.9207H162.428V52.6287Z" fill="url(#paint2_linear_4371_16309)" />
184
198
  </g>
185
199
  <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)" />
200
+ <g fill="none" clip-path="url(#clip4_4371_16309)">
201
+ <rect x="83.3867" y="31.3281" width="10.9815" height="10.9815" rx="5.49077" fill="var(--color-1)" />
202
+ <g fill="none" filter="url(#filter1_f_4371_16309)">
203
+ <path d="M91.474 22.724C90.9464 22.8289 90.4255 22.9744 89.9181 23.1605C87.8346 23.932 85.9879 25.4005 84.7702 27.4679C81.9866 32.188 83.5357 38.2345 88.2304 40.9718C92.925 43.7092 98.9862 42.0986 101.77 37.3784C104.553 32.6549 103.004 26.6084 98.3131 23.8745C96.1687 22.6225 93.7436 22.2808 91.474 22.724Z" fill="url(#paint3_linear_4371_16309)" />
190
204
  </g>
191
205
  </g>
192
206
  </g>
193
207
  </g>
194
208
  </g>
195
209
  <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)" />
210
+ <rect x="17.4961" y="37.9219" width="50.515" height="2.19631" rx="1.09815" fill="var(--color-1)" />
211
+ <rect x="17.4961" y="46.7031" width="50.515" height="2.19631" rx="1.09815" fill="var(--color-1)" />
212
+ <rect x="17.4961" y="55.4922" width="26.3557" height="2.19631" rx="1.09815" fill="var(--color-1)" />
199
213
  </g>
200
214
  </g>
201
215
  <g fill="none">
202
216
  <g fill="none">
203
217
  <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)" />
218
+ <g fill="none" clip-path="url(#clip5_4371_16309)">
219
+ <rect x="-19.8438" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="var(--color-1)" />
220
+ <g fill="none" filter="url(#filter2_f_4371_16309)">
221
+ <rect x="-19.4297" y="-42.8281" width="184.587" height="174.692" fill="url(#paint4_linear_4371_16309)" />
208
222
  </g>
209
223
  </g>
210
224
  </g>
211
225
  </g>
212
226
  <g fill="none">
213
227
  <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)" />
228
+ <g fill="none" clip-path="url(#clip6_4371_16309)">
229
+ <rect x="43.8477" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="var(--color-1)" />
230
+ <g fill="none" filter="url(#filter3_f_4371_16309)">
231
+ <rect x="44.2617" y="-10.9141" width="137.649" height="142.779" fill="url(#paint5_linear_4371_16309)" />
218
232
  </g>
219
233
  </g>
220
234
  </g>
221
235
  </g>
222
236
  <g fill="none">
223
237
  <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)" />
238
+ <g fill="none" clip-path="url(#clip7_4371_16309)">
239
+ <rect x="107.543" y="85.8984" width="59.3003" height="46.1224" rx="4.39261" fill="var(--color-1)" />
240
+ <g fill="none" filter="url(#filter4_f_4371_16309)">
241
+ <rect x="107.961" y="5.75781" width="121.767" height="126.107" fill="url(#paint6_linear_4371_16309)" />
228
242
  </g>
229
243
  </g>
230
244
  </g>
231
245
  </g>
232
246
  </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>
247
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.1px, 0px)" fill="none" opacity="0.5" clip-path="url(#clip8_4371_16309)">
248
+ <rect x="0.019469" y="153.172" width="147" height="57.4219" fill="var(--color-1)" />
249
+ <g fill="none" filter="url(#filter5_f_4371_16309)">
250
+ <rect x="-2.29688" y="-88" width="360.609" height="298.594" fill="url(#paint7_linear_4371_16309)" />
239
251
  </g>
240
252
  </g>
241
253
  <g fill="none">
242
254
  <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)" />
255
+ <rect x="41.3281" y="168.547" width="64.3447" height="2.18608" rx="1.09304" fill="var(--color-1)" />
256
+ <rect x="55.9531" y="177.469" width="35.0971" height="2.18608" rx="1.09304" fill="var(--color-1)" />
245
257
  </g>
246
258
  <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)" />
259
+ <g fill="none" clip-path="url(#clip9_4371_16309)">
260
+ <rect x="63.1367" y="187.57" width="20.7258" height="7.65129" rx="3.82565" fill="var(--color-1)" />
261
+ <g fill="none" filter="url(#filter6_f_4371_16309)">
262
+ <path d="M62.5273 129.086H154.156V195.38H62.5273V129.086Z" fill="url(#paint8_linear_4371_16309)" />
251
263
  </g>
252
264
  </g>
253
265
  </g>
254
266
  </g>
255
267
  </g>
256
268
  </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
269
  </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" />
270
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(190.8px, 33.5px)">
271
+ <path d="M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z" fill="var(--color-2)" />
272
+ <g class="node-2-3">
273
+ <line x1="2" y1="8.48682" x2="2" y2="17.4596" fill="none" stroke="var(--color-1)" stroke-width="4" stroke-linecap="round" />
273
274
  </g>
274
275
  </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)" />
276
+ <image style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(0px, -42.000004px)" display="none" href="assets/image.png" x="0" y="42" width="236" height="127" preserveAspectRatio="xMidYMid meet" />
277
+ <g mask="url(#am-node-1-2-2-2)">
278
+ <g>
279
+ <g style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(41.25659px, 22.978997px)">
280
+ <g fill="none" mask="url(#mask0_3075_31420)">
281
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.337539px, 0.122562px)" x="-0.256592" y="0" width="147.514" height="19.4897" fill="var(--color-1)" />
282
+ </g>
283
+ </g>
284
+ <g class="Group-2147222209" style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.2px, 0px)" fill="none">
285
+ <rect x="41.0132" y="22.979" width="147.39" height="15.9656" fill="var(--color-1)" />
279
286
  </g>
287
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.2px, 0px)" x="160.768" y="29.812" width="13.8178" height="2.30296" rx="1.15148" fill="var(--color-2)" />
288
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.2px, 0px)" x="140.041" y="29.812" width="13.8178" height="2.30296" rx="1.15148" fill="var(--color-2)" />
289
+ <rect style="transform-box: fill-box; transform-origin: 50% 50%; transform: translate(-0.2px, 0px)" x="119.314" y="29.812" width="13.8178" height="2.30296" rx="1.15148" fill="var(--color-2)" />
280
290
  </g>
281
291
  </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
292
  </svg>
288
293
  </body>
289
294
  </html>