.custom-icon-robot {
  background-image: url('/bundles/pimcoreadmin/img/flat-color-icons/robot.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.stable_diffusion-robot {
  background-image: url('https://images.squarespace-cdn.com/content/v1/6213c340453c3f502425776e/cfbf5bc5-47d4-4f4a-b133-23bd12a7d7c2/favicon.ico?format=100w');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.dall-e-robot {
  background-image: url('https://openai.com/favicon.ico');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.Attention-robot {
  background-image: url('https://attentioninsight.com/favicon.ico');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.leonardo-robot {
  background-image: url('https://files.readme.io/38b18bc-leo-favicon.ico');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.Ideogram-robot {
  /* background-image: url('/bundles/pimcoreadmin/img/ideogram.svg'); */
  background-image: url('https://dam.ecotone.bio/PUBLIC/assets/ideogram.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  filter: invert(100%) brightness(1000%);
}

.Replicate-robot {
  background-image: url('https://dam.ecotone.bio/PUBLIC/assets/Replicate.jpeg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  /* filter: invert(100%) brightness(1000%); */
}

.ChatGPT-robot
{
  background-image: url('https://dam.ecotone.bio/PUBLIC/assets/Chatgpt.jpeg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  /* filter: invert(100%) brightness(1000%); */
}

.Claude-robot
{
  background-image: url('https://dam.ecotone.bio/PUBLIC/assets/Claude.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  /* filter: invert(100%) brightness(1000%); */
}

#myPanelId-innerCt {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

#myPanelId-innerCt::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

#myPanelIdi-innerCt {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

#myPanelIdi-innerCt::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

#myPanelIdr-innerCt {
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

#myPanelIdr-innerCt::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}



.chat-window-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
  position: relative;
}

.chat-window-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  width: auto;
  height: auto;
}

/* Media queries for different aspect ratios */
.aspect-ratio-16-9 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-1-1 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-21-9 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-2-3 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-3-2 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-4-5 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-5-4 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-9-16 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.aspect-ratio-9-21 {
  padding: 0 10px;
  /* add some padding to center the image */
}

.chat-window-video-container {
  width: 100%;
  max-width: 100%; /* Ensure it doesn't overflow */
  height: auto; /* Auto height to maintain aspect ratio */
  margin-bottom: 20px; /* Space between videos */
}
.chat-window-video-container video {
  width: 100%; /* Make video take full width of container */
  height: auto; /* Maintain aspect ratio */
  border-radius: 5px; /* Optional: Add border radius */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
}

#cluade_toolbar-targetEl span,#chatgpt_toolbar-targetEl span {
  color: white;
}