.native-cropper .cropper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible !important;
  direction: ltr !important;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  z-index: 1050;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: none !important;
}  

.native-cropper .cropp-section {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: none !important;
}

.native-cropper .cropper-hidden {
  display: none !important;
}

.native-cropper .cropper-bg, .native-cropper .cropper-modal, .native-cropper .cropper-dashed, .native-cropper .cropper-center {
  display: none !important;
}

.native-cropper .cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: none !important;
}

.native-cropper .cropper-canvas {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: none !important;
}

.native-cropper .cropper-canvas img {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  object-fit: cover !important;
}

.native-cropper .cropper-drag-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1052;
  background: none !important;
}

.native-cropper .cropper-crop-box {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1053 !important;
  touch-action: none;
  user-select: none;
  background: none !important;
}

.native-cropper .cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: none !important;
}

.native-cropper .cropper-view-box img {
  display: block;
  image-rendering: pixelated;
  max-width: none !important;
  max-height: none !important;
}

.native-cropper .cropper-face {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  opacity: 0 !important;
}

.native-cropper .cropper-line {
  position: absolute !important;
  display: block !important;
  opacity: 1 !important;
  background-color: #9406FF !important;
  z-index: 1054 !important;
  pointer-events: auto !important;
}

.native-cropper .cropper-line.line-e {
  cursor: e-resize !important;
  right: 0 !important;
  top: 0 !important;
  width: 2px !important;
  height: 100% !important;
  display: block !important;
}

.native-cropper .cropper-line.line-n {
  cursor: n-resize !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  display: block !important;
}

.native-cropper .cropper-line.line-w {
  cursor: w-resize !important;
  top: 0 !important;
  left: 0 !important;
  width: 2px !important;
  height: 100% !important;
  display: block !important;
}

.native-cropper .cropper-line.line-s {
  cursor: s-resize !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  display: block !important;
}

.native-cropper .cropper-point {
  position: absolute !important;
  width: 12px !important;
  height: 12px !important;
  opacity: 1 !important;
  background-color: #9406FF !important;
  border: 1px solid #fff !important;
  border-radius: 50% !important;
  z-index: 1054 !important;
}

.native-cropper .cropper-point.point-e { top: 50%; right: -6px !important; margin-top: -6px !important; cursor: e-resize !important; }
.native-cropper .cropper-point.point-n { top: -6px !important; left: 50% !important; margin-left: -6px !important; cursor: n-resize !important; }
.native-cropper .cropper-point.point-w { top: 50%; left: -6px !important; margin-top: -6px !important; cursor: w-resize !important; }
.native-cropper .cropper-point.point-s { bottom: -6px !important; left: 50% !important; margin-left: -6px !important; cursor: s-resize !important; }
.native-cropper .cropper-point.point-ne { top: -6px !important; right: -6px !important; cursor: ne-resize !important; }
.native-cropper .cropper-point.point-nw { top: -6px !important; left: -6px !important; cursor: nw-resize !important; }
.native-cropper .cropper-point.point-sw { bottom: -6px !important; left: -6px !important; cursor: sw-resize !important; }
.native-cropper .cropper-point.point-se {
  right: -6px !important;
  bottom: -6px !important;
  cursor: se-resize !important;
  width: 12px !important;
  height: 12px !important;
  opacity: 1 !important;
}

.native-cropper .cropper-point:active,
.native-cropper .cropper-point:hover {
  opacity: 1 !important;
}