@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
* {
  box-sizing: border-box;
  font-family: 'poppins';
}
html {
  overflow: hidden;
  margin: 0;
  height: 100%;
}

body {
  background-color: #F4F9FD;
  overflow: hidden;
  margin: 0;
  height: 100%;
}

#cf-context { 
  width: 100vw; 
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

#form {
  height: 0px;
}

.custom-theme .conversational-form cf-chat-response.user thumb {
  height: 64px;
  width: 64px;
  margin-top: -12px;
}

.custom-theme .conversational-form cf-chat-response.robot thumb {
  height: 64px;
  width: 64px;
  margin-top: -12px;
  animation: floating 3s ease-in-out;
}
@keyframes floating {
	0% { transform: translateY(0); }
	50% { transform: translateY(-13px); }
	100% { transform: translateY(0); }
}
.custom-theme .conversational-form cf-chat-response.user {
  padding-right: 80px;
}

.custom-theme .conversational-form cf-chat-response.robot {
  padding-left: 80px;
}
.custom-theme .conversational-form cf-chat-response.user text > p {
  border: 1px solid #333;
  color: rgb(0, 174, 255);
  background-color: #fff;
}

.custom-theme .conversational-form cf-chat-response.user text > p:hover {
  background-color: rgb(0, 174, 255);
color: #fff;  
}

/* texte de l'assistant */
.custom-theme .conversational-form cf-chat-response.robot text > p {
  border: 1px solid #333;
  background-color: #fff;
  display: table;
}
.custom-theme .conversational-form cf-input-button.cf-input-button {
  background-color: rgb(0, 174, 255);
  border-radius: 20px;
}
.custom-theme .conversational-form cf-button{
  color: rgb(0, 174, 255);
}
.custom-theme .conversational-form cf-button:hover {
  background-color: rgb(0, 174, 255);
color: #fff;
}
.custom-theme .conversational-form cf-input-control-elements {
display: flex;

}
.custom-theme .conversational-form cf-list {
 cursor: auto;
  
  }
cf-input-control-elements.animate-in cf-list-button{
  display: none;
}
.custom-theme .conversational-form  cf-input input {
  border-radius: 20px;
}

.custom-theme .conversational-form  cf-input textarea  {
  border-radius: 20px;
}