diff --git a/resources/css/app.css b/resources/css/app.css
index 9b7c15f..a659381 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -78,8 +78,36 @@ @layer base {
     ::file-selector-button {
         border-color: var(--color-gray-200, currentColor);
     }
+    
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
 }
 
+
+@utility animate-accordion-down {
+  animation: accordion-down 0.2s ease-out;
+}
+
+@utility animate-accordion-up {
+  animation: accordion-up 0.2s ease-out;
+}
+
+
 :root {
     --background: oklch(1 0 0);
     --foreground: oklch(0.145 0 0);