@bendyline/squisq-editor-react 2.11.20 → 2.11.22

package/dist/styles/index.css

@@ -97,6 +97,16 @@
 .fa-width-fixed {
   --fa-width:1.25em;
 }
+.fa-canvas-square {
+  padding-block: .125em;
+  margin-block-end: -.125em;
+}
+.fa-canvas-roomy {
+  padding-block: .25em;
+  padding-inline: .125em;
+  margin-block-end: -.25em;
+  box-sizing: content-box;
+}
 .fa-ul {
   list-style-type: none;
   margin-inline-start: var(--fa-li-margin,2.5em);
@@ -147,7 +157,7 @@
 .fa-fade {
   animation-name: fa-fade;
   animation-iteration-count: var(--fa-animation-iteration-count,infinite);
-  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
+  animation-timing-function: var(--fa-animation-timing,ease-in-out);
 }
 .fa-beat-fade,
 .fa-fade {
@@ -158,29 +168,37 @@
 .fa-beat-fade {
   animation-name: fa-beat-fade;
   animation-iteration-count: var(--fa-animation-iteration-count,infinite);
-  animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
+  animation-timing-function: var(--fa-animation-timing,ease-in-out);
 }
 .fa-flip {
   animation-name: fa-flip;
+  animation-duration: var(--fa-animation-duration,1.5s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,ease-in-out);
+}
+.fa-flip,
+.fa-flip-360 {
   animation-delay: var(--fa-animation-delay,0s);
   animation-direction: var(--fa-animation-direction,normal);
+}
+.fa-flip-360 {
+  animation-name: fa-flip-360;
   animation-duration: var(--fa-animation-duration,1s);
   animation-iteration-count: var(--fa-animation-iteration-count,infinite);
   animation-timing-function: var(--fa-animation-timing,ease-in-out);
 }
 .fa-shake {
   animation-name: fa-shake;
-  animation-duration: var(--fa-animation-duration,1s);
-  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
-  animation-timing-function: var(--fa-animation-timing,linear);
-}
-.fa-shake,
-.fa-spin {
   animation-delay: var(--fa-animation-delay,0s);
   animation-direction: var(--fa-animation-direction,normal);
+  animation-duration: var(--fa-animation-duration,.75s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,ease-in-out);
 }
 .fa-spin {
   animation-name: fa-spin;
+  animation-delay: var(--fa-animation-delay,0s);
+  animation-direction: var(--fa-animation-direction,normal);
   animation-duration: var(--fa-animation-duration,2s);
   animation-iteration-count: var(--fa-animation-iteration-count,infinite);
   animation-timing-function: var(--fa-animation-timing,linear);
@@ -196,97 +214,267 @@
   animation-iteration-count: var(--fa-animation-iteration-count,infinite);
   animation-timing-function: var(--fa-animation-timing,steps(8));
 }
+.fa-spin-snap {
+  animation-name: fa-spin-snap;
+  animation-duration: var(--fa-animation-duration,3s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,linear);
+}
+.fa-spin-snap,
+.fa-spin-snap-4 {
+  animation-delay: var(--fa-animation-delay,0s);
+  animation-direction: var(--fa-animation-direction,normal);
+}
+.fa-spin-snap-4 {
+  animation-name: fa-spin-snap-4;
+  animation-duration: var(--fa-animation-duration,2.4s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,linear);
+}
+.fa-spin-snap-8 {
+  animation-name: fa-spin-snap-8;
+  animation-duration: var(--fa-animation-duration,4s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,linear);
+}
+.fa-buzz,
+.fa-spin-snap-8 {
+  animation-delay: var(--fa-animation-delay,0s);
+  animation-direction: var(--fa-animation-direction,normal);
+}
+.fa-buzz {
+  animation-name: fa-buzz;
+  animation-duration: var(--fa-animation-duration,.6s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,linear);
+}
+.fa-wag {
+  animation-name: fa-wag;
+  animation-delay: var(--fa-animation-delay,0s);
+  animation-direction: var(--fa-animation-direction,normal);
+  animation-duration: var(--fa-animation-duration,.9s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,ease-out);
+  transform-origin: bottom center;
+}
+.fa-float {
+  animation-name: fa-float;
+  animation-delay: var(--fa-animation-delay,0s);
+  animation-direction: var(--fa-animation-direction,normal);
+  animation-duration: var(--fa-animation-duration,3s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,ease-in-out);
+  will-change: transform;
+}
+.fa-swing {
+  animation-name: fa-swing;
+  animation-duration: var(--fa-animation-duration,1.2s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,ease-out);
+  transform-origin: top center;
+}
+.fa-jello,
+.fa-swing {
+  animation-delay: var(--fa-animation-delay,0s);
+  animation-direction: var(--fa-animation-direction,normal);
+}
+.fa-jello {
+  animation-name: fa-jello;
+  animation-duration: var(--fa-animation-duration,.9s);
+  animation-iteration-count: var(--fa-animation-iteration-count,infinite);
+  animation-timing-function: var(--fa-animation-timing,ease-out);
+}
 @media (prefers-reduced-motion: reduce) {
   .fa-beat,
   .fa-beat-fade,
   .fa-bounce,
+  .fa-buzz,
   .fa-fade,
   .fa-flip,
+  .fa-flip-360,
+  .fa-float,
+  .fa-jello,
   .fa-pulse,
   .fa-shake,
   .fa-spin,
-  .fa-spin-pulse {
+  .fa-spin-pulse,
+  .fa-spin-snap,
+  .fa-spin-snap-4,
+  .fa-spin-snap-8,
+  .fa-swing,
+  .fa-wag {
     animation: none !important;
     transition: none !important;
   }
 }
 @keyframes fa-beat {
-  0%, 90% {
+  0% {
     transform: scale(1);
   }
+  25% {
+    transform: scale(calc(var(--fa-beat-scale, 1.25)*1.25));
+  }
   45% {
-    transform: scale(var(--fa-beat-scale,1.25));
+    transform: scale(calc(var(--fa-beat-scale, 1.22)*1.22));
+  }
+  65% {
+    transform: scale(calc(var(--fa-beat-scale, 1.25)*1.25));
+  }
+  90% {
+    transform: scale(1);
   }
 }
 @keyframes fa-bounce {
   0% {
     transform: scale(1) translateY(0);
+    animation-timing-function: var(--fa-animation-timing);
   }
-  10% {
-    transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0);
+  14% {
+    transform: scale(var(--fa-bounce-start-scale-x,1.06), var(--fa-bounce-start-scale-y,.94)) translateY(var(--fa-bounce-anticipation,3px));
+    animation-timing-function: cubic-bezier(.33, 0, .66, .33);
   }
-  30% {
-    transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
+  32% {
+    transform: scale(var(--fa-bounce-jump-scale-x,.94), var(--fa-bounce-jump-scale-y,1.12)) translateY(calc(var(--fa-bounce-height, .5em)*-1));
+    animation-timing-function: cubic-bezier(.33, .66, .66, 1);
   }
-  50% {
-    transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0);
+  52% {
+    transform: scale(1) translateY(calc(var(--fa-bounce-height, .5em)*-1*1.1));
+    animation-timing-function: cubic-bezier(.5, 0, 1, .5);
   }
-  57% {
-    transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
+  70% {
+    transform: scale(var(--fa-bounce-land-scale-x,1.06), var(--fa-bounce-land-scale-y,.92)) translateY(0);
+    animation-timing-function: cubic-bezier(.33, .33, .66, 1);
   }
-  64% {
-    transform: scale(1) translateY(0);
+  85% {
+    transform: scale(.98, 1.04) translateY(calc(-2px*var(--fa-bounce-rebound, 1)));
+    animation-timing-function: cubic-bezier(.33, 0, .66, 1);
   }
   to {
     transform: scale(1) translateY(0);
   }
 }
 @keyframes fa-fade {
-  50% {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+    animation-timing-function: cubic-bezier(.2, 0, .4, 1);
+  }
+  40% {
     opacity: var(--fa-fade-opacity,.4);
+    transform: scale(.98);
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
   }
 }
 @keyframes fa-beat-fade {
-  0%, to {
+  0% {
     opacity: var(--fa-beat-fade-opacity,.4);
     transform: scale(1);
+    animation-timing-function: cubic-bezier(.2, 0, .4, 1);
   }
-  50% {
+  25% {
+    opacity: calc(var(--fa-beat-fade-opacity, .4) + .4);
+    transform: scale(var(--fa-beat-fade-scale,1.28));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  45% {
     opacity: 1;
-    transform: scale(var(--fa-beat-fade-scale,1.125));
+    transform: scale(var(--fa-beat-fade-scale,1.25));
+    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+  65% {
+    opacity: calc(var(--fa-beat-fade-opacity, .4) + .4);
+    transform: scale(var(--fa-beat-fade-scale,1.28));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  to {
+    opacity: var(--fa-beat-fade-opacity,.4);
+    transform: scale(1);
   }
 }
 @keyframes fa-flip {
+  0% {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
+    animation-timing-function: cubic-bezier(.2, 0, .4, 1);
+  }
+  8% {
+    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale,.95)) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
+    animation-timing-function: cubic-bezier(.33, 0, .66, .33);
+  }
+  35% {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle, -1turn)*0.6));
+    animation-timing-function: linear;
+  }
+  65% {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle, -1turn)*0.5));
+    animation-timing-function: cubic-bezier(.33, .66, .66, 1);
+  }
+  92% {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle, -1turn)*var(--fa-flip-overshoot, 1.04)));
+    animation-timing-function: cubic-bezier(.33, 0, .66, 1);
+  }
+  to {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-1turn));
+  }
+}
+@keyframes fa-flip-360 {
+  0% {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
+    animation-timing-function: cubic-bezier(.2, 0, .4, 1);
+  }
+  8% {
+    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale,.95)) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), 0deg);
+    animation-timing-function: cubic-bezier(.33, 0, .66, .33);
+  }
   50% {
-    transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg));
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle, -1turn)*0.6));
+    animation-timing-function: cubic-bezier(.33, .66, .66, 1);
+  }
+  80% {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), calc(var(--fa-flip-angle, -1turn)*var(--fa-flip-overshoot, 1.04)));
+    animation-timing-function: cubic-bezier(.33, 0, .66, 1);
+  }
+  to {
+    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-1turn));
   }
 }
 @keyframes fa-shake {
   0% {
-    transform: rotate(-15deg);
+    transform: rotate(0deg);
+    animation-timing-function: cubic-bezier(.2, 0, .8, 1);
   }
-  4% {
-    transform: rotate(15deg);
+  8% {
+    transform: rotate(35deg) translateX(1px);
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
   }
-  8%, 24% {
-    transform: rotate(-18deg);
+  20% {
+    transform: rotate(-22deg) translateX(-1px);
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
   }
-  12%, 28% {
-    transform: rotate(18deg);
+  35% {
+    transform: rotate(15deg) translateX(1px);
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
   }
-  16% {
-    transform: rotate(-22deg);
+  50% {
+    transform: rotate(-9deg);
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
   }
-  20% {
-    transform: rotate(22deg);
+  65% {
+    transform: rotate(5deg);
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
   }
-  32% {
-    transform: rotate(-12deg);
+  78% {
+    transform: rotate(-3deg);
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
   }
-  36% {
-    transform: rotate(12deg);
+  90% {
+    transform: rotate(1deg);
+    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
   }
-  40%, to {
+  to {
     transform: rotate(0deg);
   }
 }
@@ -298,6 +486,327 @@
     transform: rotate(1turn);
   }
 }
+@keyframes fa-spin-snap {
+  0% {
+    transform: rotate(0deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  12% {
+    transform: rotate(60deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  16.67% {
+    transform: rotate(60deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  28.67% {
+    transform: rotate(120deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  33.33% {
+    transform: rotate(120deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  45.33% {
+    transform: rotate(180deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  50% {
+    transform: rotate(180deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  62% {
+    transform: rotate(240deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  66.67% {
+    transform: rotate(240deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  78.67% {
+    transform: rotate(300deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  83.33% {
+    transform: rotate(300deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  95.33% {
+    transform: rotate(1turn);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+@keyframes fa-spin-snap-4 {
+  0% {
+    transform: rotate(0deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  15% {
+    transform: rotate(90deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  25% {
+    transform: rotate(90deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  40% {
+    transform: rotate(180deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  50% {
+    transform: rotate(180deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  65% {
+    transform: rotate(270deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  75% {
+    transform: rotate(270deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  90% {
+    transform: rotate(1turn);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+@keyframes fa-spin-snap-8 {
+  0% {
+    transform: rotate(0deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  9% {
+    transform: rotate(45deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  12.5% {
+    transform: rotate(45deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  21.5% {
+    transform: rotate(90deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  25% {
+    transform: rotate(90deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  34% {
+    transform: rotate(135deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  37.5% {
+    transform: rotate(135deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  46.5% {
+    transform: rotate(180deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  50% {
+    transform: rotate(180deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  59% {
+    transform: rotate(225deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  62.5% {
+    transform: rotate(225deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  71.5% {
+    transform: rotate(270deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  75% {
+    transform: rotate(270deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  84% {
+    transform: rotate(315deg);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  87.5% {
+    transform: rotate(315deg);
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+  }
+  96.5% {
+    transform: rotate(1turn);
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+  }
+  to {
+    transform: rotate(1turn);
+  }
+}
+@keyframes fa-buzz {
+  0% {
+    transform: translateX(0) rotate(0deg);
+    animation-timing-function: cubic-bezier(.1, 0, .9, 1);
+  }
+  5% {
+    transform: translateX(var(--fa-buzz-distance,4px)) rotate(.5deg);
+  }
+  10% {
+    transform: translateX(calc(var(--fa-buzz-distance, 4px)*-1)) rotate(-.5deg);
+  }
+  15% {
+    transform: translateX(var(--fa-buzz-distance,4px)) rotate(.3deg);
+  }
+  20% {
+    transform: translateX(calc(var(--fa-buzz-distance, 4px)*-1)) rotate(-.3deg);
+  }
+  25% {
+    transform: translateX(calc(var(--fa-buzz-distance, 4px)*0.7)) rotate(.2deg);
+  }
+  30% {
+    transform: translateX(calc(var(--fa-buzz-distance, 4px)*-1*0.7)) rotate(-.2deg);
+  }
+  35% {
+    transform: translateX(calc(var(--fa-buzz-distance, 4px)*0.4)) rotate(.1deg);
+  }
+  40% {
+    transform: translateX(0) rotate(0deg);
+  }
+  to {
+    transform: translateX(0) rotate(0deg);
+  }
+}
+@keyframes fa-wag {
+  0% {
+    transform: rotate(0deg);
+    animation-timing-function: cubic-bezier(.2, 0, .6, 1);
+  }
+  12% {
+    transform: rotate(var(--fa-wag-angle,12deg));
+    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+  24% {
+    transform: rotate(2deg);
+    animation-timing-function: cubic-bezier(.2, 0, .6, 1);
+  }
+  36% {
+    transform: rotate(calc(var(--fa-wag-angle, 12deg)*0.85));
+    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+  48% {
+    transform: rotate(1deg);
+    animation-timing-function: cubic-bezier(.2, 0, .6, 1);
+  }
+  58% {
+    transform: rotate(calc(var(--fa-wag-angle, 12deg)*0.6));
+    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+  68% {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}
+@keyframes fa-float {
+  0% {
+    transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x,1.02), var(--fa-float-squash-y,.98));
+    animation-timing-function: cubic-bezier(.33, 0, .66, .33);
+  }
+  15% {
+    transform: translateY(calc(var(--fa-float-height, 6px)*-0.4)) translateX(var(--fa-float-drift,1px)) rotate(var(--fa-float-tilt,1deg)) scale(1);
+    animation-timing-function: cubic-bezier(.33, .66, .66, 1);
+  }
+  35% {
+    transform: translateY(calc(var(--fa-float-height, 6px)*-1)) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x,.98), var(--fa-float-stretch-y,1.03));
+    animation-timing-function: cubic-bezier(.5, 0, .5, 0);
+  }
+  50% {
+    transform: translateY(calc(var(--fa-float-height, 6px)*-0.92)) translateX(calc(var(--fa-float-drift, 1px)*-0.5)) rotate(calc(var(--fa-float-tilt, 1deg)*-0.5)) scale(.995, 1.01);
+    animation-timing-function: cubic-bezier(.33, 0, .66, .33);
+  }
+  70% {
+    transform: translateY(calc(var(--fa-float-height, 6px)*-0.3)) translateX(calc(var(--fa-float-drift, 1px)*-1)) rotate(calc(var(--fa-float-tilt, 1deg)*-1)) scale(1);
+    animation-timing-function: cubic-bezier(.33, .66, .66, 1);
+  }
+  90% {
+    transform: translateY(calc(var(--fa-float-height, 6px)*0.05)) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x,1.02), var(--fa-float-squash-y,.98));
+    animation-timing-function: cubic-bezier(.33, 0, .66, 1);
+  }
+  to {
+    transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x,1.02), var(--fa-float-squash-y,.98));
+  }
+}
+@keyframes fa-swing {
+  0% {
+    transform: rotate(0deg);
+    animation-timing-function: cubic-bezier(.2, 0, .8, 1);
+  }
+  8% {
+    transform: rotate(var(--fa-swing-angle,22deg));
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
+  }
+  18% {
+    transform: rotate(calc(var(--fa-swing-angle, 22deg)*-1*0.85));
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
+  }
+  28% {
+    transform: rotate(calc(var(--fa-swing-angle, 22deg)*0.65));
+    animation-timing-function: cubic-bezier(.35, 0, .65, 1);
+  }
+  38% {
+    transform: rotate(calc(var(--fa-swing-angle, 22deg)*-1*0.45));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  48% {
+    transform: rotate(calc(var(--fa-swing-angle, 22deg)*0.25));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  56% {
+    transform: rotate(calc(var(--fa-swing-angle, 22deg)*-1*0.1));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  64% {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}
+@keyframes fa-jello {
+  0% {
+    transform: scale(1);
+    animation-timing-function: cubic-bezier(.2, 0, .8, 1);
+  }
+  12% {
+    transform: scale(var(--fa-jello-scale-x,1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
+  }
+  24% {
+    transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y,1.12));
+    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
+  }
+  36% {
+    transform: scale(calc(.5 + var(--fa-jello-scale-x, 1.15)*0.5), calc(1.5 - var(--fa-jello-scale-x, 1.15)*0.5));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  48% {
+    transform: scale(calc(1.3 - var(--fa-jello-scale-y, 1.12)*0.3), calc(.7 + var(--fa-jello-scale-y, 1.12)*0.3));
+    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
+  }
+  58% {
+    transform: scale(1.02, .98);
+    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+  68% {
+    transform: scale(1);
+  }
+  to {
+    transform: scale(1);
+  }
+}
 .fa-rotate-90 {
   transform: rotate(90deg);
 }
@@ -4303,6 +4812,7 @@
 .fa-solar-panel {
   --fa:"\f5ba";
 }
+.fa-lotus,
 .fa-spa {
   --fa:"\f5bb";
 }
@@ -5192,7 +5702,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: block;
-  src: url("./fa-brands-400-AHOAZHCU.woff2");
+  src: url("./fa-brands-400-LA6RBN2H.woff2");
 }
 .fa-brands,
 .fa-classic.fa-brands,
@@ -5585,6 +6095,72 @@
 .fa-symfonycasts {
   --fa:"\e8ab";
 }
+.fa-build-awesome {
+  --fa:"\e8ac";
+}
+.fa-codeberg {
+  --fa:"\e8ad";
+}
+.fa-devpost {
+  --fa:"\e8ae";
+}
+.fa-internet-archive {
+  --fa:"\e8b1";
+}
+.fa-lets-encrypt {
+  --fa:"\e8b2";
+}
+.fa-matrix {
+  --fa:"\e8b3";
+}
+.fa-mattermost {
+  --fa:"\e8b4";
+}
+.fa-nextcloud {
+  --fa:"\e8b5";
+}
+.fa-roblox-creator-studio {
+  --fa:"\e8b6";
+}
+.fa-square-build-awesome-stroke {
+  --fa:"\e8b7";
+}
+.fa-substack {
+  --fa:"\e8b8";
+}
+.fa-tesla {
+  --fa:"\e8b9";
+}
+.fa-xrp {
+  --fa:"\e8ba";
+}
+.fa-xrpl {
+  --fa:"\e8bb";
+}
+.fa-youtube-shorts {
+  --fa:"\e8bc";
+}
+.fa-ror {
+  --fa:"\e8bd";
+}
+.fa-visual-studio {
+  --fa:"\e8be";
+}
+.fa-dolibarr {
+  --fa:"\e8bf";
+}
+.fa-obs-studio {
+  --fa:"\e8c0";
+}
+.fa-storybook {
+  --fa:"\e8c1";
+}
+.fa-a11y-project {
+  --fa:"\e8c2";
+}
+.fa-copilot {
+  --fa:"\e8c7";
+}
 .fa-square-twitter,
 .fa-twitter-square {
   --fa:"\f081";
@@ -6896,7 +7472,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: block;
-  src: url("./fa-regular-400-VRZYIBIZ.woff2");
+  src: url("./fa-regular-400-NCGHE5NP.woff2");
 }
 .far {
   --fa-family:var(--fa-family-classic);
@@ -6916,7 +7492,7 @@
   font-style: normal;
   font-weight: 900;
   font-display: block;
-  src: url("./fa-solid-900-MDEYK55F.woff2");
+  src: url("./fa-solid-900-EFITDVWS.woff2");
 }
 .fas {
   --fa-style:900;
@@ -6932,34 +7508,34 @@
   font-family: "Font Awesome 5 Brands";
   font-display: block;
   font-weight: 400;
-  src: url("./fa-brands-400-AHOAZHCU.woff2") format("woff2");
+  src: url("./fa-brands-400-LA6RBN2H.woff2") format("woff2");
 }
 @font-face {
   font-family: "Font Awesome 5 Free";
   font-display: block;
   font-weight: 900;
-  src: url("./fa-solid-900-MDEYK55F.woff2") format("woff2");
+  src: url("./fa-solid-900-EFITDVWS.woff2") format("woff2");
 }
 @font-face {
   font-family: "Font Awesome 5 Free";
   font-display: block;
   font-weight: 400;
-  src: url("./fa-regular-400-VRZYIBIZ.woff2") format("woff2");
+  src: url("./fa-regular-400-NCGHE5NP.woff2") format("woff2");
 }
 @font-face {
   font-family: "FontAwesome";
   font-display: block;
-  src: url("./fa-solid-900-MDEYK55F.woff2") format("woff2");
+  src: url("./fa-solid-900-EFITDVWS.woff2") format("woff2");
 }
 @font-face {
   font-family: "FontAwesome";
   font-display: block;
-  src: url("./fa-brands-400-AHOAZHCU.woff2") format("woff2");
+  src: url("./fa-brands-400-LA6RBN2H.woff2") format("woff2");
 }
 @font-face {
   font-family: "FontAwesome";
   font-display: block;
-  src: url("./fa-regular-400-VRZYIBIZ.woff2") format("woff2");
+  src: url("./fa-regular-400-NCGHE5NP.woff2") format("woff2");
   unicode-range:
     u+f003,
     u+f006,
@@ -7033,7 +7609,7 @@
 @font-face {
   font-family: "FontAwesome";
   font-display: block;
-  src: url("./fa-v4compatibility-ETEVP6IB.woff2") format("woff2");
+  src: url("./fa-v4compatibility-4GXT74DT.woff2") format("woff2");
   unicode-range:
     u+f041,
     u+f047,
@@ -9716,6 +10292,15 @@
   min-width: 180px;
   max-width: calc(100vw - 16px);
 }
+.squisq-toolbar-button.squisq-preview-design-button {
+  box-sizing: border-box;
+  align-self: stretch;
+  width: auto;
+  height: auto;
+  padding: 0 8px;
+  border: 1px solid var(--squisq-border);
+  font-size: 12px;
+}
 .squisq-preview-control--compact {
   display: flex;
   align-items: center;
@@ -20059,7 +20644,7 @@ button.squisq-ascii-timeline-track-name:focus-visible {
 
 @fortawesome/fontawesome-free/css/all.min.css:
   (*!
-   * Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com
+   * Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
    * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
    * Copyright 2026 Fonticons, Inc.
    *)