.overlayView{width:100%;height:100%;position:absolute;top:0;left:0;touch-action:none}.cropRect,.cropRect .left,.cropRect .right,.cropRect .top,.cropRect .bottom,.cropRect .leftTop,.cropRect .rightTop,.cropRect .leftBottom,.cropRect .rightBottom{position:absolute;z-index:1}.cropRect .leftTop{border-top-left-radius:6px}.cropRect .rightTop{border-top-right-radius:6px}.cropRect .leftBottom{border-bottom-left-radius:6px}.cropRect .rightBottom{border-bottom-right-radius:6px}.cropRect{border:2000px solid rgba(43,43,43,.5);margin:-2000px 0 0 -2000px;cursor:crosshair;width:30%;height:30%;left:35%;top:35%;display:none;box-shadow:0 0 10px rgba(0,0,0,.2),inset 0 0 10px rgba(0,0,0,.2)}.cropRect .content{width:100%;height:100%;cursor:move;background-color:rgba(43,43,43,.5);border:0}.cropBoxHint{position:absolute;width:100%;text-align:center;vertical-align:middle;top:50%;z-index:16;color:#fff;transform:translate(0,-50%);pointer-events:none;display:none}.cropRect.ready,.cropBoxHint.ready{display:block}.cropRect .content.start{animation:showCropBoxContent .5s ease-out .5s forwards}.cropRect .content.end{background-color:rgba(0,0,0,0)}.cropBoxHint.start{animation:fadeHint .5s ease-out 3s forwards}.cropBoxHint.end{opacity:0}.cropRect.end,.cropRect .content.end,.cropBoxHint.end{animation-fill-mode:none}.cropRect .left,.cropRect .right{height:100%;width:6px}.cropRect .top,.cropRect .bottom{height:6px;width:100%}.cropRect .leftTop,.cropRect .rightTop,.cropRect .leftBottom,.cropRect .rightBottom{height:16px;width:16px}.cropRect .top{top:-4px}.cropRect .leftTop,.cropRect .rightTop{top:-1.5px}.cropRect .bottom{bottom:-4px}.cropRect .leftBottom,.cropRect .rightBottom{bottom:-1.5px}.ltr .cropRect .left{left:-4px}.ltr .cropRect .leftTop,.ltr .cropRect .leftBottom{left:-1.5px}.ltr .cropRect .right{right:-4px}.ltr .cropRect .rightTop,.ltr .cropRect .rightBottom{right:-1.5px}.rtl .cropRect .left{right:-4px}.rtl .cropRect .leftTop,.rtl .cropRect .leftBottom{right:-1.5px}.rtl .cropRect .right{left:-4px}.rtl .cropRect .rightTop,.rtl .cropRect .rightBottom{left:-1.5px}.cropRect .leftTop,.cropRect .rightTop{border-top:4px solid #fff}.cropRect .leftBottom,.cropRect .rightBottom{border-bottom:4px solid #fff}.ltr .cropRect .leftTop,.ltr .cropRect .leftBottom{border-left:4px solid #fff}.ltr .cropRect .rightTop,.ltr .cropRect .rightBottom{border-right:4px solid #fff}.rtl .cropRect .leftTop,.rtl .cropRect .leftBottom{border-right:4px solid #fff}.rtl .cropRect .rightTop,.rtl .cropRect .rightBottom{border-left:4px solid #fff}@media(forced-colors:active){#crop_rect{border-color:rgba(255,255,255,.5);forced-color-adjust:none}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cropRect .leftTop,.cropRect .rightTop,.cropRect .leftBottom,.cropRect .rightBottom,.ltr .cropRect .leftTop,.ltr .cropRect .leftBottom,.ltr .cropRect .rightTop,.ltr .cropRect .rightBottom,.rtl .cropRect .leftTop,.rtl .cropRect .leftBottom,.rtl .cropRect .rightTop,.rtl .cropRect .rightBottom{border-color:Canvas;forced-color-adjust:auto}.cropRect .leftTop:focus-visible,.cropRect .rightTop:focus-visible,.cropRect .leftBottom:focus-visible,.cropRect .rightBottom:focus-visible{outline:2px solid CanvasText;border-radius:2px;box-shadow:0 0 0 4px Canvas;forced-color-adjust:none}}.cropRect .left{cursor:w-resize}.cropRect .right{cursor:e-resize}.cropRect .top{cursor:n-resize}.cropRect .bottom{cursor:s-resize}.cropRect .leftTop{cursor:nw-resize}.cropRect .rightTop{cursor:ne-resize}.cropRect .leftBottom{cursor:sw-resize}.cropRect .rightBottom{cursor:se-resize}.ltr .cropRect.end{width:70%;height:70%;left:15%;top:15%}.rtl .cropRect.end{width:70%;height:70%;right:15%;top:15%}@-webkit-keyframes showCropBoxContent{from{background-color:rgba(43,43,43,.5)}to{background-color:rgba(0,0,0,0)}}@-moz-keyframes showCropBoxContent{from{background-color:rgba(43,43,43,.5)}to{background-color:rgba(0,0,0,0)}}@-ms-keyframes showCropBoxContent{from{background-color:rgba(43,43,43,.5)}to{background-color:rgba(0,0,0,0)}}@-o-keyframes showCropBoxContent{from{background-color:rgba(43,43,43,.5);}to{background-color:rgba(0,0,0,0);}}@keyframes showCropBoxContent{from{background-color:rgba(43,43,43,.5)}to{background-color:rgba(0,0,0,0)}}@-webkit-keyframes fadeHint{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeHint{from{opacity:1}to{opacity:0}}@-ms-keyframes fadeHint{from{opacity:1}to{opacity:0}}@-o-keyframes fadeHint{from{opacity:1;}to{opacity:0;}}@keyframes fadeHint{from{opacity:1}to{opacity:0}}