.cloud-tooltip-container {
  padding: 6px 12px;
  border-radius: 2px;
  border: 1px solid var(--widgets-tooltip-cross-line, #d9d9d9);
  z-index: 1001;
  background-color: var(--widgets-color-background, #ffffff);
  max-width: 500px;
  transform: translate(-50%, 20px);
}
.cloud-tooltip-container .cloud-tooltip-arrow {
  display: block;
  left: calc(50% - 8px);
  top: -16px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  pointer-events: none;
}
.cloud-tooltip-container .cloud-tooltip-arrow-content {
  margin: 4px;
  content: "";
  width: 8px;
  height: 8px;
  transform: translateY(8px) rotate(45deg);
  border: 1px solid var(--widgets-tooltip-cross-line, #d9d9d9);
  background-color: var(--widgets-color-background, #ffffff);
  pointer-events: none;
}
.cloud-tooltip-container .cloud-tooltip-content {
  word-break: break-all;
  color: var(--widgets-color-text-2, #696969);
  font-size: var(--widgets-font-size-1, 12px);
}