Update app.py

app.py

@@ -50,13 +50,13 @@ demo = gr.ChatInterface(
     css="body { background-color: inherit; overflow-x:hidden;}"
                         ":root {--color-accent: transparent !important; --color-accent-soft:transparent !important; --code-background-fill:black !important; --body-text-color:white !important;}"
                         "#component-2 {background:#ffffff1a; display:contents;}"
-                        "div#component-0 {    height: auto !important;}"
+                        "div#component-0 { background: transparent !important; border: transparent !important; height: auto !important;}"
                         ".gradio-container.gradio-container-4-8-0.svelte-1kyws56.app {max-width: 100% !important;}"
                         "gradio-app {background: linear-gradient(134deg,#00425e 0%,#001a3f 43%,#421438 77%) !important; background-attachment: fixed !important; background-position: top;}"
                         ".panel.svelte-vt1mxs {background: transparent; padding:0;}"
                         ".block.svelte-90oupt {    background: transparent;    border-color: transparent;}"
-                        ".bot.svelte-12dsd9j.svelte-12dsd9j.svelte-12dsd9j {    background: #ffffff1a;    border-color: transparent;    color: white;}"
-                        ".user.svelte-12dsd9j.svelte-12dsd9j.svelte-12dsd9j {    background: #ffffff1a;    border-color: transparent;    color: white;    padding: 10px 18px;}"
+                        ".bot.svelte-1s78gfg.svelte-1s78gfg.svelte-1s78gfg {    background: #ffffff1a;    border-color: transparent;    color: white;}"
+                        ".user.svelte-1s78gfg.svelte-1s78gfg.svelte-1s78gfg {    background: #ffffff1a;    border-color: transparent;    color: white;    padding: 10px 18px;}"
                         "div.svelte-iyf88w{    background: #cc98d445;    border-color: transparent; border-radius: 25px;}"
                         "textarea.scroll-hide.svelte-1f354aw {    background: transparent; color: #fff !important;}"
                         ".primary.svelte-cmf5ev {   background: transparent;    color: white;}"
@@ -64,9 +64,9 @@ demo = gr.ChatInterface(
                         "button#component-8 {    display: none;    position: absolute;    margin-top: 60px;    border-radius: 25px;}"
                         "div#component-9 {    max-width: fit-content;    margin-left: auto;    margin-right: auto;}"
                         "button#component-10, button#component-11, button#component-12 {    flex: none;    background: #ffffff1a;    border: none;    color: white;    margin-right: auto;    margin-left: auto;    border-radius: 9px;    min-width: fit-content;}"
-                        ".share-button.svelte-12dsd9j {    display: none;}"
+                        ".share-button.svelte-1s78gfg {    display: none;}"
                         "footer.svelte-mpyp5e {    display: none !important;}"
-                        ".message-buttons-bubble.svelte-12dsd9j.svelte-12dsd9j.svelte-12dsd9j { border-color: #31546E;    background: #31546E;}"
+                        ".message-buttons-bubble.svelte-1s78gfg.svelte-1s78gfg.svelte-1s78gfg { border-color: #31546E;    background: #31546E;}"
                         ".bubble-wrap.svelte-12dsd9j.svelte-12dsd9j.svelte-12dsd9j {padding: 0;}"                      
                         ".prose h1 { color: white !important;    font-size: 16px !important;    font-weight: normal !important;    background: #ffffff1a;    padding: 20px;    border-radius: 20px;    width: 90%;    margin-left: auto !important;    margin-right: auto !important;}"
                         ".toast-wrap.svelte-pu0yf1 { display:none !important;}"