.XmlDragDropDiv {
  --TopLevelColor: var(--LightTextColor);
  --TopLevelBackgroundColor: var(--PrimaryColor);
  --ActionColor: var(--LightTextColor);
  --ActionBackgroundColor: var(--TertiaryColor);
  --FilterColor: var(--PrimaryColor);
  --FilterBackgroundColor: var(--RowEvenColor);
  --ParameterColor: var(--PrimaryColor);
  --ParameterBackgroundColor: var(--MenuBackgroundColor);
  --SelectedBorderColor: var(--WarningColor);
}
.XmlDragDropDiv .blocklyToolboxDiv {
  background-color: var(--MenuBackgroundColor);
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeIconNone {
  display: none !important;
}
.XmlDragDropDiv .blocklyToolboxDiv .Action .blocklyTreeRow,
.XmlDragDropDiv .blocklyToolboxDiv .Plugins .blocklyTreeRow {
  display: flex;
  align-items: center;
  gap: 3px;
}
.XmlDragDropDiv .blocklyToolboxDiv .Action .blocklyTreeRow::before,
.XmlDragDropDiv .blocklyToolboxDiv .Plugins .blocklyTreeRow::before {
  content: ' ';
  display: inline-block;
  height: 100%;
  width: 10px;
  background-color: var(--ActionBackgroundColor);
  border-top: solid color-mix(in srgb, var(--ActionBackgroundColor), #fff 15%) 1px;
  border-left: solid color-mix(in srgb, var(--ActionBackgroundColor), #fff 15%) 1px;
  border-bottom: solid color-mix(in srgb, var(--ActionBackgroundColor), #000 20%) 1px;
  border-right: solid color-mix(in srgb, var(--ActionBackgroundColor), #000 20%) 1px;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow {
  padding-right: 20px;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow.blocklyTreeSelected,
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow:hover {
  background-color: var(--SecondaryColor) !important;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel,
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow:hover .blocklyTreeLabel {
  color: var(--PrimaryColor) !important;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon {
  align-items: center;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconClosedLtr {
  display: flex !important;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconClosedLtr::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconClosedLtr::after {
  content: "\eab8";
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconOpen {
  display: flex !important;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconOpen::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.XmlDragDropDiv .blocklyToolboxDiv .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconOpen::after {
  content: "\eab9";
}
.XmlDragDropDiv svg {
  outline: none;
}
.XmlDragDropDiv svg .blocklyText {
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
}
.XmlDragDropDiv svg .blocklyIconShape {
  fill: transparent;
}
.XmlDragDropDiv svg .blocklyTreeLabel .blocklyPath,
.XmlDragDropDiv svg .TopLevel .blocklyPath {
  fill: var(--TopLevelBackgroundColor);
}
.XmlDragDropDiv svg .blocklyTreeLabel .blocklyPathLight,
.XmlDragDropDiv svg .TopLevel .blocklyPathLight {
  stroke: color-mix(in srgb, var(--TopLevelBackgroundColor), #fff 15%);
}
.XmlDragDropDiv svg .blocklyTreeLabel .blocklyPathDark,
.XmlDragDropDiv svg .TopLevel .blocklyPathDark {
  fill: color-mix(in srgb, var(--TopLevelBackgroundColor), #000 20%);
}
.XmlDragDropDiv svg .blocklyTreeLabel > g > .blocklyText,
.XmlDragDropDiv svg .TopLevel > g > .blocklyText {
  fill: var(--TopLevelColor);
}
.XmlDragDropDiv svg .Action .blocklyPath {
  fill: var(--ActionBackgroundColor);
}
.XmlDragDropDiv svg .Action .blocklyPathLight {
  stroke: color-mix(in srgb, var(--ActionBackgroundColor), #fff 15%);
}
.XmlDragDropDiv svg .Action .blocklyPathDark {
  fill: color-mix(in srgb, var(--ActionBackgroundColor), #000 20%);
}
.XmlDragDropDiv svg .Action > g > .blocklyText {
  fill: var(--ActionColor);
}
.XmlDragDropDiv svg .Filter .blocklyPath {
  fill: var(--FilterBackgroundColor);
}
.XmlDragDropDiv svg .Filter .blocklyPathLight {
  stroke: color-mix(in srgb, var(--FilterBackgroundColor), #fff 15%);
}
.XmlDragDropDiv svg .Filter .blocklyPathDark {
  fill: color-mix(in srgb, var(--FilterBackgroundColor), #000 20%);
}
.XmlDragDropDiv svg .Filter .blocklyIconShape {
  stroke: var(--FilterColor);
}
.XmlDragDropDiv svg .Filter .blocklyIconSymbol,
.XmlDragDropDiv svg .Filter > g > .blocklyText {
  fill: var(--FilterColor);
}
.XmlDragDropDiv svg .Parameter .blocklyPath {
  fill: var(--ParameterBackgroundColor);
}
.XmlDragDropDiv svg .Parameter .blocklyPathLight {
  stroke: color-mix(in srgb, var(--ParameterBackgroundColor), #fff 15%);
}
.XmlDragDropDiv svg .Parameter .blocklyPathDark {
  fill: color-mix(in srgb, var(--ParameterBackgroundColor), #000 20%);
}
.XmlDragDropDiv svg .Parameter .blocklyIconShape {
  stroke: var(--ParameterColor);
}
.XmlDragDropDiv svg .Parameter .blocklyIconSymbol,
.XmlDragDropDiv svg .Parameter > g > .blocklyText {
  fill: var(--ParameterColor);
}
.XmlDragDropDiv svg .blocklySelected > .blocklyPath {
  stroke: var(--SelectedBorderColor);
}
.XmlDragDropDiv svg g.blocklyEditableText .blocklyFieldRect {
  fill-opacity: 1;
  fill: var(--LightBackgroundColor);
  rx: var(--BorderRadius);
  ry: var(--BorderRadius);
}
.XmlDragDropDiv svg g.blocklyEditableText .blocklyText {
  fill: var(--PrimaryColor);
}
.blocklyWidgetDiv {
  font-size: inherit !important;
}
.blocklyWidgetDiv .blocklyHtmlInput {
  font-size: inherit !important;
  border-radius: var(--BorderRadius) !important;
  padding: 0 !important;
  background-color: var(--LightBackgroundColor) !important;
  outline: none;
}
.blocklyWidgetDiv .goog-menu {
  scrollbar-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent) color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
  scrollbar-width: thin;
}
.blocklyWidgetDiv .goog-menu::-webkit-scrollbar {
  display: block;
}
.blocklyWidgetDiv .goog-menu::-webkit-scrollbar-track {
  background-color: color-mix(in srgb, var(--QuinaryColor) 80%, transparent);
}
.blocklyWidgetDiv .goog-menu::-webkit-scrollbar-thumb {
  background-color: color-mix(in srgb, var(--DisabledColor) 80%, transparent);
  background-clip: content-box;
  border-left: solid transparent 1px;
  border-right: solid transparent 1px;
  border-radius: 2px;
}
.blocklyWidgetDiv .goog-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.blocklyTooltipDiv {
  position: absolute;
  color: var(--PrimaryColor);
  background: var(--SecondaryColor);
  font-weight: normal;
  height: auto;
  padding: 2px 5px;
  margin-left: 1px;
  border: var(--BorderWidth) solid var(--BorderColor);
  border-color: var(--PrimaryColor);
  border-radius: var(--BorderRadius);
  cursor: default;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
  opacity: 1;
}
.blocklyBubbleCanvas path,
.blocklyBlockDragSurface path,
.blocklyBubbleCanvas rect,
.blocklyBlockDragSurface rect {
  fill: var(--DisabledColor);
}
.blocklyBubbleCanvas rect,
.blocklyBlockDragSurface rect {
  rx: var(--BorderRadius);
  ry: var(--BorderRadius);
}
.blocklyBubbleCanvas .blocklyResizeSE,
.blocklyBlockDragSurface .blocklyResizeSE {
  fill: transparent;
}
.blocklyBubbleCanvas .blocklyCommentTextarea,
.blocklyBlockDragSurface .blocklyCommentTextarea {
  overflow: auto;
}
.blocklyDropDownDiv .blocklyDropdownMenu .blocklyMenuItem {
  padding: var(--ContentPadding) !important;
}
.blocklyDropDownDiv .blocklyDropdownMenu .blocklyMenuItem.blocklyMenuItemSelected {
  background-color: var(--OptionSelectedColor);
}
.blocklyDropDownDiv .blocklyDropdownMenu .blocklyMenuItem:hover {
  background-color: var(--OptionActiveColor);
}
.blocklyDropDownDiv .blocklyDropdownMenu .blocklyMenuItem:hover.blocklyMenuItemSelected {
  background-color: var(--OptionSelectedActiveColor);
}
.blocklyDropDownDiv .blocklyDropdownMenu .blocklyMenuItem .blocklyMenuItemContent {
  color: var(--PrimaryColor);
  font-family: "SofiaPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blocklyDropDownDiv .blocklyDropdownMenu .blocklyMenuItem .blocklyMenuItemCheckbox {
  display: none;
}