@import url(~@/global.less);

.leftPanel {
  width: 224px;
  background: @background-color;
  position: relative;
}
.designLayout {
  flex: 1;
  background: #eaecee;
  overflow: auto;
}

.x6-widget-transform {
  margin: -1px 0 0 -1px;
  padding: 0;
  border: 1px dashed #239edd;
  border-radius: 0;
}

.x6-widget-transform > div {
  border: 1px solid #239edd;
}

.x6-widget-transform > div:hover {
  background-color: #3dafe4;
}

.x6-widget-transform-active-handle {
  background-color: #3dafe4;
}

.x6-widget-transform-resize {
  border-radius: 0;
}

.x6-edge-selected {
  filter: drop-shadow(0 0 2px #239edd);
}