.priority-editor__image {
  cursor: default;
  display: inline-block;
  position: relative;
  user-select: none;
}
.priority-editor__image img {
  max-width: 100%;
  cursor: default;
}
.priority-editor__image img.focused {
  outline: 2px solid rgb(60, 132, 244);
  user-select: none;
}
.priority-editor__image img.draggable {
  cursor: grab;
}
.priority-editor__image img.draggable:active {
  cursor: grabbing;
}

.priority-editor__image-resizer {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: rgb(60, 132, 244);
  border: 1px solid #fff;
}

.priority-editor__image-resizer_n {
  top: -6px;
  left: 48%;
  cursor: n-resize;
}

.priority-editor__image-resizer_ne {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}

.priority-editor__image-resizer_e {
  bottom: 48%;
  right: -6px;
  cursor: e-resize;
}

.priority-editor__image-resizer_se {
  bottom: -2px;
  right: -6px;
  cursor: nwse-resize;
}

.priority-editor__image-resizer_s {
  bottom: -2px;
  left: 48%;
  cursor: s-resize;
}

.priority-editor__image-resizer_sw {
  bottom: -2px;
  left: -6px;
  cursor: sw-resize;
}

.priority-editor__image-resizer_w {
  bottom: 48%;
  left: -6px;
  cursor: w-resize;
}

.priority-editor__image-resizer_nw {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}

.image-resizer-wrap__resizing {
  touch-action: none;
}