From e5df96ebb1ae9ae028f55f3e09cf4a991aaa8956 Mon Sep 17 00:00:00 2001
From: Aidan Timson <aidan@timmo.dev>
Date: Wed, 1 Oct 2025 08:55:27 +0100
Subject: [PATCH] Create fade in slide down shared animation

---
 src/resources/styles.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 553b75b55d..e9b9c14efd 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -199,3 +199,16 @@ export const baseEntrypointStyles = css`
     width: 100vw;
   }
 `;
+
+export const haStyleAnimations = css`
+  @keyframes fadeInSlideDown {
+    0% {
+      opacity: 0;
+      transform: translateY(-20px);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+`;