@cometchat/chat-uikit-react/dist/styles/components/CometChatToolCallResultBubble.css

Ready-to-use Chat UI Components for React(Javascript/Web)

.cometchat-toolcall-result-bubble {
  flex-direction: column;
  gap: 12px;
  display: flex;
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 12px;
  border-radius: 8px;
  background: transparent;
}

.cometchat-toolcall-result-bubble * {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
}

.cometchat-toolcall-result-bubble .cometchat-toolcall-result__item {
  display: flex;
  flex-direction: column;
}

.cometchat-toolcall-result-bubble .cometchat-toolcall-result__label {
  margin-bottom: 4px;
  /* color: var(--cometchat-text-color-secondary, #666666); */
  font: var(--cometchat-font-body-regular) !important;
  font-size: 12px;
  font-weight: 500;
}

.cometchat-toolcall-result-bubble pre > div {
  max-height: 300px;
  overflow: scroll;
  border-radius: 4px;
}

@media (min-width: 620px) and (max-width: 780px) {
  .cometchat-toolcall-result-bubble pre > div {
    max-width: 600px;
  }
}

@media (min-width: 480px) and (max-width: 619px) {
  .cometchat-toolcall-result-bubble pre > div {
    max-width: 400px;
  }
}

@media (min-width: 320px) and (max-width: 479px) {
  .cometchat-toolcall-result-bubble pre > div {
    max-width: 320px;
  }
}
.cometchat-toolcall-result-bubble pre   *{
  /* font: var(--cometchat-font-body-regular) !important; */
  font-size: 14px;

}

/* Target all <p> tags without a class */
.cometchat-toolcall-result-bubble >  p:not([class]) {
  text-align: left;
  line-height: 1.4 !important;
  /* color: var(--cometchat-text-color-secondary); */
}
.cometchat-toolcall-result-bubble >  ol:not([class]){
  padding-left: 0px !important;
  margin-top: 0px !important;
  text-align: left !important;
    /* color: var(--cometchat-text-color-secondary); */

}
.cometchat-toolcall-result-bubble >  ol:not([class]) ul:not([class]) {
  padding-left: 20px !important;
  text-align: left !important;
    /* color: var(--cometchat-text-color-secondary); */

}
.cometchat-toolcall-result-bubble    li:not([class]){
  text-align: left !important;
    /* color: var(--cometchat-text-color-secondary); */

}
.cometchat-toolcall-result-bubble >   ul:not([class]){
  text-align: left !important;
    /* color: var(--cometchat-text-color-secondary); */

}