Update app.py

app.py

@@ -21,7 +21,7 @@ import requests
 st.set_page_config(page_title="DeepInsightz", page_icon=":bar_chart:", layout="wide")
 
 # Custom CSS for dynamic theme styling
-# Streamlit detects light and dark mode automatically via the user's settings in Hugging Face Spaces
+# Custom CSS for dynamic theme styling
 if st.get_option("theme.base") == "dark":
     background_color = "#282828"
     text_color = "white"
@@ -39,6 +39,7 @@ else:
     primary_color = '#228B22'  # for positive delta in light mode
     negative_color = '#8B0000'  # for negative delta in light mode
 
+# Load custom CSS for dynamic theme and Lottie animation
 st.markdown(f"""
     <style>
     body {{
@@ -61,9 +62,42 @@ st.markdown(f"""
     [data-testid="stSidebar"] {{
         background-color: {sidebar_color};
     }}
+    .overlay {{
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: rgba(0, 0, 0, 0.5);
+        z-index: 1000;
+        transition: opacity 0.5s ease;
+    }}
+    .overlay.hidden {{
+        display: none;
+    }}
+    .overlay.active {{
+        opacity: 1;
+        pointer-events: all;
+    }}
+    .overlay.inactive {{
+        opacity: 0;
+        pointer-events: none;
+    }}
     </style>
 """, unsafe_allow_html=True)
 
+# Function to show Lottie animation as an overlay
+def display_lottie_animation(show_animation):
+    if show_animation:
+        st.markdown('<div class="overlay active">', unsafe_allow_html=True)
+        st_lottie(lottie_animation, height=300, width=300)
+        st.markdown('</div>', unsafe_allow_html=True)
+    else:
+        st.markdown('<div class="overlay inactive hidden">', unsafe_allow_html=True)
+
 # Load CSV files at the top
 df = pd.read_csv("df_clean.csv")
 nombres_proveedores = pd.read_csv("nombres_proveedores.csv", sep=';')