.editor-EventGroup-item {
  margin-top: calc(var(--var-lineHeight) * 1px);
}
.editor-EventGroup-item-main {
  position: relative;
  padding-top: calc(var(--var-nodePadding) * 1px);
  padding-bottom: calc(var(--var-nodePadding) * 1px);
  --var-transform: calc(var(--var-level) * var(--var-indent) * 1px);
  width: calc(100% - 28px);
}
.editor-EventGroup-item-main-wrapper {
  margin-left: calc(var(--var-transform));
  width: calc(100% - var(--var-transform));
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.editor-EventGroup-item-main:hover {
  background-color: rgba(28, 36, 46, 0.04);
}
.editor-EventGroup-item-main:hover .remark .icon {
  fill: #b0b2bf;
}
.editor-EventGroup-item-main-content {
  max-width: 560px;
  min-width: 240px;
  width: calc(560px - (var(--var-level) - 1) * var(--var-indent) * 1px);
}
.editor-EventGroup-item-main-content > div {
  width: 100%;
}
.editor-EventGroup-callback-line {
  position: absolute;
  width: 5px;
  height: calc(100% + var(--var-nodePadding) * 2px);
  top: calc(var(--var-nodeHeight) / 2 * 1px);
  left: calc((var(--var-level) + 1) * var(--var-indent) * 1px + var(--var-offset) * 1px - 2px);
  background: linear-gradient(180deg, rgba(14, 205, 125, 0.2) 0%, rgba(254, 116, 115, 0.2) 100%), #FFF;
  visibility: hidden;
}
.editor-EventGroup-callback-line-shielding {
  background: rgba(28, 36, 46, 0.04);
}
.editor-EventGroup-prefix {
  position: absolute;
  top: 0;
  left: calc(var(--var-level) * 1px * var(--var-indent) + var(--var-offset) * 1px);
  width: calc(var(--var-indent) * 1px);
  height: calc(var(--var-nodeHeight) * 1px + var(--var-nodePadding) * 2px);
  z-index: 1;
}
.editor-EventGroup-prefix-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.editor-EventGroup-prefix-wrapper > span {
  z-index: 3;
}
.editor-EventGroup-prefix-hLine {
  --var-prefixOffset: 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  z-index: 1;
}
.editor-EventGroup-prefix-hLine-isCondition {
  width: 50%;
  left: 50%;
}
.editor-EventGroup-prefix-hLine-condPrefix {
  width: 50%;
  top: calc(50% - 1px + (var(--var-prefixOffset) * 1px));
}
.editor-EventGroup-prefix-vLine {
  --var-prefixOffset: 0;
  width: 1px;
  height: calc(100% + 8px);
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  top: -4px;
  z-index: 1;
}
.editor-EventGroup-prefix-vLine-isLast {
  height: calc(50% + 4px);
  top: -4px;
}
.editor-EventGroup-prefix-vLine-right {
  left: initial;
  height: calc(50% + 4px);
  right: -1px;
  top: 50%;
}
.editor-EventGroup-prefix-vLine-condition {
  left: 50%;
}
.editor-EventGroup-prefix-vLine-condition-isLast {
  top: -4px;
  height: calc(50% + 4px);
}
.editor-EventGroup-prefix-vLine-condition-isFirst {
  top: 50%;
  height: calc(50% + 4px);
}
.editor-EventGroup-prefix-vLine-condPrefix {
  height: calc(var(--var-prefixOffset) * 1px);
  top: calc(50%);
}
.editor-EventGroup-groupLine {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #e5e5e5;
}
.editor-EventGroup-groupLine-normal {
  left: calc((var(--var-level) - 1) * 1px * var(--var-indent) + var(--var-offset) * 1px);
}
.editor-EventGroup-groupLine-condition {
  left: calc(var(--var-level) * 1px * var(--var-indent) + var(--var-offset) * 1px - (var(--var-indent) / 2) * 1px);
}