@wix/design-system-illustrations 2.35.3 → 2.36.0

package/dist/esm/animated/animated.global.css

@@ -2140,123 +2140,116 @@
 }
 
 .ResponsiveBehaviorElementsFixed-root {
-  --color-1: #303030;
-  --color-2: #002294;
-  --color-3: #B8C4FF;
-  --color-4: #F8F6F6;
-  --color-5: #EAEFFF;
+  --color-1: #B8C4FF;
+  --color-2: #303030;
+  --color-3: #EAEFFF;
+  --color-4: #002294;
+  --color-5: #f8f6f6;
+  --color-6: #0d8ae0;
 }
 
-.ResponsiveBehaviorElementsFixed-Frame-2147240028 {
+.ResponsiveBehaviorElementsFixed-Vector_4 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorElementsFixed-Frame-2147240028-transform 3375ms linear infinite both;
+  animation: ResponsiveBehaviorElementsFixed-Vector_4-transform 3375ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorElementsFixed-Frame-2147240028-transform {
+@keyframes ResponsiveBehaviorElementsFixed-Vector_4-transform {
   0% {
-    transform: scale(0.56, 0.56);
+    transform: translate(-37.2px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  49.392593% {
-    transform: scale(1, 1);
+  49.382716% {
+    transform: translate(0px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  98.755556% {
-    transform: scale(0.56, 0.56);
+  98.765432% {
+    transform: translate(-37.2px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: scale(0.56, 0.56);
+    transform: translate(-37.2px, 0px);
   }
 }
 
-.ResponsiveBehaviorElementsFixed-node-14-3 {
+.ResponsiveBehaviorElementsFixed-Vector_5 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorElementsFixed-node-14-3-transform 3375ms linear infinite both;
+  animation: ResponsiveBehaviorElementsFixed-Vector_5-transform 3375ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorElementsFixed-node-14-3-transform {
+@keyframes ResponsiveBehaviorElementsFixed-Vector_5-transform {
   0% {
-    transform: translate(37px, -0.081044px);
+    transform: translate(37.2px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   49.382716% {
-    transform: translate(0px, -0.081044px);
+    transform: translate(0px, 0px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   98.765432% {
-    transform: translate(37px, -0.081044px);
+    transform: translate(37.2px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: translate(37px, -0.081044px);
+    transform: translate(37.2px, 0px);
   }
 }
 
-.ResponsiveBehaviorElementsFixed-node-15 {
+.ResponsiveBehaviorElementsFixed-rect-msbreia1-12 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorElementsFixed-node-15-transform 3375ms linear infinite both;
+  animation: ResponsiveBehaviorElementsFixed-rect-msbreia1-12-transform 3375ms linear infinite both;
+}
+
+.ResponsiveBehaviorElementsFixed-rect-msbreia1-12-shape {
+  animation:
+    ResponsiveBehaviorElementsFixed-rect-msbreia1-12-width 3375ms linear infinite both,
+    ResponsiveBehaviorElementsFixed-rect-msbreia1-12-height 3375ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorElementsFixed-node-15-transform {
+@keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-transform {
   0% {
-    transform: translate(-37px, 0px);
+    transform: translate(-23.6px, 8px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   49.382716% {
-    transform: translate(0px, 0px);
+    transform: translate(13.5px, 8px);
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   98.765432% {
-    transform: translate(-37px, 0px);
+    transform: translate(-23.6px, 8px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: translate(-37px, 0px);
+    transform: translate(-23.6px, 8px);
   }
 }
 
-.ResponsiveBehaviorElementsFixed-node-3 {
-  transform-box: fill-box;
-  transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorElementsFixed-node-3-transform 3375ms linear infinite both;
-}
-
-.ResponsiveBehaviorElementsFixed-node-3-shape {
-  animation: ResponsiveBehaviorElementsFixed-node-3-width 3375ms linear infinite both;
-}
-
-@keyframes ResponsiveBehaviorElementsFixed-node-3-transform {
+@keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-width {
   0% {
-    transform: translate(0px, 0px);
+    width: 147px;
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  49.392593% {
-    transform: translate(-37px, 0px);
+  49.382716% {
+    width: 73px;
     animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  98.755556% {
-    transform: translate(0px, 0px);
+  98.765432% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
   }
   100% {
-    transform: translate(0px, 0px);
+    width: 147px;
   }
 }
 
-@keyframes ResponsiveBehaviorElementsFixed-node-3-width {
+@keyframes ResponsiveBehaviorElementsFixed-rect-msbreia1-12-height {
   0% {
-    width: 73px;
-    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
-  }
-  49.392593% {
-    width: 147px;
-    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
-  }
-  98.755556% {
-    width: 73px;
+    height: 81px;
   }
   100% {
-    width: 73px;
+    height: 81px;
   }
 }
     
@@ -3503,67 +3496,79 @@
 }
 
 .ResponsiveBehaviorHeaderFadeOut-root {
-  --color-1: #B8C4FF;
-  --color-2: #002294;
-  --color-3: white;
-  --color-4: #2D2D2E;
+  --color-1: #002294;
+  --color-2: #B8C4FF;
+  --color-3: #F8F6F6;
+  --color-4: #D9D9D9;
+  --color-5: #303030;
 }
 
-.ResponsiveBehaviorHeaderFadeOut-Line-9 {
-  transform-box: fill-box;
-  transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorHeaderFadeOut-Line-9-transform 3200ms linear infinite both;
+.ResponsiveBehaviorHeaderFadeOut-Group-2147222209 {
+  animation: ResponsiveBehaviorHeaderFadeOut-Group-2147222209-opacity 3360ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorHeaderFadeOut-Line-9-transform {
+@keyframes ResponsiveBehaviorHeaderFadeOut-Group-2147222209-opacity {
   0% {
-    transform: translate(0px, 0.871px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+    opacity: 1;
+    animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
   }
-  50% {
-    transform: translate(0px, 19px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+  23.809524% {
+    opacity: 0;
+  }
+  71.428571% {
+    opacity: 0;
+    animation-timing-function: cubic-bezier(0, 0, 0.404119, 1);
+  }
+  95.238095% {
+    opacity: 1;
   }
   100% {
-    transform: translate(0px, 0.871px);
+    opacity: 1;
   }
 }
 
-.ResponsiveBehaviorHeaderFadeOut-import-ms1xlqss-3 {
-  animation: ResponsiveBehaviorHeaderFadeOut-import-ms1xlqss-3-opacity 3200ms linear infinite both;
+.ResponsiveBehaviorHeaderFadeOut-import-msvsnwyw-7 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ResponsiveBehaviorHeaderFadeOut-import-msvsnwyw-7-transform 3360ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorHeaderFadeOut-import-ms1xlqss-3-opacity {
+@keyframes ResponsiveBehaviorHeaderFadeOut-import-msvsnwyw-7-transform {
   0% {
-    opacity: 1;
-    animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
+    transform: translate(41px, 23px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  25% {
-    opacity: 0;
+  49.613095% {
+    transform: translate(41px, -106.4px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  75% {
-    opacity: 0;
-    animation-timing-function: cubic-bezier(0, 0, 0.404119, 1);
+  95.238095% {
+    transform: translate(41px, 23px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    opacity: 1;
+    transform: translate(41px, 23px);
   }
 }
 
-.ResponsiveBehaviorHeaderFadeOut-node-2 {
+.ResponsiveBehaviorHeaderFadeOut-node-2-3 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorHeaderFadeOut-node-2-transform 3200ms linear infinite both;
+  animation: ResponsiveBehaviorHeaderFadeOut-node-2-3-transform 3360ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorHeaderFadeOut-node-2-transform {
+@keyframes ResponsiveBehaviorHeaderFadeOut-node-2-3-transform {
   0% {
     transform: translate(0px, 0px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  50% {
-    transform: translate(0px, -56.984px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+  49.613095% {
+    transform: translate(0px, 31.965px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  95.238095% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
     transform: translate(0px, 0px);
@@ -3579,68 +3584,119 @@
 }
 
 .ResponsiveBehaviorHeaderFreeze-root {
-  --color-1: #B8C4FF;
-  --color-2: #002294;
-  --color-3: white;
-  --color-4: #2D2D2E;
+  --color-1: #002294;
+  --color-2: #B8C4FF;
+  --color-3: #F8F6F6;
+  --color-4: #D9D9D9;
+  --color-5: #303030;
 }
 
-.ResponsiveBehaviorHeaderFreeze-Line-9 {
+.ResponsiveBehaviorHeaderFreeze-import-msvsnwyw-7 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorHeaderFreeze-Line-9-transform 3240ms linear infinite both;
+  animation: ResponsiveBehaviorHeaderFreeze-import-msvsnwyw-7-transform 3360ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorHeaderFreeze-Line-9-transform {
+@keyframes ResponsiveBehaviorHeaderFreeze-import-msvsnwyw-7-transform {
   0% {
-    transform: translate(0px, 0.871px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+    transform: translate(41px, 23px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  49.382716% {
-    transform: translate(0px, 19px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+  50% {
+    transform: translate(41px, -106.4px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  98.765432% {
-    transform: translate(0px, 0.871px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+  98.809524% {
+    transform: translate(41px, 23px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    transform: translate(0px, 0.871px);
+    transform: translate(41px, 23px);
   }
 }
 
-.ResponsiveBehaviorHeaderFreeze-import-ms1xlqss-3 {
-  animation: ResponsiveBehaviorHeaderFreeze-import-ms1xlqss-3-opacity 3240ms linear infinite both;
+.ResponsiveBehaviorHeaderFreeze-node-2-3 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ResponsiveBehaviorHeaderFreeze-node-2-3-transform 3360ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorHeaderFreeze-import-ms1xlqss-3-opacity {
+@keyframes ResponsiveBehaviorHeaderFreeze-node-2-3-transform {
   0% {
-    opacity: 1;
-    animation-timing-function: cubic-bezier(0.6, 0, 1, 1);
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  50% {
+    transform: translate(0px, 31.965px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.809524% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
-    opacity: 1;
+    transform: translate(0px, 0px);
   }
 }
+    
+
+/* ResponsiveBehaviorHeaderScrollWithSite */
+
+.ResponsiveBehaviorHeaderScrollWithSite-root {
+  max-width: 100%;
+  height: auto;
+}
+
+.ResponsiveBehaviorHeaderScrollWithSite-root {
+  --color-1: #002294;
+  --color-2: #B8C4FF;
+  --color-3: #F8F6F6;
+  --color-4: #D9D9D9;
+  --color-5: #303030;
+}
 
-.ResponsiveBehaviorHeaderFreeze-node-2 {
+.ResponsiveBehaviorHeaderScrollWithSite-import-msvsnwyw-7 {
   transform-box: fill-box;
   transform-origin: 50% 50%;
-  animation: ResponsiveBehaviorHeaderFreeze-node-2-transform 3240ms linear infinite both;
+  animation: ResponsiveBehaviorHeaderScrollWithSite-import-msvsnwyw-7-transform 3360ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorHeaderFreeze-node-2-transform {
+@keyframes ResponsiveBehaviorHeaderScrollWithSite-import-msvsnwyw-7-transform {
+  0% {
+    transform: translate(41px, 23px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  50% {
+    transform: translate(41px, -106.4px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.809524% {
+    transform: translate(41px, 23px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  100% {
+    transform: translate(41px, 23px);
+  }
+}
+
+.ResponsiveBehaviorHeaderScrollWithSite-node-2-3 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ResponsiveBehaviorHeaderScrollWithSite-node-2-3-transform 3360ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorHeaderScrollWithSite-node-2-3-transform {
   0% {
     transform: translate(0px, 0px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  49.382716% {
-    transform: translate(0px, -56.984px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+  50% {
+    transform: translate(0px, 31.965px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
-  98.765432% {
+  98.809524% {
     transform: translate(0px, 0px);
-    animation-timing-function: cubic-bezier(0.799789, 0, 0.200211, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
   }
   100% {
     transform: translate(0px, 0px);
@@ -4019,6 +4075,235 @@
 }
     
 
+/* ResponsiveBehaviorSectionAutoHeight */
+
+.ResponsiveBehaviorSectionAutoHeight-root {
+  max-width: 100%;
+  height: auto;
+}
+
+.ResponsiveBehaviorSectionAutoHeight-root {
+  --color-1: #002294;
+  --color-2: #B8C4FF;
+  --color-3: #303030;
+  --color-4: #EAEFFF;
+  --color-5: #f8f6f6;
+  --color-6: #0d8ae0;
+}
+
+.ResponsiveBehaviorSectionAutoHeight-Group-2147222115 {
+  transform-box: fill-box;
+  transform-origin: 73.5px 49px;
+  animation: ResponsiveBehaviorSectionAutoHeight-Group-2147222115-transform 3375ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-Group-2147222115-transform {
+  0% {
+    transform: scale(1, 1);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  49.382716% {
+    transform: scale(0.61, 0.61);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  98.765432% {
+    transform: scale(1, 1);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+}
+
+.ResponsiveBehaviorSectionAutoHeight-Vector {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ResponsiveBehaviorSectionAutoHeight-Vector-transform 3375ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-Vector-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  49.382716% {
+    transform: translate(28.7px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  98.765432% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ResponsiveBehaviorSectionAutoHeight-Vector_2 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ResponsiveBehaviorSectionAutoHeight-Vector_2-transform 3375ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-Vector_2-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  49.382716% {
+    transform: translate(-28.7px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  98.765432% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ResponsiveBehaviorSectionAutoHeight-group-mtiokycx-8 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    ResponsiveBehaviorSectionAutoHeight-group-mtiokycx-8-transform 3375ms linear infinite both,
+    ResponsiveBehaviorSectionAutoHeight-group-mtiokycx-8-opacity 3375ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-group-mtiokycx-8-transform {
+  0% {
+    transform: translate(0px, 3px);
+    animation-timing-function: cubic-bezier(0.602977, 0, 0.397023, 1);
+  }
+  24.681481% {
+    transform: translate(0px, 3px);
+    animation-timing-function: cubic-bezier(0.602977, 0, 0.397023, 1);
+  }
+  49.382716% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.602977, 0, 0.397023, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-group-mtiokycx-8-opacity {
+  0% {
+    opacity: 0;
+  }
+  24.681481% {
+    opacity: 0;
+  }
+  37.037037% {
+    opacity: 1;
+  }
+  49.382716% {
+    opacity: 1;
+  }
+  61.728395% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+.ResponsiveBehaviorSectionAutoHeight-group-mtiol0y9-9 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    ResponsiveBehaviorSectionAutoHeight-group-mtiol0y9-9-transform 3375ms linear infinite both,
+    ResponsiveBehaviorSectionAutoHeight-group-mtiol0y9-9-opacity 3375ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-group-mtiol0y9-9-transform {
+  0% {
+    transform: translate(0px, -3px);
+    animation-timing-function: cubic-bezier(0.602977, 0, 0.397023, 1);
+  }
+  24.681481% {
+    transform: translate(0px, -3px);
+    animation-timing-function: cubic-bezier(0.602977, 0, 0.397023, 1);
+  }
+  49.382716% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.602977, 0, 0.397023, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-group-mtiol0y9-9-opacity {
+  0% {
+    opacity: 0;
+  }
+  24.681481% {
+    opacity: 0;
+  }
+  37.037037% {
+    opacity: 1;
+  }
+  49.382716% {
+    opacity: 1;
+  }
+  61.728395% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+.ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12-transform 3375ms linear infinite both;
+}
+
+.ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12-shape {
+  animation: ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12-width 3375ms linear infinite both;
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12-transform {
+  0% {
+    transform: translate(-31.8px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  49.382716% {
+    transform: translate(-3.2475px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  98.765432% {
+    transform: translate(-31.7475px, 0px);
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  100% {
+    transform: translate(-31.7475px, 0px);
+  }
+}
+
+@keyframes ResponsiveBehaviorSectionAutoHeight-rect-msbreia1-12-width {
+  0% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  49.382716% {
+    width: 90px;
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  98.765432% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0.799699, 0, 0.200301, 1);
+  }
+  100% {
+    width: 147px;
+  }
+}
+    
+
 /* ResponsiveBehaviorSectionFixedHeight */
 
 .ResponsiveBehaviorSectionFixedHeight-root {
@@ -5533,11 +5818,11 @@
   }
 }
 
-.ResponsiveBehaviorWarp-node-1-5 {
-  animation: ResponsiveBehaviorWarp-node-1-5-opacity 3417ms linear infinite both;
+.node-1-5 {
+  animation: node-1-5-opacity 3417ms linear infinite both;
 }
 
-@keyframes ResponsiveBehaviorWarp-node-1-5-opacity {
+@keyframes node-1-5-opacity {
   0% {
     opacity: 1;
   }