.mo-cropper{text-align:center;position:relative;font-size:16px;line-height:16px;outline:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2)}.mo-cropper *{-webkit-box-sizing:border-box;box-sizing:border-box}.mo-cropper img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mo-cropper .clipped-image,.mo-cropper .outer-image{width:100%;height:100%;display:block}@-webkit-keyframes cropper-opacity-animation{from{opacity:0}to{opacity:.3}}@keyframes cropper-opacity-animation{from{opacity:0}to{opacity:.3}}.mo-cropper.cropper-hidden,.mo-cropper.cropper-loading .outer-image-container{display:none}.mo-cropper .outer-image-container{position:absolute;opacity:.3;left:0;top:0;cursor:move}.mo-cropper:not(.cropper-hidden) .outer-image-container{-webkit-animation:.2s ease-in cropper-opacity-animation;animation:.2s ease-in cropper-opacity-animation}.mo-cropper .clipped{position:relative;left:0;top:0;max-width:none;pointer-events:none}.mo-cropper .cropper-frame{-webkit-box-sizing:border-box;box-sizing:border-box;position:initial!important;cursor:move;z-index:300;left:0;top:0;pointer-events:none}.mo-cropper .clipping-container{overflow:hidden;position:relative;height:100%;width:100%}.mo-cropper .clip-handle{position:absolute;pointer-events:all;top:100%;left:50%;width:0;height:0;z-index:310;cursor:row-resize;margin-top:-10px;-webkit-transition-property:z-index,margin-top;transition-property:z-index,margin-top;-webkit-transition-duration:.5s,.5s;transition-duration:.5s,.5s}.mo-cropper .clip-handle:before{-webkit-transition-property:background-color,height;transition-property:background-color,height;-webkit-transition-duration:.2s;transition-duration:.2s;content:"";position:relative;display:block;top:10px;background-color:#ccc;-webkit-box-shadow:1px 1px 3px #727272;box-shadow:1px 1px 3px #727272;left:-25px;width:50px;height:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.mo-cropper .clip-handle:hover:before{height:15px}.mo-cropper .clip-handle:after{content:"\f107";position:relative;display:block;font-family:FontAwesome;color:#eee;top:-4px;left:-15px;width:30px;height:auto;border:none}.mo-cropper.cropper-moving.cropper-moving-handle .clip-handle:before{background-color:#ff5722;height:15px}.mo-cropper.cropper-loading .clip-handle,.mo-cropper.cropper-moving:not(.cropper-moving-handle) .clip-handle{z-index:-10000;margin-top:-30px}.mo-cropper .toolbar{position:absolute;bottom:0;height:32px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(rgba(0,0,0,.1)),color-stop(rgba(0,0,0,.3)),to(rgba(0,0,0,.8)));background-image:linear-gradient(transparent,rgba(0,0,0,.1),rgba(0,0,0,.3),rgba(0,0,0,.8));padding:6px;-webkit-transition-property:opacity,bottom;transition-property:opacity,bottom;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;pointer-events:all;z-index:1;opacity:1}.mo-cropper.mo-cropper.cropper-moving:not(.cropper-moving-slide):not(.cropper-moving-wheel) .toolbar{pointer-events:none;opacity:.1;bottom:-40px}.mo-cropper .ui-slider{z-index:1000;position:relative;height:4px;background-color:#fff;border:none;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;border-radius:3px;margin:8px}.mo-cropper .ui-slider .ui-slider-handle{position:absolute;-webkit-transition-property:background-color,top,width,margin-left,height;transition-property:background-color,top,width,margin-left,height;-webkit-transition-duration:.2s;transition-duration:.2s;margin-left:-7px;top:-5px;width:14px;height:14px;background-color:#bfbfbf!important;-webkit-box-shadow:1px 1px 3px #727272;box-shadow:1px 1px 3px #727272;background-image:none;border:none;border-radius:100%;cursor:ew-resize}.mo-cropper .ui-slider .ui-slider-handle:focus{outline:0}.mo-cropper .ui-slider .ui-slider-handle:hover{margin-left:-10px;top:-8px;width:20px;height:20px}.mo-cropper.mo-cropper.cropper-moving-slide .ui-slider .ui-slider-handle{margin-left:-10px;top:-8px;width:20px;height:20px;background-color:#ff5722!important}.mo-cropper:not(.cropper-has-changes) .tool-crop .fa:before{content:"\f00d"}.mo-cropper.cropper-loading .tool-crop .fa:before{content:"\f110"!important}.mo-cropper .tool{color:#fff;cursor:pointer;background-image:none;border:none;border-radius:100%;width:30px;height:30px;z-index:400;padding:6px;-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;max-width:30px}.mo-cropper .tool:hover{background-color:rgba(128,128,128,.5)}.mo-cropper.cropper-method-cover .tool-zoom .fa:before{content:"\f07d"}.mo-cropper.cropper-method-resize .tool-zoom .fa:before{content:"\f065"}.mo-cropper.cropper-loading .tool-crop .fa{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}