:host {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mx-resize-corner {
  pointer-events: all;
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  bottom: 0;
  &:hover {
    cursor: se-resize;
  }

  &__icon {
    pointer-events: none;
    border-width: 0 2px 2px 0;

    border-style: solid;
    width: 8px;
    height: 8px;
    right: 8px;
    bottom: 8px;
  }
}

.mx-resize-right {
  pointer-events: all;
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 100%;
  right: -8px;
  &:hover {
    cursor: ew-resize;
  }
}

.mx-resize-bottom {
  pointer-events: all;
  display: inline-block;
  position: absolute;
  height: 16px;
  bottom: -8px;
  width: 100%;
  &:hover {
    cursor: ns-resize;
  }
}