.img-cropper{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;text-align:left;white-space:nowrap;direction:ltr;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);border-radius:.6rem;width:100%;height:100%;position:relative}@keyframes zi-antBorder{0%{background-position:0 0}50%{background-position:0 5px}to{background-position:0 10px}}.cropper-box,.cropper-box-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-face{-webkit-user-select:none;user-select:none;border-radius:inherit;position:absolute;inset:0}.cropper-box-canvas img{text-align:left;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:relative;transform:none}.cropper-box{overflow:hidden}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-modal{background:#00000080}.controlBoxInnerLine{z-index:1;pointer-events:none;background-image:linear-gradient(-45deg,#fff 25%,#409eff00 0 50%,#fff 0 75%,#fff 0,#409eff00);background-size:10px 10px;animation:.8s linear infinite zi-antBorder;position:absolute}.controlBoxInnerLineTop{width:100%;height:1px;top:-1px}.controlBoxInnerLineBottom{width:100%;height:1px;bottom:-1px}.controlBoxInnerLineLeft{width:1px;height:100%;top:0;left:-1px}.controlBoxInnerLineRight{width:1px;height:100%;top:0;right:-1px}.cropper-view-box{width:100%;height:100%;display:block;overflow:hidden}.cropper-crop-box{width:100%;height:100%;position:relative}.cropper-crop-box .brag-drup{width:100%;min-width:calc(100% - 2px);height:100%;min-height:calc(100% - 2px);position:absolute}.cropper-crop-box .brag-drup .crop-line{background:0 0;position:absolute}.cropper-crop-box .brag-drup .crop-line.line-w{height:1px;top:0;left:0;right:0}.cropper-crop-box .brag-drup .crop-line.line-a{width:1px;top:0;bottom:0;left:0}.cropper-crop-box .brag-drup .crop-line.line-s{height:1px;bottom:0;left:0;right:0}.cropper-crop-box .brag-drup .crop-line.line-d{width:1px;top:0;bottom:0;right:0}.cropper-crop-box .brag-drup .crop-point{pointer-events:auto;z-index:2;width:.5rem;height:.5rem;position:absolute}.cropper-crop-box .brag-drup .crop-point:before{content:"";background-color:#fff;border-radius:100%;width:50%;height:50%;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff}.cropper-crop-box .brag-drup .crop-point[class*=point]{left:calc(var(--edge-x)*100%);top:calc(var(--edge-y)*100%);transform:translate(-50%,-50%)}.cropper-crop-box .brag-drup .point1{--edge-x:0;--edge-y:0;--tx:1;--ty:1}.cropper-crop-box .brag-drup .point3{--edge-x:1;--edge-y:0;--tx:-1;--ty:1}.cropper-crop-box .brag-drup .point6{--edge-x:0;--edge-y:1;--tx:1;--ty:-1}.cropper-crop-box .brag-drup .point8{--edge-x:1;--edge-y:1;--tx:-1;--ty:-1}.cropper-crop-box .brag-drup .point2{--edge-x:.5;--edge-y:0;--tx:0;--ty:1}.cropper-crop-box .brag-drup .point7{--edge-x:.5;--edge-y:1;--tx:0;--ty:-1}.cropper-crop-box .brag-drup .point4{--edge-x:0;--edge-y:.5;--tx:1;--ty:0}.cropper-crop-box .brag-drup .point5{--edge-x:1;--edge-y:.5;--tx:-1;--ty:0}.cropper-view-box img{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face{opacity:.1;background-color:#fff;top:0;left:0}.crop-info{text-align:center;color:#fff;background-color:#0009;border-radius:20px;min-width:65px;padding:0 4px;font-size:.2rem;font-weight:700;line-height:20px;position:absolute;left:0}.crop-line{opacity:.1;width:100%;height:100%;display:block;position:absolute}.line-w{height:5px;top:0;left:0;cursor:n-resize!important}.line-a{width:5px;top:0;left:-3px;cursor:w-resize!important}.line-s{height:5px;bottom:-3px;left:0;cursor:s-resize!important}.line-d{width:5px;top:0;right:-3px;cursor:e-resize!important}@media screen and (width<=500px){.crop-point{opacity:.45;width:20px;height:20px}.crop-point:before{width:100%;height:100%}.point2,.point4,.point5,.point7{display:none}}