Update app.py

app.py

@@ -169,37 +169,40 @@ button.selected::after{
 
 demo = gr.Blocks(css="""
 .popup-overlay {
-    position: fixed;
-    top: 0; left: 0;
-    width: 100vw; height: 100vh;
-    background: rgba(0,0,0,0.5);
-    z-index: 999;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100vw !important;
+    height: 100vh !important;
+    background: rgba(0, 0, 0, 0.5) !important;
+    z-index: 9999 !important;
+    display: flex !important;
+    justify-content: center !important;
+    align-items: center !important;
+    flex-direction: column !important;
 }
 
 .popup-box {
-    background-color: white;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 20px rgba(0,0,0,0.3);
-    width: 340px;
-    text-align: center;
+    background-color: white !important;
+    padding: 20px !important;
+    border-radius: 10px !important;
+    box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
+    width: 340px !important;
+    text-align: center !important;
 }
 
 .popup-button {
-    background-color: #5b65a7;
-    color: white;
-    padding: 10px 20px;
-    border-radius: 8px;
-    margin-top: 10px;
-    border: none;
-    cursor: pointer;
+    background-color: #5b65a7 !important;
+    color: white !important;
+    padding: 10px 20px !important;
+    border-radius: 8px !important;
+    margin-top: 10px !important;
+    border: none !important;
+    cursor: pointer !important;
 }
+
 .popup-button:hover {
-    background-color: #3c4687;
+    background-color: #3c4687 !important;
 }
 """)
 
@@ -277,7 +280,7 @@ with demo:
     ###############################
     popup = gr.Column(visible=False, elem_classes="popup-overlay")
     with popup:
-        with gr.Column(elem_classes="popup-box"):
+        with gr.Column(elem_classes=["popup-box"]):
             gr.Markdown(
                 """
                 ### ℹ️ Notice
@@ -287,7 +290,7 @@ with demo:
                 The recordings are not saved and are automatically removed.
                 """
             )
-            ok_btn = gr.Button("OK", elem_classes="popup-button")
+            ok_btn = gr.Button("OK", elem_classes=["popup-button"])
             ok_btn.click(fn=hide_popup, outputs=popup)
 
     # Show on load