@stigg/react-sdk 4.3.1 → 4.4.0-beta.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 (187) hide show
  1. package/README.md +1 -1
  2. package/dist/components/checkout/Checkout.d.ts +5 -0
  3. package/dist/components/checkout/CheckoutContainer.d.ts +22 -0
  4. package/dist/components/checkout/CheckoutContainer.style.d.ts +26 -0
  5. package/dist/components/checkout/CheckoutProvider.d.ts +34 -0
  6. package/dist/components/checkout/components/Button.d.ts +8 -0
  7. package/dist/components/checkout/components/ContentLoadingSkeleton.d.ts +2 -0
  8. package/dist/components/checkout/components/InputField.d.ts +8 -0
  9. package/dist/components/checkout/components/Skeletons.style.d.ts +97 -0
  10. package/dist/components/checkout/components/index.d.ts +3 -0
  11. package/dist/components/checkout/formatting.d.ts +2 -0
  12. package/dist/components/checkout/hooks/index.d.ts +8 -0
  13. package/dist/components/checkout/hooks/useAddonsStepModel.d.ts +21 -0
  14. package/dist/components/checkout/hooks/useCheckoutModel.d.ts +10 -0
  15. package/dist/components/checkout/hooks/useCouponModel.d.ts +7 -0
  16. package/dist/components/checkout/hooks/useLoadCheckout.d.ts +11 -0
  17. package/dist/components/checkout/hooks/usePaymentStepModel.d.ts +16 -0
  18. package/dist/components/checkout/hooks/usePlanStepModel.d.ts +23 -0
  19. package/dist/components/checkout/hooks/usePreviewSubscription.d.ts +13 -0
  20. package/dist/components/checkout/hooks/useProgressBarModel.d.ts +26 -0
  21. package/dist/components/checkout/hooks/useSubscriptionModel.d.ts +5 -0
  22. package/dist/components/checkout/hooks/useSubscriptionState.d.ts +2 -0
  23. package/dist/components/checkout/index.d.ts +3 -0
  24. package/dist/components/checkout/planHeader/PlanHeader.d.ts +7 -0
  25. package/dist/components/checkout/planHeader/PlanHeader.style.d.ts +25 -0
  26. package/dist/components/checkout/planHeader/index.d.ts +1 -0
  27. package/dist/components/checkout/progressBar/CheckoutProgressBar.d.ts +2 -0
  28. package/dist/components/checkout/progressBar/CheckoutProgressBar.style.d.ts +48 -0
  29. package/dist/components/checkout/promotionCode/AddPromotionCode.d.ts +5 -0
  30. package/dist/components/checkout/promotionCode/AddPromotionCodeButton.d.ts +7 -0
  31. package/dist/components/checkout/promotionCode/AppliedPromotionCode.d.ts +6 -0
  32. package/dist/components/checkout/promotionCode/PromotionCodeSection.d.ts +5 -0
  33. package/dist/components/checkout/promotionCode/index.d.ts +1 -0
  34. package/dist/components/checkout/steps/addons/CheckoutAddonsStep.d.ts +2 -0
  35. package/dist/components/checkout/steps/addons/CheckoutAddonsStep.style.d.ts +93 -0
  36. package/dist/components/checkout/steps/addons/addon.utils.d.ts +15 -0
  37. package/dist/components/checkout/steps/addons/index.d.ts +1 -0
  38. package/dist/components/checkout/steps/payment/PaymentMethods.d.ts +20 -0
  39. package/dist/components/checkout/steps/payment/PaymentMethods.style.d.ts +117 -0
  40. package/dist/components/checkout/steps/payment/PaymentStep.d.ts +2 -0
  41. package/dist/components/checkout/steps/payment/index.d.ts +1 -0
  42. package/dist/components/checkout/steps/payment/stripe/StripePaymentForm.d.ts +2 -0
  43. package/dist/components/checkout/steps/payment/stripe/index.d.ts +3 -0
  44. package/dist/components/checkout/steps/payment/stripe/stripe.utils.d.ts +33 -0
  45. package/dist/components/checkout/steps/payment/stripe/useStripeIntegration.d.ts +5 -0
  46. package/dist/components/checkout/steps/payment/stripe/useSubmit.d.ts +13 -0
  47. package/dist/components/checkout/steps/plan/BillingPeriodPicker.d.ts +9 -0
  48. package/dist/components/checkout/steps/plan/BillingPeriodPicker.style.d.ts +52 -0
  49. package/dist/components/checkout/steps/plan/CheckoutChargeList.d.ts +16 -0
  50. package/dist/components/checkout/steps/plan/CheckoutPlanStep.d.ts +2 -0
  51. package/dist/components/checkout/steps/plan/CheckoutPlanStep.style.d.ts +12 -0
  52. package/dist/components/checkout/steps/plan/index.d.ts +1 -0
  53. package/dist/components/checkout/steps/surprise/SurpriseStep.d.ts +2 -0
  54. package/dist/components/checkout/summary/CheckoutSuccess.d.ts +3 -0
  55. package/dist/components/checkout/summary/CheckoutSummary.d.ts +16 -0
  56. package/dist/components/checkout/summary/CheckoutSummarySkeleton.d.ts +2 -0
  57. package/dist/components/checkout/summary/components/CheckoutCaptions.d.ts +11 -0
  58. package/dist/components/checkout/summary/components/LineItems.d.ts +36 -0
  59. package/dist/components/checkout/summary/components/WithSkeleton.d.ts +6 -0
  60. package/dist/components/checkout/summary/index.d.ts +2 -0
  61. package/dist/components/checkout/textOverrides.d.ts +32 -0
  62. package/dist/components/checkout/theme.d.ts +12 -0
  63. package/dist/components/common/Icon.d.ts +3 -2
  64. package/dist/components/common/PoweredByStigg.d.ts +1 -1
  65. package/dist/components/{paywall/TiersLayout.d.ts → common/TiersSelectContainer.d.ts} +2 -3
  66. package/dist/components/common/customIcons.d.ts +19 -5
  67. package/dist/components/common/mapExternalTheme.d.ts +2 -1
  68. package/dist/components/customerPortal/subscriptionOverview/subscriptionView/SubscriptionView.style.d.ts +1 -1
  69. package/dist/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.d.ts +1 -1
  70. package/dist/components/hooks/useChargeSort.d.ts +3 -0
  71. package/dist/components/paywall/paywallTextOverrides.d.ts +0 -4
  72. package/dist/components/utils/calculateDiscountRate.d.ts +1 -0
  73. package/dist/components/utils/currencyUtils.d.ts +1 -1
  74. package/dist/components/utils/getPaidPriceText.d.ts +1 -3
  75. package/dist/components/{paywall/planPriceTier.d.ts → utils/priceTierUtils.d.ts} +3 -1
  76. package/dist/components/utils/priceUtils.d.ts +2 -0
  77. package/dist/index.d.ts +1 -0
  78. package/dist/react-sdk.cjs.development.js +6935 -238
  79. package/dist/react-sdk.cjs.development.js.map +1 -1
  80. package/dist/react-sdk.cjs.production.min.js +1 -1
  81. package/dist/react-sdk.cjs.production.min.js.map +1 -1
  82. package/dist/react-sdk.esm.js +7094 -242
  83. package/dist/react-sdk.esm.js.map +1 -1
  84. package/dist/stories/Checkout.stories.d.ts +3 -0
  85. package/dist/stories/CustomerPortal.stories.d.ts +1 -1
  86. package/dist/theme/getResolvedTheme.d.ts +4 -0
  87. package/dist/theme/types.d.ts +4 -0
  88. package/package.json +11 -5
  89. package/src/assets/arrow-forward.svg +3 -0
  90. package/src/assets/arrow-right.svg +6 -0
  91. package/src/assets/check.svg +5 -0
  92. package/src/assets/close.svg +3 -0
  93. package/src/assets/lottie/checkout-success.json +1 -0
  94. package/src/assets/nyancat.svg +634 -0
  95. package/src/assets/outlined-checked-circle-disabled.svg +6 -0
  96. package/src/assets/outlined-checked-circle.svg +6 -0
  97. package/src/assets/outlined-circle.svg +3 -0
  98. package/src/assets/payment-method.svg +11 -0
  99. package/src/assets/plus-icon.svg +6 -0
  100. package/src/assets/trash.svg +8 -0
  101. package/src/components/checkout/Checkout.tsx +30 -0
  102. package/src/components/checkout/CheckoutContainer.style.ts +35 -0
  103. package/src/components/checkout/CheckoutContainer.tsx +99 -0
  104. package/src/components/checkout/CheckoutProvider.tsx +149 -0
  105. package/src/components/checkout/components/Button.tsx +51 -0
  106. package/src/components/checkout/components/ContentLoadingSkeleton.tsx +41 -0
  107. package/src/components/checkout/components/InputField.tsx +22 -0
  108. package/src/components/checkout/components/Skeletons.style.ts +27 -0
  109. package/src/components/checkout/components/index.ts +3 -0
  110. package/src/components/checkout/formatting.ts +12 -0
  111. package/src/components/checkout/hooks/index.ts +8 -0
  112. package/src/components/checkout/hooks/useAddonsStepModel.ts +96 -0
  113. package/src/components/checkout/hooks/useCheckoutModel.ts +32 -0
  114. package/src/components/checkout/hooks/useCouponModel.ts +28 -0
  115. package/src/components/checkout/hooks/useLoadCheckout.ts +39 -0
  116. package/src/components/checkout/hooks/usePaymentStepModel.ts +49 -0
  117. package/src/components/checkout/hooks/usePlanStepModel.ts +169 -0
  118. package/src/components/checkout/hooks/usePreviewSubscription.ts +82 -0
  119. package/src/components/checkout/hooks/useProgressBarModel.ts +89 -0
  120. package/src/components/checkout/hooks/useSubscriptionModel.ts +16 -0
  121. package/src/components/checkout/hooks/useSubscriptionState.ts +26 -0
  122. package/src/components/checkout/index.ts +3 -0
  123. package/src/components/checkout/planHeader/PlanHeader.style.tsx +23 -0
  124. package/src/components/checkout/planHeader/PlanHeader.tsx +59 -0
  125. package/src/components/checkout/planHeader/index.ts +1 -0
  126. package/src/components/checkout/progressBar/CheckoutProgressBar.style.ts +34 -0
  127. package/src/components/checkout/progressBar/CheckoutProgressBar.tsx +53 -0
  128. package/src/components/checkout/promotionCode/AddPromotionCode.tsx +85 -0
  129. package/src/components/checkout/promotionCode/AddPromotionCodeButton.tsx +39 -0
  130. package/src/components/checkout/promotionCode/AppliedPromotionCode.tsx +37 -0
  131. package/src/components/checkout/promotionCode/PromotionCodeSection.tsx +27 -0
  132. package/src/components/checkout/promotionCode/index.ts +1 -0
  133. package/src/components/checkout/steps/addons/CheckoutAddonsStep.style.tsx +24 -0
  134. package/src/components/checkout/steps/addons/CheckoutAddonsStep.tsx +125 -0
  135. package/src/components/checkout/steps/addons/addon.utils.ts +68 -0
  136. package/src/components/checkout/steps/addons/index.ts +1 -0
  137. package/src/components/checkout/steps/payment/PaymentMethods.style.ts +26 -0
  138. package/src/components/checkout/steps/payment/PaymentMethods.tsx +86 -0
  139. package/src/components/checkout/steps/payment/PaymentStep.tsx +50 -0
  140. package/src/components/checkout/steps/payment/index.ts +1 -0
  141. package/src/components/checkout/steps/payment/stripe/StripePaymentForm.tsx +45 -0
  142. package/src/components/checkout/steps/payment/stripe/index.ts +3 -0
  143. package/src/components/checkout/steps/payment/stripe/stripe.utils.ts +109 -0
  144. package/src/components/checkout/steps/payment/stripe/useStripeIntegration.ts +27 -0
  145. package/src/components/checkout/steps/payment/stripe/useSubmit.ts +104 -0
  146. package/src/components/checkout/steps/plan/BillingPeriodPicker.style.tsx +46 -0
  147. package/src/components/checkout/steps/plan/BillingPeriodPicker.tsx +63 -0
  148. package/src/components/checkout/steps/plan/CheckoutChargeList.tsx +138 -0
  149. package/src/components/checkout/steps/plan/CheckoutPlanStep.style.tsx +6 -0
  150. package/src/components/checkout/steps/plan/CheckoutPlanStep.tsx +20 -0
  151. package/src/components/checkout/steps/plan/index.ts +1 -0
  152. package/src/components/checkout/steps/surprise/SurpriseStep.tsx +27 -0
  153. package/src/components/checkout/summary/CheckoutSuccess.tsx +30 -0
  154. package/src/components/checkout/summary/CheckoutSummary.tsx +288 -0
  155. package/src/components/checkout/summary/CheckoutSummarySkeleton.tsx +40 -0
  156. package/src/components/checkout/summary/components/CheckoutCaptions.tsx +120 -0
  157. package/src/components/checkout/summary/components/LineItems.tsx +177 -0
  158. package/src/components/checkout/summary/components/WithSkeleton.tsx +16 -0
  159. package/src/components/checkout/summary/index.ts +2 -0
  160. package/src/components/checkout/textOverrides.ts +62 -0
  161. package/src/components/checkout/theme.ts +43 -0
  162. package/src/components/common/Icon.tsx +17 -22
  163. package/src/components/common/PoweredByStigg.tsx +1 -1
  164. package/src/components/{paywall/TiersLayout.tsx → common/TiersSelectContainer.tsx} +8 -7
  165. package/src/components/common/Typography.tsx +11 -1
  166. package/src/components/common/customIcons.ts +19 -28
  167. package/src/components/common/mapExternalTheme.ts +29 -9
  168. package/src/components/customerPortal/subscriptionOverview/tabs/SubscriptionTabs.tsx +6 -12
  169. package/src/components/hooks/useChargeSort.ts +17 -0
  170. package/src/components/paywall/Paywall.tsx +1 -1
  171. package/src/components/paywall/PlanOffering.tsx +1 -1
  172. package/src/components/paywall/PlanOfferingButton.tsx +1 -1
  173. package/src/components/paywall/PlanPrice.tsx +5 -13
  174. package/src/components/paywall/paywallTextOverrides.ts +0 -3
  175. package/src/components/paywall/utils/calculateUnitQuantityText.ts +9 -4
  176. package/src/components/utils/calculateDiscountRate.ts +1 -1
  177. package/src/components/utils/currencyUtils.ts +1 -1
  178. package/src/components/utils/getPaidPriceText.ts +4 -10
  179. package/src/components/utils/getPlanPrice.ts +1 -1
  180. package/src/components/{paywall/planPriceTier.ts → utils/priceTierUtils.ts} +25 -3
  181. package/src/components/utils/priceUtils.ts +10 -0
  182. package/src/index.ts +1 -0
  183. package/src/stories/Checkout.stories.tsx +62 -0
  184. package/src/stories/CustomerPortal.stories.tsx +1 -1
  185. package/src/theme/Theme.tsx +6 -6
  186. package/src/theme/getResolvedTheme.ts +7 -1
  187. package/src/theme/types.ts +4 -0
