Fixed animation for opening popups cliping their content (closes https://github.com/zen-browser/desktop/issues/4050) (https://github.com/zen-browser/desktop/issues/4035)

src/browser/base/content/zen-styles/zen-animations.css

@@ -8,6 +8,21 @@
     transform: scale3d(0.8, 0.8, 0.8);
   }
 
+  60% {
+    transform: scale3d(1.01, 1.01, 1.01);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes zen-jello-animation-large {
+  0% {
+    transform: scale3d(0.8, 0.8, 0.8);
+  }
+
   60% {
     transform: scale3d(1.02, 1.02, 1.02);
   }

src/browser/base/content/zen-styles/zen-panel-ui.css

@@ -4,7 +4,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 panel[type='arrow'][animate][animate='open']::part(content) {
-  animation: zen-jello-animation 0.3s ease-in-out;
+  animation: zen-jello-animation .5s ease;
 }
 
 panel[type='arrow'][animate]:not([animate='open'])::part(content) {

src/browser/base/content/zen-styles/zen-rices.css

@@ -21,7 +21,7 @@
   border: var(--zen-appcontent-border);
   overflow: hidden;
 
-  animation: zen-jello-animation 0.3s ease;
+  animation: zen-jello-animation-large 0.4s ease;
   max-width: 400px;
 
   &[animate="true"] {