Update app.py

app.py

@@ -386,20 +386,6 @@ html, .gradio-container, .dark, .dark * {
 }
 .gradio-spinner { display: none !important; }
 
-#custom-loader {
-  align-items: center;
-  justify-content: center;
-  font-weight: bold;
-  position: fixed !important;
-  top: 50% !important;
-  left: 50% !important;
-  transform: translate(-50%, -50%) !important;
-  width: 100vw !important;
-  height: 100vh !important;
-  display: flex !important;
-  z-index: 9999 !important;
-  background-color: rgba(255, 250, 241, 0.9) !important;
-}
 #component-25{
   height: 50vw !important;
 }
@@ -451,37 +437,10 @@ span.svelte-g2oxp3, label.svelte-5ncdh7.svelte-5ncdh7.svelte-5ncdh7 {
 .max_value.svelte-10lj3xl.svelte-10lj3xl, span.min_value {
   color: #a54618 !important;
 }
-body.gradio-running #custom-loader { display: flex; }
-#custom-loader, .loading-text {
-width: auto !important;
-height: auto !important;
-}
 @keyframes fadeLetter {
   0%,100% { opacity: 1; }
   50%     { opacity: 0.2; }
 }
-#custom-loader .loading-text span {
-  display: inline-block;
-  animation: fadeLetter 1.8s ease-in-out infinite;
-  font-size:3em;
-}
-#custom-loader img {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  margin-left: 8px;
-  display: inline-block;
-  animation: jump 2s infinite ease-in-out;
-  vertical-align: middle;
-}
-.svelte-zyxd38{
- width: 100% !important;
- height: 100% !important;
-}
-    @keyframes jump {
-      0%, 100% { transform: translateY(10px); opacity: 1;}
-      50%      { transform: translateY(-10px); opacity: 1;}
-    }
 .nobackground, .nobackground div, .nobackground.parent.parent.parent {
   background-color: transparent !important;
 }
@@ -498,7 +457,7 @@ progress::-moz-progress-bar {
 
 """
 
-with gr.Blocks(css=css, theme=gr.themes.Default(font=[gr.themes.GoogleFont("Playpen Sans Hebrew"), "Arial", "sans-serif"])) as demo:
+with gr.Blocks(css=css, theme=gr.themes.Default(font=[gr.themes.GoogleFont("Playpen Sans Hebrew"), "sans-serif"])) as demo:
     with gr.Column(elem_id="col-container"):
         gr.HTML('<section class="nobackground"><h2>SDXL – Re:cocoamixXL3 (coamixXL3) Demo</h2><br>The log is shared with other. (No more than 10 images will be displayed in history.)<br>Please use this model at your own risk. I am not responsible in any way for any problems with the generated images.</section>')
         gr.HTML('<section class="nobackground"><a href="https://civitai.com/models/1553716?modelVersionId=1855218" target="_blank">Link: Civitai</a></section>')