.editor-eventView {
  position: relative;
  --var-container-width: 100%;
  width: 100%;
  height: 100%;
}
.editor-eventView > * {
  user-select: text !important;
}
.editor-eventView-config-panel {
  position: relative;
  height: 100%;
  overflow-y: auto;
}
.editor-eventView-config-panel .editor-menu-header-headline {
  height: 36px;
  position: sticky;
  left: 0;
  top: 0;
}
.editor-eventView-config-panel .editor-itemconfig-wrap {
  overflow-y: auto;
  border-left: none;
}
.editor-eventView-config-panel .editor-itemconfig-head {
  height: 36px;
}
.editor-eventView-wrap {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.editor-eventView-wrap-left {
  flex: 1;
  height: 100%;
  overflow-x: hidden;
}
.editor-eventView-wrap-left::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.editor-eventView-wrap-left::-webkit-scrollbar-thumb {
  display: none;
}
.editor-eventView-wrap-left::-webkit-scrollbar-track,
.editor-eventView-wrap-left::-webkit-scrollbar,
.editor-eventView-wrap-left::-webkit-scrollbar-corner {
  display: none;
}
.editor-eventView-wrap-left::-webkit-scrollbar-track {
  display: none;
}
.editor-eventView-wrap-content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.editor-eventView-wrap-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.editor-eventView-wrap-content::-webkit-scrollbar-thumb {
  display: none;
}
.editor-eventView-wrap-content::-webkit-scrollbar-track,
.editor-eventView-wrap-content::-webkit-scrollbar,
.editor-eventView-wrap-content::-webkit-scrollbar-corner {
  display: none;
}
.editor-eventView-wrap-content::-webkit-scrollbar-track {
  display: none;
}
.editor-eventView-wrap-config {
  width: 432px;
  height: 100%;
  overflow: hidden;
  border-left: 1px solid #e5e5e5;
  display: none;
}
.editor-eventView-wrap-config-show {
  display: block;
}
.editor-eventView-wrap-config .editor-itemconfig-head > .extra,
.editor-eventView-wrap-config .editor-eventconfig-remarks {
  display: none;
}
.editor-eventView-wrap-config .editor-actionConfig-main-row .titleCol > .clear > * {
  visibility: hidden;
}
.editor-eventView-wrap-config .editor-actionConfig-main-row .titleCol > .clear > a[data-type="SelectCustomFunc"] {
  visibility: visible;
}
.editor-eventView-wrap-config .editor-checkbox-wrapper,
.editor-eventView-wrap-config .editor-radio-wrapper,
.editor-eventView-wrap-config .editor-CustomValueSelect-extra-icon,
.editor-eventView-wrap-config .editor-input-suffix {
  pointer-events: none !important;
}
.editor-eventView-wrap-config .anticon,
.editor-eventView-wrap-config .editor-select,
.editor-eventView-wrap-config .editor-select-selector,
.editor-eventView-wrap-config textarea,
.editor-eventView-wrap-config .editor-radio-button,
.editor-eventView-wrap-config .editor-radio-button-wrapper,
.editor-eventView-wrap-config .editor-checkbox,
.editor-eventView-wrap-config .editor-checkbox-inner,
.editor-eventView-wrap-config .editor-radio-inner,
.editor-eventView-wrap-config .input,
.editor-eventView-wrap-config a:not([data-type="SelectCustomFunc"]),
.editor-eventView-wrap-config .editor-input-affix-wrapper,
.editor-eventView-wrap-config .editor-radio-checked,
.editor-eventView-wrap-config .editor-selectBusiObject-wrapper,
.editor-eventView-wrap-config input {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none !important;
  background-color: #f5f5f5 !important;
  border-color: #c9c9c9 !important;
  box-shadow: none !important;
}
.editor-eventView-wrap-config .editor-select-selection-search > input {
  height: 24px !important;
}
.editor-eventView-wrap-config .editor-checkbox-indeterminate .editor-checkbox-inner::after,
.editor-eventView-wrap-config .editor-radio-inner::after,
.editor-eventView-wrap-config .editor-radio-button-wrapper-checked::before {
  background-color: #c9c9c9 !important;
}
.editor-eventView-item {
  --var-leftLevel: 0;
  --var-default-before-line-color: #E5E5E5;
  --var-default-after-line-color: #E5E5E5;
  --var-default-line-color: #E5E5E5;
  --var-active-line-color: #4477EE;
  --var-offset-span: 1px;
  --var-offset-base: 15px;
  --var-offset-line: calc(var(--var-offset-span) + (var(--var-leftLevel) + 1) * var(--var-offset-base));
  --var-offset-group-line: calc(var(--var-offset-span) + (var(--var-leftLevel)) * var(--var-offset-base));
  --var-dot-base: 6px;
  --var-dot-active: 6px;
  --var-bgColor: '#FFFFFF';
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.editor-eventView-item-offset {
  transform: translate(var(--var-offset-line), 0);
  width: calc(var(--var-container-width) - var(--var-offset-line));
}
.editor-eventView-item-offset-prefix::before {
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(calc(-1 * var(--var-offset-base)), 0);
  background-color: var(--var-default-before-line-color);
}
.editor-eventView-item-tips {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(calc(var(--var-offset-base) * -1 - 2px), 0);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: calc(18px - var(--var-dot-base) / 2);
}
.editor-eventView-item-tips-dot {
  width: var(--var-dot-base);
  height: var(--var-dot-base);
  border-radius: 50%;
  transition: all 0.3;
}
.editor-eventView-item-title {
  width: 100%;
  background-color: var(--var-bgColor);
}
.editor-eventView-item-title-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
}
.editor-eventView-item-title-button-group {
  padding: 6px 16px;
  opacity: 0;
  transition: all 0;
}
.editor-eventView-item-title-button-group > button {
  transition: all 0 !important;
}
.editor-eventView-item-title-button-group > button > span {
  font-size: 12px;
  color: #47e;
}
.editor-eventView-item-title:hover {
  background-color: rgba(28, 36, 46, 0.06);
}
.editor-eventView-item-title:hover + div::after {
  background-color: var(--var-active-line-color);
}
.editor-eventView-item-title:hover .editor-eventView-title-box > span:nth-child(1) {
  color: #47e;
  cursor: pointer;
}
.editor-eventView-item-title:hover .editor-eventView-item-title-button-group {
  opacity: 1;
}
.editor-eventView-item-title-hover-checked {
  background-color: #ffedc5;
}
.editor-eventView-item-title-checked {
  background-color: rgba(68, 119, 238, 0.15);
}
.editor-eventView-item-title-checked:hover {
  background-color: rgba(68, 119, 238, 0.1);
}
.editor-eventView-item-title-checked + div::after {
  background-color: var(--var-active-line-color);
}
.editor-eventView-item-title-checked .editor-eventView-item-title-button-group {
  opacity: 1;
}
.editor-eventView-item-child {
  width: 100%;
  position: relative;
}
.editor-eventView-item-child::after,
.editor-eventView-item-child-groupLine::before {
  pointer-events: none;
  height: 100%;
  width: 1px;
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(var(--var-offset-group-line), 0);
  z-index: 1;
}
.editor-eventView-item-child-groupLine::before {
  background-color: var(--var-default-before-line-color);
}
.editor-eventView-item-child::after {
  background-color: var(--var-default-after-line-color);
  transform: translate(var(--var-offset-line), 0) !important;
}
.editor-eventView-group-hover > .editor-eventView-item > .editor-eventView-item-child-groupLine::before,
.editor-eventView-group-hover > .editor-eventView-item > .editor-eventView-item-title > .editor-eventView-item-offset-prefix::before {
  background-color: var(--var-active-line-color);
}
.editor-eventView-group-hover > .editor-eventView-item > .editor-eventView-item-title > .editor-eventView-item-title-content > .editor-eventView-item-tips > .editor-eventView-item-tips-dot {
  width: var(--var-dot-active);
  height: var(--var-dot-active);
}
.editor-eventView-title-box {
  padding: 6px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.editor-eventView-title-box-subTitle {
  width: fit-content;
  text-wrap: nowrap;
}
.editor-eventView-title-box > span {
  display: inline-block;
  font-size: 13px;
  color: rgba(28, 36, 46, 0.75);
  line-height: 24px;
  letter-spacing: 1px;
  cursor: pointer;
  transform: translateX(calc(var(--var-title-offset) * 1px));
}
.editor-eventView-title-box .description-wrapper {
  display: inline-block;
  font-size: 13px;
  color: rgba(28, 36, 46, 0.75);
  line-height: 24px;
  letter-spacing: 1px;
  cursor: pointer;
  transform: translateX(calc(var(--var-title-offset) * 1px));
  margin-bottom: 0;
}
.editor-eventView-fold-button {
  height: 16px !important;
  width: 16px !important;
  padding: 0 !important;
  transform: translateX(-8px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.editor-eventView-highLight-actionName {
  background-color: #cbe1fe !important;
}
.editor-eventView-highLight-value {
  background-color: #ffedc5;
  color: rgba(28, 36, 46, 0.75) !important;
  cursor: pointer;
  display: inline-block;
}
.editor-eventView-highLight-value:hover {
  color: #47e;
}
.editor-eventView-header {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
  height: 36px;
  background-color: #fff;
  box-shadow: 0px 6px 16px -8px rgba(28, 36, 46, 0.04);
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-top: 1px solid #E5E5E5;
}
.editor-eventView-header span {
  font-size: 12px;
}
.editor-eventView-header-title {
  font-weight: 600;
  color: #1C242E;
  font-size: 14px !important;
}
.editor-eventView-header-link {
  margin-left: 12px;
  color: #47e;
  cursor: pointer;
}
.editor-eventView-header-tips-icon {
  color: #47e !important;
  font-size: 12px;
  margin-right: 4px;
}
.editor-eventView-header-tips > span {
  color: rgba(28, 36, 46, 0.45);
}
.editor-eventView-popover {
  max-width: 450px;
  max-height: 368px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 12px 48px 16px rgba(28, 36, 46, 0.03), 0px 9px 28px 0px rgba(28, 36, 46, 0.05), 0px 6px 16px -8px rgba(28, 36, 46, 0.08);
  overflow: auto;
}
.editor-eventView-popover-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.editor-eventView-popover-search {
  padding: 12px 16px;
}
.editor-eventView-popover-search-input .editor-input {
  box-sizing: border-box;
  height: 28px;
  padding: 4px 8px 4px 8px;
  font-size: 12px;
}
.editor-eventView-popover-search-input .editor-input-group-addon {
  display: none;
}
.editor-eventView-popover-search-input .editor-input-affix-wrapper {
  padding: 0 8px 0 8px;
}
.editor-eventView-popover-search-input .editor-input-suffix {
  color: #c6c8cb;
}
.editor-eventView-popover-tree {
  width: 100%;
  overflow: auto;
}
.editor-eventView-popover-tree .editor-tree {
  width: fit-content;
}
.editor-eventView-popover-tree .editor-tree-node-content-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.editor-eventView-popover-tree .editor-tree-title {
  display: block;
  height: 24px;
  min-width: 50px;
}
.editor-eventView-popover-tree .editor-tree-iconEle {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.editor-eventView-popover-tree .editor-tree-treenode {
  padding-right: 12px !important;
}
.editor-eventView-popover-tree .filter-node .editor-tree-title {
  color: #4477ee !important;
  font-weight: 500;
}
.editor-eventView-popover-overlay {
  padding: 0 !important;
}
.editor-eventView-popover-overlay .editor-popover-arrow {
  display: none !important;
}
.editor-eventView-popover-overlay .editor-popover-inner-content {
  padding: 0 !important;
}
.editor-event-TooltipTitle-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.editor-event-TooltipTitle-item-title {
  font-weight: 500;
  margin-right: 3px;
}
.editor-event-TooltipTitle-enableClick {
  cursor: pointer;
  text-decoration: underline;
}
.editor-Ellipsis .editor-expend-btn {
  color: #4477EE;
  font-size: 13px;
  cursor: pointer;
}