@cometchat/chat-uikit-react/dist/CometChatToolCallResultBubble-ISSGDS6F.css

Ready-to-use Chat UI Components for React

/* src/components/CometChatAIAssistantChat/CometChatToolCallResultBubble.css */
.cometchat-toolcall-result-bubble {
  display: flex;
  flex-direction: column;
  gap: var(--cometchat-spacing-1, 4px);
  padding: var(--cometchat-spacing-2, 8px) var(--cometchat-spacing-3, 12px);
  background-color: var(--cometchat-background-color-02, #f5f5f5);
  border-radius: var(--cometchat-radius-2, 8px);
  border: 1px solid var(--cometchat-border-color-light, #e8e8e8);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.cometchat-toolcall-result-bubble__label {
  font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
  color: var(--cometchat-text-color-secondary, #727272);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.cometchat-toolcall-result-bubble__code {
  font-family:
    "Courier New",
    Courier,
    monospace;
  font-size: 12px;
  background-color: var(--cometchat-background-color-04, #1a1a1a);
  color: #e0e0e0;
  padding: var(--cometchat-spacing-2, 8px);
  border-radius: var(--cometchat-radius-1, 4px);
  overflow-x: auto;
  max-height: 200px;
  white-space: pre;
  margin: 0;
}
.cometchat-toolcall-result-bubble__code::-webkit-scrollbar {
  width: 0;
  height: 6px;
}
.cometchat-toolcall-result-bubble__code::-webkit-scrollbar-thumb {
  background: var(--cometchat-icon-color-secondary, #727272);
  border-radius: 3px;
}