.croppr-container *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.croppr-container img{vertical-align:middle;max-width:100%}.croppr{position:relative;display:inline-block}.croppr-handle,.croppr-imageClipped,.croppr-overlay,.croppr-region{position:absolute;top:0}.croppr-overlay{background:rgba(0, 59, 42, 0.5);right:0;bottom:0;left:0;z-index:1;cursor:crosshair;box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.6);padding:0.2%;border-radius:5px;}.croppr-region{border:1px solid rgba(255, 255, 255, 1);z-index:3;cursor:move;border-radius:50%;}.croppr-imageClipped{right:0;bottom:0;left:0;z-index:2;pointer-events:none}.croppr-handle{border:1px solid rgba(26, 26, 26, 1);background-color:rgba(255, 255, 255, 1);width:20px;height:20px;z-index:4;border-radius:50%;}#preview{border:1px solid rgba(255, 255, 255, 1);border-radius:50%;width:20%;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);}
#editorCrop {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#editorCrop.rotate90,
#editorCrop.rotate270 {
  width: 100%;
  height: 100%;
}
#pictureholder {
  transform-origin: top left;
}
#editorCrop.rotate90 #pictureholder {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
}
#editorCrop.rotate180 #pictureholder {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
#editorCrop.rotate270 #pictureholder {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
}