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

.container {
  background: #fff;
}

.sider {
  background: @background-color !important;
}

.x6-widget-transform {
  margin: -3px;
  padding: 2px;
  border: 1.5px solid #239edd;
  border-radius: 0;
  border: none;
}

.x6-widget-transform{
  & > div {
    display: none;
  }
  & > [data-position="right"], & > [data-position="left"], & > [data-position="bottom"]  {
    display: block;
    border: none;
    width: 1px;
    height: 100%;
    top: 0;
    margin-top: 0;
    right: -1px;
    opacity: 0;
  }
  & > [data-position="left"] {
    left: 0;
  }
} 

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

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