/*!
 * CropSelectJs - https://zara4.com/projects/crop-select-js
 *
 * Copyright (c) 2017 Zara 4
 *
 * Released under the GNU GPL 3.0 License
 * https://github.com/zara-4/crop-select-js/blob/master/LICENSE.md
 *
 */.crop-select-js .crop-wrapper{display:block;max-width:100%;max-height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:#f1f1f1}.crop-select-js .crop-wrapper img.crop-image{display:block;margin:auto;max-width:100%;max-height:100%;position:relative;top:0}.crop-select-js .crop-wrapper .crop-selection{position:absolute;box-sizing:border-box;display:block;width:100px;height:100px;cursor:move;top:0;z-index:5}.crop-select-js .crop-wrapper .crop-selection.animated{border:0}.crop-select-js .crop-wrapper .crop-selection .border{display:block;position:absolute;z-index:10}.crop-select-js .crop-wrapper .crop-selection .border.left{top:0;bottom:0;left:0;width:1px;border-left:1px dashed #000}.crop-select-js .crop-wrapper .crop-selection .border.top{top:0;right:0;left:0;height:1px;border-top:1px dashed #000}.crop-select-js .crop-wrapper .crop-selection .border.right{top:0;bottom:0;right:0;width:1px;border-right:1px dashed #000}.crop-select-js .crop-wrapper .crop-selection .border.bottom{bottom:0;right:0;left:0;height:1px;border-bottom:1px dashed #000}.crop-select-js .crop-wrapper .crop-selection.animated .border.bottom,.crop-select-js .crop-wrapper .crop-selection.animated .border.left,.crop-select-js .crop-wrapper .crop-selection.animated .border.right,.crop-select-js .crop-wrapper .crop-selection.animated .border.top{border:0}.crop-select-js .crop-wrapper .crop-selection.animated .border{background:url(img/selection.gif)}.crop-select-js .crop-wrapper .crop-selection .handle{position:absolute;display:block;width:7px;height:7px;background-color:rgba(255,255,255,.8);border:1px solid #000;z-index:20}.crop-select-js .crop-wrapper .crop-selection .handle.top-left{top:0;left:0;cursor:nwse-resize}.crop-select-js .crop-wrapper .crop-selection .handle.top{left:calc(50% - 5px);top:0;cursor:ns-resize}.crop-select-js .crop-wrapper .crop-selection .handle.top-right{top:0;right:0;cursor:nesw-resize}.crop-select-js .crop-wrapper .crop-selection .handle.right{top:calc(50% - 5px);right:0;cursor:ew-resize}.crop-select-js .crop-wrapper .crop-selection .handle.bottom-right{bottom:0;right:0;cursor:nwse-resize}.crop-select-js .crop-wrapper .crop-selection .handle.bottom{bottom:0;left:calc(50% - 5px);cursor:ns-resize}.crop-select-js .crop-wrapper .crop-selection .handle.bottom-left{bottom:0;left:0;cursor:nesw-resize}.crop-select-js .crop-wrapper .crop-selection .handle.left{top:calc(50% - 5px);left:0;cursor:ew-resize}.crop-select-js .crop-wrapper .shadow{display:block;position:absolute;background-color:rgba(0,0,0,.6);width:0;height:0;z-index:10}.crop-select-js .crop-wrapper .shadow.left{left:0;top:0;height:100%}.crop-select-js .crop-wrapper .shadow.right{right:0;top:0;height:100%}.crop-select-js .crop-wrapper .shadow.top{left:30px;top:0}.crop-select-js .crop-wrapper .shadow.bottom{left:60px;bottom:0}