@wix/design-system-illustrations 2.26.0 → 2.27.0

package/dist/cjs/animated/animated.css

@@ -1,17 +1,381 @@
-/* ThumbnailScale */
+/* ElementsFixedHeight */
 
-      .ThumbnailScale-root {
+.ElementsFixedHeight-root {
+  max-width: 100%;
+  height: auto;
+}
+
+.ElementsFixedHeight-group-mrw4nj39-4 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedHeight-group-mrw4nj39-4-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-group-mrw4nj39-4-transform {
+  0% {
+    transform: scale(1, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: scale(0.56, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: scale(1, 1);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+}
+
+.ElementsFixedHeight-node-10-3 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedHeight-node-10-3-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-node-10-3-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(9px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ElementsFixedHeight-node-14-3 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedHeight-node-14-3-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-node-14-3-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ElementsFixedHeight-node-15 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedHeight-node-15-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-node-15-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ElementsFixedHeight-node-4-3 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    ElementsFixedHeight-node-4-3-transform 3375ms linear infinite both,
+    ElementsFixedHeight-node-4-3-width 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-node-4-3-transform {
+  0% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(-37px, 0px);
+  }
+}
+
+@keyframes ElementsFixedHeight-node-4-3-width {
+  0% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    width: 73px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    width: 147px;
+  }
+}
+
+.ElementsFixedHeight-node-7-3 {
+  animation:
+    ElementsFixedHeight-node-7-3-width 3375ms linear infinite both,
+    ElementsFixedHeight-node-7-3-height 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-node-7-3-width {
+  0% {
+    width: 100px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  100% {
+    width: 100px;
+  }
+}
+
+@keyframes ElementsFixedHeight-node-7-3-height {
+  0% {
+    height: 58px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  100% {
+    height: 58px;
+  }
+}
+.ElementsFixedHeight-crop-node-16 {
+  animation: ElementsFixedHeight-crop-node-16-clip 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedHeight-crop-node-16-clip {
+  0% {
+    clip-path: inset(34.3901px 67.7031px 34.6099px 68.2969px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    clip-path: inset(34.3901px 91.7031px 34.6099px 92.2969px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    clip-path: inset(34.3901px 67.7031px 34.6099px 68.2969px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    clip-path: inset(34.3901px 67.7031px 34.6099px 68.2969px round 4px) view-box;
+  }
+}
+    
+
+/* ElementsFixedMargins */
+
+.ElementsFixedMargins-root {
+  max-width: 100%;
+  height: auto;
+}
+
+.ElementsFixedMargins-group-mrx7juoz-d {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedMargins-group-mrx7juoz-d-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedMargins-group-mrx7juoz-d-transform {
+  0% {
+    transform: translate(0px, 0px) scale(1, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, -3px) scale(0.38, 0.45);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px) scale(1, 1);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px) scale(1, 1);
+  }
+}
+
+.ElementsFixedMargins-node-11 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedMargins-node-11-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedMargins-node-11-transform {
+  0% {
+    transform: translate(0px, 0px) scale(1, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(10px, 10px) scale(0.43, 0.43);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px) scale(1, 1);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px) scale(1, 1);
+  }
+}
+
+.ElementsFixedMargins-node-4 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    ElementsFixedMargins-node-4-transform 3375ms linear infinite both,
+    ElementsFixedMargins-node-4-width 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedMargins-node-4-transform {
+  0% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(-37px, 0px);
+  }
+}
+
+@keyframes ElementsFixedMargins-node-4-width {
+  0% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    width: 73px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    width: 147px;
+  }
+}
+
+.ElementsFixedMargins-node-5 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedMargins-node-5-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedMargins-node-5-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ElementsFixedMargins-node-6 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: ElementsFixedMargins-node-6-transform 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedMargins-node-6-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.ElementsFixedMargins-crop-mrxa8x22-k {
+  animation: ElementsFixedMargins-crop-mrxa8x22-k-clip 3375ms linear infinite both;
+}
+
+@keyframes ElementsFixedMargins-crop-mrxa8x22-k-clip {
+  0% {
+    clip-path: inset(34.5px 68px 34.5px 68px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    clip-path: inset(49.5px 99px 49.5px 99px round 3px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    clip-path: inset(34.5px 68px 34.5px 68px round 4px) view-box;
+  }
+  100% {
+    clip-path: inset(34.5px 68px 34.5px 68px round 4px) view-box;
+  }
+}
+    
+
+/* ElementsScale */
+
+      .ElementsScale-root {
         max-width: 100%;
         height: auto;
       }
 
-      .ThumbnailScale-Frame-2147240028 {
+      .ElementsScale-Frame-2147240028 {
         transform-box: fill-box;
         transform-origin: 50% 50%;
-        animation: ThumbnailScale-Frame-2147240028-transform 3417ms linear infinite both;
+        animation: ElementsScale-Frame-2147240028-transform 3417ms linear infinite both;
       }
 
-      @keyframes ThumbnailScale-Frame-2147240028-transform {
+      @keyframes ElementsScale-Frame-2147240028-transform {
         0% {
           transform: scale(0.56, 0.56);
           animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
@@ -32,13 +396,13 @@
         }
       }
 
-      .ThumbnailScale-Vector_4 {
+      .ElementsScale-Vector_4 {
         transform-box: fill-box;
         transform-origin: 50% 50%;
-        animation: ThumbnailScale-Vector_4-transform 3417ms linear infinite both;
+        animation: ElementsScale-Vector_4-transform 3417ms linear infinite both;
       }
 
-      @keyframes ThumbnailScale-Vector_4-transform {
+      @keyframes ElementsScale-Vector_4-transform {
         0% {
           transform: translate(37px, 0px);
           animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
@@ -55,13 +419,13 @@
         }
       }
 
-      .ThumbnailScale-Vector_5 {
+      .ElementsScale-Vector_5 {
         transform-box: fill-box;
         transform-origin: 50% 50%;
-        animation: ThumbnailScale-Vector_5-transform 3417ms linear infinite both;
+        animation: ElementsScale-Vector_5-transform 3417ms linear infinite both;
       }
 
-      @keyframes ThumbnailScale-Vector_5-transform {
+      @keyframes ElementsScale-Vector_5-transform {
         0% {
           transform: translate(-37px, 0px);
           animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
@@ -78,15 +442,15 @@
         }
       }
 
-      .ThumbnailScale-node-3 {
+      .ElementsScale-node-3 {
         transform-box: fill-box;
         transform-origin: 50% 50%;
         animation:
-          ThumbnailScale-node-3-transform 3417ms linear infinite both,
-          ThumbnailScale-node-3-width 3417ms linear infinite both;
+          ElementsScale-node-3-transform 3417ms linear infinite both,
+          ElementsScale-node-3-width 3417ms linear infinite both;
       }
 
-      @keyframes ThumbnailScale-node-3-transform {
+      @keyframes ElementsScale-node-3-transform {
         0% {
           transform: translate(0px, 0px);
           animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
@@ -103,7 +467,7 @@
         }
       }
 
-      @keyframes ThumbnailScale-node-3-width {
+      @keyframes ElementsScale-node-3-width {
         0% {
           width: 73px;
           animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
@@ -119,4 +483,481 @@
           width: 73px;
         }
       }
+    
+
+/* SectionFixedHeight */
+
+.SectionFixedHeight-root {
+  max-width: 100%;
+  height: auto;
+}
+
+.SectionFixedHeight-node-11 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionFixedHeight-node-11-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionFixedHeight-node-11-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(38px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionFixedHeight-node-3-2 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    SectionFixedHeight-node-3-2-transform 3375ms linear infinite both,
+    SectionFixedHeight-node-3-2-width 3375ms linear infinite both;
+}
+
+@keyframes SectionFixedHeight-node-3-2-transform {
+  0% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(-37px, 0px);
+  }
+}
+
+@keyframes SectionFixedHeight-node-3-2-width {
+  0% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    width: 73px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    width: 147px;
+  }
+}
+
+.SectionFixedHeight-node-4 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionFixedHeight-node-4-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionFixedHeight-node-4-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionFixedHeight-node-5 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionFixedHeight-node-5-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionFixedHeight-node-5-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionFixedHeight-node-8 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionFixedHeight-node-8-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionFixedHeight-node-8-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+.SectionFixedHeight-crop-node-7-3 {
+  animation: SectionFixedHeight-crop-node-7-3-clip 3375ms linear infinite both;
+}
+
+@keyframes SectionFixedHeight-crop-node-7-3-clip {
+  0% {
+    clip-path: inset(33.498px 44.3135px 33.4976px 44.6865px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    clip-path: inset(33.498px 81.3135px 33.4976px 81.6865px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    clip-path: inset(33.498px 44.3135px 33.4976px 44.6865px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    clip-path: inset(33.498px 44.3135px 33.4976px 44.6865px round 4px) view-box;
+  }
+}
+    
+
+/* SectionScale */
+
+.SectionScale-root {
+  max-width: 100%;
+  height: auto;
+}
+
+.SectionScale-node-11 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionScale-node-11-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-11-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(38px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionScale-node-12 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    SectionScale-node-12-transform 3375ms linear infinite both,
+    SectionScale-node-12-width 3375ms linear infinite both,
+    SectionScale-node-12-height 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-12-transform {
+  0% {
+    transform: translate(-8.36475px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, -12px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(-8.36475px, 0px);
+  }
+  100% {
+    transform: translate(-8.36475px, 0px);
+  }
+}
+
+@keyframes SectionScale-node-12-width {
+  0% {
+    width: 49.7295px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    width: 33px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    width: 49.7295px;
+  }
+  100% {
+    width: 49.7295px;
+  }
+}
+
+@keyframes SectionScale-node-12-height {
+  0% {
+    height: 1.5px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    height: 1.5px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    height: 1.5px;
+  }
+  100% {
+    height: 1.5px;
+  }
+}
+
+.SectionScale-node-13 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    SectionScale-node-13-transform 3375ms linear infinite both,
+    SectionScale-node-13-width 3375ms linear infinite both,
+    SectionScale-node-13-height 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-13-transform {
+  0% {
+    transform: translate(-4.5626px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, -13px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(-4.5626px, 0px);
+  }
+  100% {
+    transform: translate(-4.5626px, 0px);
+  }
+}
+
+@keyframes SectionScale-node-13-width {
+  0% {
+    width: 27.1252px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    width: 18px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    width: 27.1252px;
+  }
+  100% {
+    width: 27.1252px;
+  }
+}
+
+@keyframes SectionScale-node-13-height {
+  0% {
+    height: 1.5px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    height: 1.5px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    height: 1.5px;
+  }
+  100% {
+    height: 1.5px;
+  }
+}
+
+.SectionScale-node-14 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionScale-node-14-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-14-transform {
+  0% {
+    transform: translate(0px, 0px) scale(1, 1);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, -10px) scale(0.72, 0.72);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px) scale(1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px) scale(1, 1);
+  }
+}
+
+.SectionScale-node-3-2 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation:
+    SectionScale-node-3-2-transform 3375ms linear infinite both,
+    SectionScale-node-3-2-width 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-3-2-transform {
+  0% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(-37px, 0px);
+  }
+}
+
+@keyframes SectionScale-node-3-2-width {
+  0% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    width: 73px;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    width: 147px;
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    width: 147px;
+  }
+}
+
+.SectionScale-node-4 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionScale-node-4-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-4-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionScale-node-5 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionScale-node-5-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-5-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(-37px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionScale-node-8 {
+  transform-box: fill-box;
+  transform-origin: 50% 50%;
+  animation: SectionScale-node-8-transform 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-node-8-transform {
+  0% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    transform: translate(0px, -28px);
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    transform: translate(0px, 0px);
+    animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
+}
+
+.SectionScale-crop-mrxanv9k-m {
+  animation: SectionScale-crop-mrxanv9k-m-clip 3375ms linear infinite both;
+}
+
+@keyframes SectionScale-crop-mrxanv9k-m-clip {
+  0% {
+    clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  49.392593% {
+    clip-path: inset(33.5px 81.5px 63.5px 81.5px round 4px) view-box;
+    animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
+  }
+  98.755556% {
+    clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
+  }
+  100% {
+    clip-path: inset(33.5px 44.5px 33.5px 44.5px round 4px) view-box;
+  }
+}