@prefix: border-resize-handle;

.@{prefix} {
  &- {
    &root {
      position: absolute;
      transform: translate(-50%, -50%);
      border: 1px solid #1199ff;
      background-color: #ffffff;
      z-index: 1;
    }

    &y {
      top: 100%;
      left: 50%;
      width: 80%;
      height: 6px;
      cursor: ns-resize;
    }

    &x {
      left: 100%;
      top: 50%;
      height: 80%;
      width: 6px;
      cursor: ew-resize;
    }
  }
}