package/src/assets/nyancat.svg ADDED
@@ -0,0 +1,634 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 180">
2
+ <defs>
3
+ <radialGradient id="BackgroundGradient">
4
+ <stop offset="0%" stop-color="#005093" />
5
+ <stop offset="100%" stop-color="#002953" />
6
+ </radialGradient>
7
+
8
+ <g id="sparkle" transform="scale(2)" stroke="white">
9
+ <!-- <circle rx="0" ry="0" r="10" fill="" /> -->
10
+ <style>
11
+ .sparkle-frame6 {
12
+ animation: sparkle 0.42s linear 0.35s infinite;
13
+ }
14
+
15
+ .sparkle-frame5 {
16
+ animation: sparkle 0.42s linear 0.28s infinite;
17
+ }
18
+
19
+ .sparkle-frame4 {
20
+ animation: sparkle 0.42s linear 0.21s infinite;
21
+ }
22
+
23
+ .sparkle-frame3 {
24
+ animation: sparkle 0.42s linear 0.14s infinite;
25
+ }
26
+
27
+ .sparkle-frame2 {
28
+ animation: sparkle 0.42s linear 0.07s infinite;
29
+ }
30
+
31
+ .sparkle-frame1 {
32
+ animation: sparkle 0.42s linear 0s infinite;
33
+ }
34
+
35
+ @keyframes sparkle {
36
+ 0% {
37
+ opacity: 1;
38
+ }
39
+
40
+ 16.666666% {
41
+ opacity: 1;
42
+ }
43
+
44
+ 16.6666666% {
45
+ opacity: 0;
46
+ }
47
+
48
+ 100% {
49
+ opacity: 0;
50
+ }
51
+ }
52
+ </style>
53
+ <path class="sparkle-frame1" d="M3.5 0 v2 M7 3.5 h-2 M3.5 7 v-2 M0 3.5 h2 M3 3.5 h1" />
54
+ <path class="sparkle-frame2"
55
+ d="M3 0.5 h1 M5 1.5 h1 M6 3.5 h1 M5 5.5 h1 M3 6.5 h1 M1 5.5 h1 M0 3.5 h1 M1 1.5 h1" />
56
+ <path class="sparkle-frame3" d="M3 0.5 h1 M6 3.5 h1 M3 6.5 h1 M0 3.5 h1" />
57
+ <path class="sparkle-frame4" d="M3 3.5 h1" />
58
+ <path class="sparkle-frame5" d="M3 2.5 h1 M4 3.5 h1 M3 4.5 h1 M2 3.5 h1" />
59
+ <path class="sparkle-frame6" d="M3.5 1 v2 M4 3.5 h2 M3.5 4 v2 M1 3.5 h2" />
60
+ </g>
61
+ </defs>
62
+ <rect id="background" width="100%" height="100%" fill="url('#BackgroundGradient')" />
63
+
64
+ <use href="#sparkle" id="sparkle1">
65
+ <animateMotion dur="0.77s" repeatCount="indefinite" path="M250 10 70 10" />
66
+ </use>
67
+ <use href="#sparkle" id="sparkle2">
68
+ <animateMotion begin="0.2566" dur="0.77s" repeatCount="indefinite" path="M255 23 65 23" />
69
+ </use>
70
+ <use href="#sparkle" id="sparkle3">
71
+ <animateMotion begin="0.5133" dur="0.77s" repeatCount="indefinite" path="M260 36 60 36" />
72
+ </use>
73
+ <use href="#sparkle" id="sparkle4">
74
+ <animateMotion begin="0.1283" dur="0.77s" repeatCount="indefinite" path="M260 130 60 130" />
75
+ </use>
76
+ <use href="#sparkle" id="sparkle5">
77
+ <animateMotion begin="0.385" dur="0.77s" repeatCount="indefinite" path="M255 143 65 143" />
78
+ </use>
79
+ <use href="#sparkle" id="sparkle6">
80
+ <animateMotion begin="0.6416" dur="0.77s" repeatCount="indefinite" path="M250 166 70 166" />
81
+ </use>
82
+ <use href="#sparkle" id="sparkle7">
83
+ <animateMotion dur="0.84s" repeatCount="indefinite" path="M250 105 70 105" />
84
+ </use>
85
+ <use href="#sparkle" id="sparkle8">
86
+ <animateMotion begin="0.28" dur="0.84s" repeatCount="indefinite" path="M250 73 70 73" />
87
+ </use>
88
+ <svg id="rainbow" y="58.5">
89
+ <defs>
90
+ <linearGradient id="RainbowGradient" gradientTransform="rotate(90)">
91
+ <stop offset="0%" stop-color="#FD1B00" />
92
+ <stop offset="16.66%" stop-color="#FD1B00" />
93
+ <stop offset="16.67%" stop-color="#FD9B01" />
94
+ <stop offset="33.33%" stop-color="#FD9B01" />
95
+ <stop offset="33.34%" stop-color="#FDEF01" />
96
+ <stop offset="49.99%" stop-color="#FDEF01" />
97
+ <stop offset="50.00%" stop-color="#20DB01" />
98
+ <stop offset="66.66%" stop-color="#20DB01" />
99
+ <stop offset="66.67%" stop-color="#008AFC" />
100
+ <stop offset="83.33%" stop-color="#008AFC" />
101
+ <stop offset="83.34%" stop-color="#6D3FFC" />
102
+ <stop offset="100%" stop-color="#6D3FFC" />
103
+ </linearGradient>
104
+ </defs>
105
+ <style>
106
+ .rainbow-container {
107
+ animation: rainbow-leftright 0.42s linear infinite;
108
+ }
109
+
110
+ .rainbow-piece0 {
111
+ animation: rainbow-updown 0.42s linear infinite;
112
+ }
113
+
114
+ .rainbow-piece1 {
115
+ animation: rainbow-updown 0.42s linear -0.21s infinite;
116
+ }
117
+
118
+ @keyframes rainbow-updown {
119
+ 0% {
120
+ transform: translate(0, 0px);
121
+ }
122
+
123
+ 49.99% {
124
+ transform: translate(0, 0px);
125
+ }
126
+
127
+ 50% {
128
+ transform: translate(0, 4px);
129
+ }
130
+
131
+ 100% {
132
+ transform: translate(0, 4px);
133
+ }
134
+ }
135
+
136
+ @keyframes rainbow-leftright {
137
+ 0% {
138
+ transform: translate(0px, 0px);
139
+ }
140
+
141
+ 49.99% {
142
+ transform: translate(0px, 0px);
143
+ }
144
+
145
+ 50% {
146
+ transform: translate(-4px, 0px);
147
+ }
148
+
149
+ 100% {
150
+ transform: translate(-4px, 0px);
151
+ }
152
+ }
153
+ </style>
154
+ <g class="rainbow-container">
155
+ <rect class="rainbow-piece rainbow-piece0" width="30" height="54" fill="url('#RainbowGradient')">
156
+ <!-- <animateTransform attributeName="transform" type="translate" values="0 -5; 0 -5; 0 5; 0 5" dur="0.42s" repeatCount="indefinite" /> -->
157
+ </rect>
158
+ <rect class="rainbow-piece rainbow-piece1" x="29.5" width="30" height="54" fill="url('#RainbowGradient')" />
159
+ <rect class="rainbow-piece rainbow-piece0" x="59" width="30" height="54" fill="url('#RainbowGradient')" />
160
+ <rect class="rainbow-piece rainbow-piece1" x="88.5" width="30" height="54" fill="url('#RainbowGradient')" />
161
+ <rect class="rainbow-piece rainbow-piece0" x="118" width="30" height="54" fill="url('#RainbowGradient')" />
162
+
163
+ </g>
164
+ </svg>
165
+
166
+ <svg id="cat" x="120" y="58.5" width="102" height="73" viewBox="0 0 34 21" preserveAspectRatio="xMinYMin meet">
167
+ <!-- All cat-frames are adapted from https://github.com/iliana/html5nyancat . -->
168
+ <style>
169
+ .cat-frame {
170
+ opacity: 0;
171
+ }
172
+
173
+ #cat-frame6 {
174
+ animation: catrun 0.42s linear 0.35s infinite;
175
+ }
176
+
177
+ #cat-frame5 {
178
+ animation: catrun 0.42s linear 0.28s infinite;
179
+ }
180
+
181
+ #cat-frame4 {
182
+ animation: catrun 0.42s linear 0.21s infinite;
183
+ }
184
+
185
+ #cat-frame3 {
186
+ animation: catrun 0.42s linear 0.14s infinite;
187
+ }
188
+
189
+ #cat-frame2 {
190
+ animation: catrun 0.42s linear 0.07s infinite;
191
+ }
192
+
193
+ #cat-frame1 {
194
+ animation: catrun 0.42s linear 0s infinite;
195
+ }
196
+
197
+ @keyframes catrun {
198
+ 0% {
199
+ opacity: 1;
200
+ }
201
+
202
+ 16.666666% {
203
+ opacity: 1;
204
+ }
205
+
206
+ 16.6666666% {
207
+ opacity: 0;
208
+ }
209
+
210
+ 100% {
211
+ opacity: 0;
212
+ }
213
+ }
214
+ </style>
215
+ <g id="cat-frame1" class="cat-frame">
216
+ <g transform="translate(1,0)" id="layer1" style="display:inline">
217
+ <g transform="translate(4,-1032.3622)" id="g3832">
218
+ <path d="m 0,50 0,-3 1,0 0,-1 4,0 0,3 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3050"
219
+ style="fill:#000000;fill-opacity:1;stroke:none" />
220
+ <path d="m 1,49 0,-2 3,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3830"
221
+ style="fill:#999999;fill-opacity:1;stroke:none" />
222
+ </g>
223
+ <g transform="translate(4,-1032.3622)" id="g3841">
224
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
225
+ style="fill:#000000;fill-opacity:1;stroke:none" />
226
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
227
+ style="fill:#999999;fill-opacity:1;stroke:none" />
228
+ </g>
229
+ <g transform="matrix(-1,0,0,1,29,-1032.3622)" id="g3935">
230
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
231
+ style="fill:#000000;fill-opacity:1;stroke:none" />
232
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
233
+ style="fill:#999999;fill-opacity:1;stroke:none" />
234
+ </g>
235
+ <g transform="translate(0,-1032.3622)" id="g3948">
236
+ <path d="m 24,49 0,-1 4,0 0,1 -1,0 0,1 -2,0 0,-1 z" transform="translate(0,1002.3622)" id="path3941"
237
+ style="fill:#000000;fill-opacity:1;stroke:none" />
238
+ <path d="m 25,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3943"
239
+ style="fill:#999999;fill-opacity:1;stroke:none" />
240
+ </g>
241
+ <g transform="translate(0,-1032.3622)" id="layer1-0">
242
+ <path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
243
+ <path
244
+ d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
245
+ id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
246
+ <path
247
+ d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
248
+ id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
249
+ <path
250
+ d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
251
+ id="path5412" style="fill:#000000;fill-opacity:1" />
252
+ </g>
253
+ <g transform="translate(6,0)" id="layer3">
254
+ <g id="g5869">
255
+ <path
256
+ d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
257
+ id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
258
+ <path
259
+ d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
260
+ id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
261
+ <path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
262
+ <path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
263
+ <path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
264
+ style="fill:#000000;fill-opacity:1;stroke:none" />
265
+ <path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
266
+ <g id="g5857">
267
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
268
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
269
+ </g>
270
+ <g transform="translate(-7,0)" id="g5861">
271
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
272
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
273
+ </g>
274
+ </g>
275
+ </g>
276
+ <g id="g3486">
277
+ <path d="M 0,10 0,7 4,7 4,8 5,8 5,9 6,9 6,14 5,14 5,13 3,13 3,12 2,12 2,11 1,11 1,10 z" id="path3954"
278
+ style="fill:#000000;fill-opacity:1;stroke:none" />
279
+ <path d="m 1,9 0,-1 2,0 0,1 1,0 0,1 1,0 0,1 1,0 0,1 -2,0 0,-1 -1,0 0,-1 -1,0 0,-1 z" id="path3956"
280
+ style="fill:#999999;fill-opacity:1;stroke:none" />
281
+ </g>
282
+ </g>
283
+ </g>
284
+
285
+ <g id="cat-frame2" class="cat-frame">
286
+ <g transform="translate(1,-1)" id="g4196">
287
+ <g transform="translate(0,-1031.3622)" id="layer1">
288
+ <g id="g3982">
289
+ <path d="m 5,20 0,-3 1,0 0,-1 3,0 0,3 -1,0 0,1 z" transform="translate(0,1032.3622)" id="path3977"
290
+ style="fill:#000000;fill-opacity:1;stroke:none" />
291
+ <path d="m 6,17 2,0 0,2 -2,0 z" transform="translate(0,1032.3622)" id="rect3979"
292
+ style="fill:#999999;fill-opacity:1;stroke:none" />
293
+ </g>
294
+ <g transform="matrix(-1,0,0,1,20,0)" id="g3841">
295
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
296
+ style="fill:#000000;fill-opacity:1;stroke:none" />
297
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
298
+ style="fill:#999999;fill-opacity:1;stroke:none" />
299
+ </g>
300
+ <g transform="matrix(-1,0,0,1,30,0)" id="g3935">
301
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
302
+ style="fill:#000000;fill-opacity:1;stroke:none" />
303
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
304
+ style="fill:#999999;fill-opacity:1;stroke:none" />
305
+ </g>
306
+ <g id="layer1-0">
307
+ <path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
308
+ <path
309
+ d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
310
+ id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
311
+ <path
312
+ d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
313
+ id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
314
+ <path
315
+ d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
316
+ id="path5412" style="fill:#000000;fill-opacity:1" />
317
+ </g>
318
+ <g transform="translate(7,1032.3622)" id="layer3">
319
+ <g id="g5869">
320
+ <path
321
+ d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
322
+ id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
323
+ <path
324
+ d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
325
+ id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
326
+ <path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
327
+ <path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
328
+ <path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
329
+ style="fill:#000000;fill-opacity:1;stroke:none" />
330
+ <path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
331
+ <g id="g5857">
332
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795"
333
+ style="fill:#000000;fill-opacity:1;stroke:none" />
334
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
335
+ </g>
336
+ <g transform="translate(-7,0)" id="g5861">
337
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863"
338
+ style="fill:#000000;fill-opacity:1;stroke:none" />
339
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
340
+ </g>
341
+ </g>
342
+ </g>
343
+ <g transform="matrix(-1,0,0,1,35,0)" id="g3986">
344
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
345
+ style="fill:#000000;fill-opacity:1;stroke:none" />
346
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
347
+ style="fill:#999999;fill-opacity:1;stroke:none" />
348
+ </g>
349
+ <g id="g3996">
350
+ <path d="m 1,12 -1,0 0,-2 1,0 0,-1 2,0 0,1 1,0 0,1 2,0 0,4 -2,0 0,-1 -2,0 0,-1 -1,0 z"
351
+ transform="translate(0,1032.3622)" id="path3992" style="fill:#000000;stroke:none" />
352
+ <path d="m 1,12 0,-2 2,0 0,2 3,0 0,2 -2,0 0,-1 -2,0 0,-1 z" transform="translate(0,1032.3622)" id="path3994"
353
+ style="fill:#999999;fill-opacity:1;stroke:none" />
354
+ </g>
355
+ </g>
356
+ </g>
357
+ </g>
358
+
359
+ <g id="cat-frame3" class="cat-frame">
360
+ <g transform="translate(1,1)" id="g4137">
361
+ <g id="g3806">
362
+ <path d="m 6,20 0,-4 4,0 0,3 -1,0 0,1 z" id="path3977" style="fill:#000000;fill-opacity:1;stroke:none" />
363
+ <path d="m 7,17 2,0 0,2 -2,0 z" id="rect3979" style="fill:#999999;fill-opacity:1;stroke:none" />
364
+ </g>
365
+ <g transform="matrix(-1,0,0,1,21,-1032.3622)" id="g3841">
366
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
367
+ style="fill:#000000;fill-opacity:1;stroke:none" />
368
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
369
+ style="fill:#999999;fill-opacity:1;stroke:none" />
370
+ </g>
371
+ <g transform="matrix(-1,0,0,1,31,-1032.3622)" id="g3935">
372
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
373
+ style="fill:#000000;fill-opacity:1;stroke:none" />
374
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
375
+ style="fill:#999999;fill-opacity:1;stroke:none" />
376
+ </g>
377
+ <g transform="translate(0,-1032.3622)" id="layer1-0">
378
+ <path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
379
+ <path
380
+ d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
381
+ id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
382
+ <path
383
+ d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
384
+ id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
385
+ <path
386
+ d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
387
+ id="path5412" style="fill:#000000;fill-opacity:1" />
388
+ </g>
389
+ <g transform="translate(7,0)" id="layer3">
390
+ <g id="g5869">
391
+ <path
392
+ d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
393
+ id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
394
+ <path
395
+ d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
396
+ id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
397
+ <path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
398
+ <path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
399
+ <path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
400
+ style="fill:#000000;fill-opacity:1;stroke:none" />
401
+ <path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
402
+ <g id="g5857">
403
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
404
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
405
+ </g>
406
+ <g transform="translate(-7,0)" id="g5861">
407
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
408
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
409
+ </g>
410
+ </g>
411
+ </g>
412
+ <g transform="matrix(-1,0,0,1,36,-1032.3622)" id="g3986">
413
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
414
+ style="fill:#000000;fill-opacity:1;stroke:none" />
415
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
416
+ style="fill:#999999;fill-opacity:1;stroke:none" />
417
+ </g>
418
+ <g id="g4584">
419
+ <path d="m 0,14 0,-2 2,0 0,-1 3,0 0,-1 1,0 0,4 -1,0 0,1 -4,0 0,-1 z" id="path3812"
420
+ style="fill:#000000;stroke:none" />
421
+ <path d="m 1,14 0,-1 1,0 0,-1 4,0 0,1 -2,0 0,1 z" id="path3814" style="fill:#999999;stroke:none" />
422
+ </g>
423
+ </g>
424
+ </g>
425
+
426
+ <g id="cat-frame4" class="cat-frame">
427
+ <g transform="translate(1,0)" id="g4082">
428
+ <g transform="translate(0,-1031.3622)" id="g3982">
429
+ <path d="m 5,20 0,-3 1,0 0,-1 3,0 0,3 -1,0 0,1 z" transform="translate(0,1032.3622)" id="path3977-4"
430
+ style="fill:#000000;fill-opacity:1;stroke:none" />
431
+ <path d="m 6,17 2,0 0,2 -2,0 z" transform="translate(0,1032.3622)" id="rect3979-3"
432
+ style="fill:#999999;fill-opacity:1;stroke:none" />
433
+ </g>
434
+ <g transform="matrix(-1,0,0,1,20,-1031.3622)" id="g3841">
435
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
436
+ style="fill:#000000;fill-opacity:1;stroke:none" />
437
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
438
+ style="fill:#999999;fill-opacity:1;stroke:none" />
439
+ </g>
440
+ <g transform="matrix(-1,0,0,1,30,-1031.3622)" id="g3935">
441
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
442
+ style="fill:#000000;fill-opacity:1;stroke:none" />
443
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
444
+ style="fill:#999999;fill-opacity:1;stroke:none" />
445
+ </g>
446
+ <g transform="translate(0,-1031.3622)" id="layer1-0">
447
+ <path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
448
+ <path
449
+ d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
450
+ id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
451
+ <path
452
+ d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
453
+ id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
454
+ <path
455
+ d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
456
+ id="path5412" style="fill:#000000;fill-opacity:1" />
457
+ </g>
458
+ <g transform="translate(7,1)" id="layer3">
459
+ <g id="g5869">
460
+ <path
461
+ d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
462
+ id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
463
+ <path
464
+ d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
465
+ id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
466
+ <path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
467
+ <path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
468
+ <path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
469
+ style="fill:#000000;fill-opacity:1;stroke:none" />
470
+ <path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
471
+ <g id="g5857">
472
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
473
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
474
+ </g>
475
+ <g transform="translate(-7,0)" id="g5861">
476
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
477
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
478
+ </g>
479
+ </g>
480
+ </g>
481
+ <g transform="matrix(-1,0,0,1,35,-1031.3622)" id="g3986">
482
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
483
+ style="fill:#000000;fill-opacity:1;stroke:none" />
484
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
485
+ style="fill:#999999;fill-opacity:1;stroke:none" />
486
+ </g>
487
+ <g transform="matrix(1,0,0,-1,0,1058.3622)" id="g4887">
488
+ <path d="m 1,12 -1,0 0,-2 1,0 0,-1 2,0 0,1 1,0 0,1 2,0 0,4 -2,0 0,-1 -2,0 0,-1 -1,0 z"
489
+ transform="translate(0,1032.3622)" id="path4889" style="fill:#000000;stroke:none" />
490
+ <path d="m 1,12 0,-2 2,0 0,2 3,0 0,2 -2,0 0,-1 -2,0 0,-1 z" transform="translate(0,1032.3622)" id="path4891"
491
+ style="fill:#999999;fill-opacity:1;stroke:none" />
492
+ </g>
493
+ </g>
494
+ </g>
495
+
496
+ <g id="cat-frame5" class="cat-frame">
497
+ <g transform="translate(1,0)" id="g4025">
498
+ <g transform="translate(0,1)" id="g5089">
499
+ <path d="m 3,20 0,-3 1,0 0,-1 1,0 0,-1 3,0 0,3 -1,0 0,1 -1,0 0,1 z" id="path5085"
500
+ style="fill:#000000;stroke:none" />
501
+ <path d="m 4,19 0,-2 1,0 0,-1 2,0 0,2 -1,0 0,1 z" id="path5087" style="fill:#999999;stroke:none" />
502
+ </g>
503
+ <g transform="matrix(-1,0,0,1,20,-1031.3622)" id="g3841">
504
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
505
+ style="fill:#000000;fill-opacity:1;stroke:none" />
506
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
507
+ style="fill:#999999;fill-opacity:1;stroke:none" />
508
+ </g>
509
+ <g transform="matrix(-1,0,0,1,28,-1031.3622)" id="g3935">
510
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
511
+ style="fill:#000000;fill-opacity:1;stroke:none" />
512
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
513
+ style="fill:#999999;fill-opacity:1;stroke:none" />
514
+ </g>
515
+ <g transform="translate(0,-1031.3622)" id="layer1-0">
516
+ <path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
517
+ <path
518
+ d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
519
+ id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
520
+ <path
521
+ d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
522
+ id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
523
+ <path
524
+ d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
525
+ id="path5412" style="fill:#000000;fill-opacity:1" />
526
+ </g>
527
+ <g transform="translate(6,1)" id="layer3">
528
+ <g id="g5869">
529
+ <path
530
+ d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
531
+ id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
532
+ <path
533
+ d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
534
+ id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
535
+ <path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
536
+ <path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
537
+ <path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
538
+ style="fill:#000000;fill-opacity:1;stroke:none" />
539
+ <path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
540
+ <g id="g5857">
541
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
542
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
543
+ </g>
544
+ <g transform="translate(-7,0)" id="g5861">
545
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
546
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
547
+ </g>
548
+ </g>
549
+ </g>
550
+ <g transform="matrix(-1,0,0,1,33,-1031.3622)" id="g3986">
551
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3988"
552
+ style="fill:#000000;fill-opacity:1;stroke:none" />
553
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3990"
554
+ style="fill:#999999;fill-opacity:1;stroke:none" />
555
+ </g>
556
+ <g transform="translate(0,1)" id="g5097">
557
+ <path d="M -1,11 -1,9 0,9 0,8 4,8 4,9 6,9 6,13 4,13 4,12 1,12 1,11 z" id="path5093"
558
+ style="fill:#000000;stroke:none" />
559
+ <path d="m 0,10 0,-1 3,0 0,1 2,0 0,1 1,0 0,1 -1,0 0,-1 -4,0 0,-1 z" id="path5095"
560
+ style="fill:#999999;stroke:none" />
561
+ </g>
562
+ </g>
563
+ </g>
564
+
565
+ <g id="cat-frame6" class="cat-frame">
566
+ <g transform="translate(1,0)" id="g3968">
567
+ <g transform="translate(0,1)" id="g5089">
568
+ <path d="m 3,20 0,-3 1,0 0,-1 1,0 0,-1 3,0 0,3 -1,0 0,1 -1,0 0,1 z" id="path5085"
569
+ style="fill:#000000;stroke:none" />
570
+ <path d="m 4,19 0,-2 1,0 0,-1 1,0 0,1 1,0 0,1 -1,0 0,1 z" id="path5087" style="fill:#999999;stroke:none" />
571
+ </g>
572
+ <g transform="matrix(-1,0,0,1,32,-1031.3622)" id="g3982">
573
+ <path d="m 5,20 0,-3 1,0 0,-1 3,0 0,3 -1,0 0,1 z" transform="translate(0,1032.3622)" id="path3977"
574
+ style="fill:#000000;fill-opacity:1;stroke:none" />
575
+ <path d="m 6,17 2,0 0,2 -2,0 z" transform="translate(0,1032.3622)" id="rect3979"
576
+ style="fill:#999999;fill-opacity:1;stroke:none" />
577
+ </g>
578
+ <g transform="translate(3,-1031.3622)" id="g3841">
579
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3836"
580
+ style="fill:#000000;fill-opacity:1;stroke:none" />
581
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="rect3838"
582
+ style="fill:#999999;fill-opacity:1;stroke:none" />
583
+ </g>
584
+ <g transform="translate(12,-1031.3622)" id="g3935">
585
+ <path d="m 6,50 0,-2 4,0 0,1 -1,0 0,1 z" transform="translate(0,1002.3622)" id="path3937"
586
+ style="fill:#000000;fill-opacity:1;stroke:none" />
587
+ <path d="m 7,48 2,0 0,1 -2,0 z" transform="translate(0,1002.3622)" id="path3939"
588
+ style="fill:#999999;fill-opacity:1;stroke:none" />
589
+ </g>
590
+ <g transform="translate(0,-1031.3622)" id="layer1-0">
591
+ <path d="m 7,1033.3622 19,0 0,16 -19,0 z" id="rect5270" style="fill:#ffcc99;fill-opacity:1" />
592
+ <path
593
+ d="m 8,1046.3622 0,-10 1,0 0,-1 1,0 0,-1 13,0 0,1 1,0 0,1 1,0 0,10 -1,0 0,1 -1,0 0,1 -13,0 0,-1 -1,0 0,-1 z"
594
+ id="path5272" style="fill:#ff99ff;fill-opacity:1;stroke:none" />
595
+ <path
596
+ d="m 22,1037.3622 1,0 0,1 -1,0 z m -4,-2 1,0 0,1 -1,0 z m -3,0 1,0 0,1 -1,0 z m -1,4 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m -2,3 1,0 0,1 -1,0 z m -2,-4 1,0 0,1 -1,0 z m -2,2 1,0 0,1 -1,0 z m 1,3 1,0 0,1 -1,0 z m 0,-10 1,0 0,1 -1,0 z"
597
+ id="rect5030-3-6" style="fill:#ff3399;fill-opacity:1" />
598
+ <path
599
+ d="m 8,1049.3622 17,0 0,1 -17,0 z m 0,-17 17,0 0,1 -17,0 z m 18,16 0,-14 1,0 0,14 z m -20,0 0,-14 1,0 0,14 z m 1,0 1,0 0,1 -1,0 z m 0,-15 1,0 0,1 -1,0 z m 18,0 1,0 0,1 -1,0 z m 0,15 1,0 0,1 -1,0 z"
600
+ id="path5412" style="fill:#000000;fill-opacity:1" />
601
+ </g>
602
+ <g transform="translate(6,0)" id="layer3">
603
+ <g id="g5869">
604
+ <path
605
+ d="m 11,15 0,-5 1,0 0,-4 2,0 0,1 1,0 0,1 1,0 0,1 4,0 0,-1 1,0 0,-1 1,0 0,-1 2,0 0,4 1,0 0,5 -1,0 0,1 -1,0 0,1 -10,0 0,-1 -1,0 0,-1 z"
606
+ id="path5777" style="fill:#999999;fill-opacity:1;stroke:none" />
607
+ <path
608
+ d="m 23,16 1,0 0,1 -1,0 z m 1,-1 1,0 0,1 -1,0 z m 1,-5 1,0 0,5 -1,0 z m -1,-4 1,0 0,4 -1,0 z m -2,-1 2,0 0,1 -2,0 z m -6,3 4,0 0,1 -4,0 z m -4,-3 2,0 0,1 -2,0 z m -1,1 1,0 0,4 -1,0 z m -1,4 1,0 0,5 -1,0 z m 11,-4 1,0 0,1 -1,0 z m -1,1 1,0 0,1 -1,0 z m -5,0 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z m -1,11 10,0 0,1 -10,0 z m -1,-1 1,0 0,1 -1,0 z m -1,-1 1,0 0,1 -1,0 z"
609
+ id="rect5496-38" style="fill:#000000;fill-opacity:1;stroke:none" />
610
+ <path d="m 12,13 2,0 0,2 -2,0 z" id="rect5779" style="fill:#ff9999;fill-opacity:1;stroke:none" />
611
+ <path d="m 23,13 2,0 0,2 -2,0 z" id="rect5781" style="fill:#ff9999;fill-opacity:1;stroke:none" />
612
+ <path d="m 15,16 0,-2 1,0 0,1 2,0 0,-1 1,0 0,1 2,0 0,-1 1,0 0,2 z" id="path5785"
613
+ style="fill:#000000;fill-opacity:1;stroke:none" />
614
+ <path d="m 19,12 1,0 0,1 -1,0 z" id="rect5787" style="fill:#000000;fill-opacity:1;stroke:none" />
615
+ <g id="g5857">
616
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5795" style="fill:#000000;fill-opacity:1;stroke:none" />
617
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5797" style="fill:#ffffff;fill-opacity:1;stroke:none" />
618
+ </g>
619
+ <g transform="translate(-7,0)" id="g5861">
620
+ <path d="m 21,13 0,-1 1,0 0,-1 1,0 0,2 z" id="path5863" style="fill:#000000;fill-opacity:1;stroke:none" />
621
+ <path d="m 21,11 1,0 0,1 -1,0 z" id="path5865" style="fill:#ffffff;fill-opacity:1;stroke:none" />
622
+ </g>
623
+ </g>
624
+ </g>
625
+ <g transform="translate(0,-1033.3622)" id="g3996">
626
+ <path d="m 1,12 -1,0 0,-2 1,0 0,-1 2,0 0,1 1,0 0,1 2,0 0,4 -2,0 0,-1 -2,0 0,-1 -1,0 z"
627
+ transform="translate(0,1032.3622)" id="path3992" style="fill:#000000;stroke:none" />
628
+ <path d="m 1,12 0,-2 2,0 0,2 3,0 0,2 -2,0 0,-1 -2,0 0,-1 z" transform="translate(0,1032.3622)" id="path3994"
629
+ style="fill:#999999;fill-opacity:1;stroke:none" />
630
+ </g>
631
+ </g>
632
+ </g>
633
+ </svg>
634
+ </svg>