.dialogs-image-crop{background-color:#fff}.dialogs-image-crop .preview{width:80vw;height:80vh}.i-image-crop{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.i-image-crop>.crop-box{position:relative;height:100%}.i-image-crop>.crop-box>img{position:absolute;width:auto;max-width:unset}.i-image-crop>.crop-box>canvas{position:absolute;top:0;left:0}.i-image-crop>.crop-box .size{position:absolute;font-size:12px;text-align:center;transform:translateY(-24px)}.i-image-crop>.crop-box>.point{position:absolute;width:5px;height:5px;z-index:1}.i-image-crop>.crop-box>.point.tl{cursor:nw-resize;border:0 solid #0072ff;border-width:4px 0 0 4px;transform:translate(-4px,-4px)}.i-image-crop>.crop-box>.point.tr{cursor:ne-resize;border:0 solid #0072ff;border-width:4px 4px 0 0;transform:translate(-1px,-4px)}.i-image-crop>.crop-box>.point.bl{cursor:sw-resize;border:0 solid #0072ff;border-width:0 0 4px 4px;transform:translate(-4px,-1px)}.i-image-crop>.crop-box>.point.br{cursor:se-resize;border:0 solid #0072ff;border-width:0 4px 4px 0;transform:translate(-1px,-1px)}.i-image-crop>.crop-box>.point.tc{cursor:n-resize;border-bottom:4px solid #0072ff;transform:translate(-2.5px,-5px)}.i-image-crop>.crop-box>.point.rc{cursor:e-resize;border-left:4px solid #0072ff;transform:translateY(-2.5px)}.i-image-crop>.crop-box>.point.bc{cursor:s-resize;border-top:4px solid #0072ff;transform:translate(-2.5px)}.i-image-crop>.crop-box>.point.lc{cursor:w-resize;border-right:4px solid #0072ff;transform:translate(-5px,-2.5px)}.i-image-crop>.crop-box>.rect{position:absolute;border:2px solid #0072ff;z-index:10}.i-image-crop>.crop-box>.rect>.horizontal,.i-image-crop>.crop-box>.rect>.vertical{position:absolute}.i-image-crop>.crop-box>.rect>.horizontal{left:0;right:0;border-bottom:2px dashed #666}.i-image-crop>.crop-box>.rect>.vertical{top:0;bottom:0;border-right:2px dashed #666}.hd-image-upload-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.hd-image-upload-page .btns{margin-top:20px}.hd-image-upload-page button{padding:14px 20px;margin:10px;background:#1b78ff;color:#fff}.hd-image-upload-page button:hover{background:#3587ff}.hd-image-upload-page button.active,.hd-image-upload-page button:active{background:#68a5ff}