completionId: cgen-e886fcf484ee48faae9f645ab3a82951

cgen-e886fcf484ee48faae9f645ab3a82951

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>