.block {
  composes: segment from "./agentSegment.module.css";
}

.summary {
  composes: summary from "./agentSegment.module.css";
}

.summaryLabel {
  composes: summaryTitle from "./agentSegment.module.css";
}

.summaryText {
  composes: summaryPreview from "./agentSegment.module.css";
  font-style: italic;
}

.detail {
  composes: detail from "./agentSegment.module.css";
}

.body {
  composes: body from "./agentSegment.module.css";
  font-style: italic;
  color: #6b7280;
}

.streaming::after {
  content: "▊";
  animation: blink 0.8s step-end infinite;
  color: #8b6fd4;
  margin-left: 1px;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}