.vue-cropper{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;-ms-touch-action:none;touch-action:none;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-box,.cropper-box-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-box-canvas img{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:none;transform:none;max-width:none;max-height:none}.cropper-box{overflow:hidden}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-modal{background:rgba(0,0,0,.5)}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75)}.cropper-view-box,.cropper-view-box img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-view-box img{max-width:none;max-height:none}.cropper-face{top:0;left:0;background-color:#fff;opacity:.1}.crop-info{position:absolute;left:0;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w{top:-3px;left:0;height:5px;cursor:n-resize}.line-a{top:0;left:-3px;width:5px;cursor:w-resize}.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1{top:-4px;left:-4px;cursor:nw-resize}.point2{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3{top:-4px;right:-4px;cursor:ne-resize}.point4{left:-4px}.point4,.point5{top:50%;margin-top:-3px;cursor:w-resize}.point5{right:-4px}.point6{bottom:-5px;left:-4px;cursor:sw-resize}.point7{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8{bottom:-5px;right:-4px;cursor:nw-resize}@media screen and (max-width:500px){.crop-point{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1{top:-10px;left:-10px}.point2,.point4,.point5,.point7{display:none}.point3{top:-10px;right:-10px}.point4{top:0;left:0}.point6{bottom:-10px;left:-10px}.point8{bottom:-10px;right:-10px}}