@import './../../styles/variables';

.ark-ui-resizeable-window {
  position: absolute;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
  z-index: $element;

  &.is-selected {
    z-index: $elementPriority;
  }
}

.ark-ui-resizeable-window-top-line, .ark-ui-resizeable-window-bottom-line {
  cursor: row-resize;
  height: 8px;
  width: 100%;
}

.ark-ui-resizeable-window-middle-line {
  display: flex;
}

.ark-ui-resizeable-window-left-line, .ark-ui-resizeable-window-right-line {
  cursor: col-resize;
  height: 100%;
  width: 8px;
}