.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%;background:#000}.ReactCrop__image{max-width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);box-sizing:border-box;cursor:move;background:transparent}.ReactCrop__drag-handle{position:absolute;width:12px;height:12px;background:#fff;border:1px solid #000;box-sizing:border-box;outline:1px solid hsla(0,0%,100%,.7)}.ReactCrop__drag-handle:after{position:absolute;content:"";top:50%;left:50%;width:4px;height:4px;background:#000;transform:translate(-50%,-50%)}.ReactCrop__drag-handle--ne{top:-6px;right:-6px;cursor:ne-resize}.ReactCrop__drag-handle--se{bottom:-6px;right:-6px;cursor:se-resize}.ReactCrop__drag-handle--sw{bottom:-6px;left:-6px;cursor:sw-resize}.ReactCrop__drag-handle--nw{top:-6px;left:-6px;cursor:nw-resize}.ReactCrop__drag-handle--n{top:-6px;left:50%;cursor:n-resize;margin-left:-6px}.ReactCrop__drag-handle--e{top:50%;right:-6px;cursor:e-resize;margin-top:-6px}.ReactCrop__drag-handle--s{bottom:-6px;left:50%;cursor:s-resize;margin-left:-6px}.ReactCrop__drag-handle--w{top:50%;left:-6px;cursor:w-resize;margin-top:-6px}.ReactCrop--disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--rule-of-thirds .ReactCrop__crop-selection:after,.ReactCrop--rule-of-thirds .ReactCrop__crop-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid hsla(0,0%,100%,.4);box-sizing:border-box}.ReactCrop--rule-of-thirds .ReactCrop__crop-selection:before{left:33.333%;right:33.333%}.ReactCrop--rule-of-thirds .ReactCrop__crop-selection:after{top:33.333%;bottom:33.333%}