.cropper-container { direction:ltr; font-size:0; line-height:0; position:relative; -ms-touch-action:none; touch-action:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.cropper-container img { display:block; height:100%; image-orientation:0; max-height:none !important; max-width:none !important; min-height:0 !important; min-width:0 !important; width:100%; }
.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal { bottom:0; left:0; position:absolute; right:0; top:0; }
.cropper-wrap-box,.cropper-canvas { overflow:hidden; }
.cropper-drag-box { background-color:#fff; opacity:0; }
.cropper-modal { background-color:#000; opacity:.5; }
.cropper-view-box { display:block; height:100%; outline:1px solid #39f; outline-color:rgba(51,153,255,.75); overflow:hidden; width:100%; }
.cropper-dashed { border:0 dashed #eee; display:block; opacity:.5; position:absolute; }
.cropper-dashed.dashed-h { border-bottom-width:1px; border-top-width:1px; height:calc(100%/3); left:0; top:calc(100%/3); width:100%; }
.cropper-dashed.dashed-v { border-left-width:1px; border-right-width:1px; height:100%; left:calc(100%/3); top:0; width:calc(100%/3); }
.cropper-center { display:block; height:0; left:50%; opacity:.75; position:absolute; top:50%; width:0; }
.cropper-center::before,.cropper-center::after { background-color:#eee; content:' '; display:block; position:absolute; }
.cropper-center::before { height:1px; left:-3px; top:0; width:7px; }
.cropper-center::after { height:7px; left:0; top:-3px; width:1px; }
.cropper-face,.cropper-line,.cropper-point { display:block; height:100%; opacity:.1; position:absolute; width:100%; }
.cropper-face { background-color:#fff; left:0; top:0; }
.cropper-line { background-color:#39f; }
.cropper-line.line-e { cursor:ew-resize; right:-3px; top:0; width:5px; }
.cropper-line.line-n { cursor:ns-resize; height:5px; left:0; top:-3px; }
.cropper-line.line-w { cursor:ew-resize; left:-3px; top:0; width:5px; }
.cropper-line.line-s { bottom:-3px; cursor:ns-resize; height:5px; left:0; }
.cropper-point { background-color:#39f; height:5px; opacity:.75; width:5px; }
.cropper-point.point-e { cursor:ew-resize; margin-top:-3px; right:-3px; top:50%; }
.cropper-point.point-n { cursor:ns-resize; left:50%; margin-left:-3px; top:-3px; }
.cropper-point.point-w { cursor:ew-resize; left:-3px; margin-top:-3px; top:50%; }
.cropper-point.point-s { bottom:-3px; cursor:s-resize; left:50%; margin-left:-3px; }
.cropper-point.point-ne { cursor:nesw-resize; right:-3px; top:-3px; }
.cropper-point.point-nw { cursor:nwse-resize; left:-3px; top:-3px; }
.cropper-point.point-sw { bottom:-3px; cursor:nesw-resize; left:-3px; }
.cropper-point.point-se { bottom:-3px; cursor:nwse-resize; height:20px; opacity:1; right:-3px; width:20px; }

@media(min-width:768px) {
    .cropper-point.point-se { height:15px; width:15px; } 
} 

@media(min-width:992px) {
    .cropper-point.point-se { height:10px; width:10px; } 
} 

@media(min-width:1200px) {
    .cropper-point.point-se { height:5px; opacity:.75; width:5px; } 
} 
.cropper-point.point-se::before { background-color:#39f; bottom:-50%; content:' '; display:block; height:200%; opacity:0; position:absolute; right:-50%; width:200%; }
.cropper-invisible { opacity:0; }
.cropper-bg { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC); }
.cropper-hide { display:block; height:0; position:absolute; width:0; }
.cropper-hidden { display:none !important; }
.cropper-move { cursor:move; }
.cropper-crop { cursor:crosshair; }
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point { cursor:not-allowed; }