From 3d9b5ba33b2bf581c010a1ebbe61a9e820512d0a Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Mon, 10 Nov 2025 20:59:52 +0000
Subject: [PATCH] completionId: cgen-e886fcf484ee48faae9f645ab3a82951

cgen-e886fcf484ee48faae9f645ab3a82951
---
 client/components/ArmSwitcherModal.tsx | 30 ++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/client/components/ArmSwitcherModal.tsx b/client/components/ArmSwitcherModal.tsx
index 9af4f4be..71ddf705 100644
--- a/client/components/ArmSwitcherModal.tsx
+++ b/client/components/ArmSwitcherModal.tsx
@@ -283,6 +283,36 @@ export default function ArmSwitcherModal({
               opacity: 1;
             }
           }
+          @keyframes slideUp {
+            from {
+              transform: translateY(100%);
+              opacity: 0;
+            }
+            to {
+              transform: translateY(0);
+              opacity: 1;
+            }
+          }
+          @keyframes fadeIn {
+            from {
+              opacity: 0;
+            }
+            to {
+              opacity: 1;
+            }
+          }
+          @media (min-width: 640px) {
+            @keyframes slideUp {
+              from {
+                transform: scale(0.95);
+                opacity: 0;
+              }
+              to {
+                transform: scale(1);
+                opacity: 1;
+              }
+            }
+          }
         `}</style>
       </div>
     </div>