index.css

#component-5 {
  height: 76vh !important;
  overflow: auto !important;
}
.wrap.svelte-vm32wk.svelte-vm32wk.svelte-vm32wk {
  display: inline !important;
}
.wrap .svelte-vm32wk label {
  margin-bottom: 10px !important;
}
#component-9 {
  height: 88vh !important;
  border: #f6faff;
  box-shadow: none;
  background: #f6faff;
}
footer {
 visibility: hidden;
}
  .app.svelte-1kyws56.svelte-1kyws56 {
    height: 100vh;
  }
@media screen and (max-width: 768px) {
  input[type="text"], textarea {
 -webkit-user-modify: read-write-plaintext-only;
 -webkit-text-size-adjust: none;
}
  #component-3 {
    display: none;
  }
  #component-5 {
    display: none !important;
  }
  #component-9 {
    height: 89vh !important;
  }
  .app.svelte-1kyws56.svelte-1kyws56 {
    height: 100vh;
  }
  #component-10 {
    position: fixed;
    bottom: 15px;
    right: 0px;
   padding: 0 20px;
  }

   #component-12 {
     min-width: min(74px, 100%);
  }
}








#component-3 button {
  background: #4999ff !important;
  color: white !important;
}
#component-3 button:hover {
  background: #4999ff !important;
  color: white !important;
}
span.svelte-1gfkn6j {
  margin: 55px 0;
}
gradio-app {
  background-color: #f6faff !important;
}
.bot.svelte-1pjfiar.svelte-1pjfiar.svelte-1pjfiar {
  background: white;
  border: none;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.user.svelte-1pjfiar.svelte-1pjfiar.svelte-1pjfiar {
  background: white;
  border: none;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.message-buttons-bubble.svelte-1pjfiar.svelte-1pjfiar.svelte-1pjfiar {
  /* background: white; */
  border: none;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
label.svelte-vm32wk > .svelte-vm32wk + .svelte-vm32wk {
  color: #989898;
}

p {
  color: #26415f;
}
.wrapper.svelte-nab2ao {
  background: #f6faff;
}
#component-12 {
  background: #4999ff;
  color: white;
}
.svelte-11hlfrc svg {
  color: gray;
}
#component-6 {
  position: fixed;
  width: 219px;
  height: 36px;
  border-radius: 18px;
  top: 4%;
  z-index: 4;
  left: 8%;
}
div.svelte-sfqy0y {
  background-color: white;
}