new changes

frontend/assets/css/tailwind.css

@@ -121,12 +121,54 @@
 
     /* ANIMATIONS */
     --animate-marquee: marquee 3s linear infinite;
+    --animate-slide-down: slideDown 300ms ease-out;
+    --animate-slide-up: slideUp 300ms ease-out;
+    --animate-overlay-show: overlayShow 150ms ease-in;
+    --animate-content-show: contentShow 150ms ease-in;
 
     @keyframes marquee {
         to {
             transform: translateY(-50%);
         }
     }
+
+    @keyframes slideDown {
+        from {
+            height: 0;
+        }
+        to {
+            height: var(--reka-accordion-content-height);
+        }
+    }
+
+    @keyframes slideUp {
+        from {
+            height: var(--reka-accordion-content-height);
+        }
+        to {
+            height: 0;
+        }
+    }
+
+    @keyframes overlayShow {
+        from {
+            opacity: 0;
+        }
+        to {
+            opacity: 1;
+        }
+    }
+
+    @keyframes contentShow {
+        from {
+            opacity: 0;
+            transform: translate(-50%, -48%) scale(0.96);
+        }
+        to {
+            opacity: 1;
+            transform: translate(-50%, -50%) scale(1);
+        }
+    }
 }
 
 /* CONTAINER */