.vue-cropper[data-v-a742df44]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);box-sizing:border-box;direction:ltr;height:100%;position:relative;text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.cropper-box-canvas[data-v-a742df44],.cropper-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-face[data-v-a742df44]{inset:0;position:absolute;-webkit-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{max-height:none;max-width:none;position:relative;text-align:left;transform:none;-webkit-user-select:none;user-select:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:#00000080}.cropper-view-box[data-v-a742df44]{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%}.cropper-view-box img[data-v-a742df44]{max-height:none;max-width:none;text-align:left;-webkit-user-select:none;user-select:none}.cropper-face[data-v-a742df44]{background-color:#fff;left:0;opacity:.1;top:0}.crop-info[data-v-a742df44]{background-color:#000c;color:#fff;font-size:12px;left:0;line-height:20px;min-width:65px;position:absolute;text-align:center}.crop-line[data-v-a742df44]{display:block;height:100%;opacity:.1;position:absolute;width:100%}.line-w[data-v-a742df44]{cursor:n-resize;height:5px;left:0;top:-3px}.line-a[data-v-a742df44]{cursor:w-resize;left:-3px;top:0;width:5px}.line-s[data-v-a742df44]{bottom:-3px;cursor:s-resize;height:5px;left:0}.line-d[data-v-a742df44]{cursor:e-resize;right:-3px;top:0;width:5px}.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:8px;opacity:.75;position:absolute;width:8px}.point1[data-v-a742df44]{cursor:nw-resize;left:-4px;top:-4px}.point2[data-v-a742df44]{cursor:n-resize;left:50%;margin-left:-3px;top:-5px}.point3[data-v-a742df44]{cursor:ne-resize;right:-4px;top:-4px}.point4[data-v-a742df44]{cursor:w-resize;left:-4px;margin-top:-3px;top:50%}.point5[data-v-a742df44]{cursor:e-resize;margin-top:-3px;right:-4px;top:50%}.point6[data-v-a742df44]{bottom:-5px;cursor:sw-resize;left:-4px}.point7[data-v-a742df44]{bottom:-5px;cursor:s-resize;left:50%;margin-left:-3px}.point8[data-v-a742df44]{bottom:-5px;cursor:se-resize;right:-4px}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:20px;opacity:.45;position:absolute;width:20px}.point1[data-v-a742df44]{left:-10px;top:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{right:-10px;top:-10px}.point4[data-v-a742df44]{left:0;top:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}.canvasBox[data-v-0863cfd6]{border-radius:50%}.canvasBox[data-v-0863cfd6],.canvasBox .spinnerOneBox[data-v-0863cfd6]{align-items:center;display:flex;justify-content:center}.canvasBox .spinnerOneBox[data-v-0863cfd6]{border:.3em solid #0000;border-radius:100%;border-right:.3em solid var(--active-high-color);border-top:.3em solid var(--active-high-color)}.canvasBox .spinnerMaxBox[data-v-0863cfd6]{animation:spinnerOne-0863cfd6 3s linear infinite;height:3em;width:3em}.canvasBox .spinnerMaxBox .spinnerMidBox[data-v-0863cfd6]{animation:spinnerOne-0863cfd6 5s linear infinite;height:2.4em;width:2.4em}.canvasBox .spinnerMaxBox .spinnerMidBox .spinnerMinBox[data-v-0863cfd6]{animation:spinnerOne-0863cfd6 5s linear infinite;height:1.8em;width:1.8em}@keyframes spinnerOne-0863cfd6{0%{transform:rotate(0)}to{transform:rotate(1turn)}}[data-v-e4817314] .vue-cropper{background:#0000}[data-v-e4817314] .vue-cropper .cropper-view-box{outline:none}[data-v-e4817314] .vue-cropper .cropper-move{cursor:url(../img/UploadAvatar/icon-move.svg),move}.cut-box[data-v-e4817314]{position:relative;touch-action:none;width:100%}[data-v-e4817314] .custom-scale{max-width:294px}[data-v-e4817314] .custom-scale.active .el-slider__button{background:#b5c4d6}[data-v-e4817314] .custom-scale .el-slider__runway{background:#456c99;border-radius:500px;height:6px}[data-v-e4817314] .custom-scale .el-slider__runway .el-slider__bar{background:#b5c4d6}[data-v-e4817314] .custom-scale .el-slider__button{background:#456c99;border:none;border-radius:var(--Radius-SurCard-xl-12,12px);box-shadow:-1.884px 0 3.769px #0a213c;flex-shrink:0;height:22.613px;width:16.286px}.mask[data-v-e4817314]{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100dvw;z-index:50}.cropper-container[data-v-e4817314]{background:#081a30;border-radius:12px;width:610px}.cropper-header[data-v-e4817314]{align-items:center;display:flex;justify-content:center;padding:16px;position:relative}.cropper-header .title[data-v-e4817314]{color:#fff;font-family:Fixel Text;font-size:22px;font-weight:800}.cropper-header .close-btn[data-v-e4817314]{align-items:center;background:#202b50;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:8.615px;position:absolute;right:16px;top:16px;width:32px}.cropper-header .close-btn .icon-img[data-v-e4817314]{aspect-ratio:1/1;width:15px}.cropper-body[data-v-e4817314]{display:flex;height:294px;justify-content:center;padding:7px;position:relative}.cropper-body .select-img-btn[data-v-e4817314]{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cropper-body .select-img-btn .default-img[data-v-e4817314]{aspect-ratio:1/1;background-image:url(../img/UploadAvatar/icon-default.webp);background-size:contain;transition:all .2s ease-in;width:44px}.cropper-body .select-img-btn .default-img.active[data-v-e4817314]{background-image:url(../img/UploadAvatar/icon-default_2.webp)}.cropper-body .crop-area[data-v-e4817314]{align-items:center;aspect-ratio:1/1;background:#0a213c;display:flex;justify-content:center;width:280px}.cropper-body .preview-box[data-v-e4817314]{aspect-ratio:1/1;background:#d9d9d9;bottom:0;overflow:hidden;position:absolute;right:10px;-webkit-user-select:none;user-select:none;width:124px}.cropper-body .preview-box .real-img[data-v-e4817314]{transform:scale(.5);transform-origin:0 0}.cropper-footer[data-v-e4817314]{padding:16px 16px 32px}.cropper-footer .handle-group[data-v-e4817314]{align-items:center;background:#0a213c;border-radius:10px;display:flex;gap:19px;justify-content:space-between;margin-bottom:10px;padding:8px 10px}.cropper-footer .handle-group .set-btn[data-v-e4817314]{aspect-ratio:1/1;background-size:contain;cursor:pointer;transition:all .2s ease-in;width:48px}.cropper-footer .handle-group .set-btn.zoom[data-v-e4817314]{background-image:url(../img/UploadAvatar/icon-zoom.webp)}.cropper-footer .handle-group .set-btn.zoom[data-v-e4817314]:hover{background-image:url(../img/UploadAvatar/icon-zoom_2.webp)}.cropper-footer .handle-group .set-btn.shrink[data-v-e4817314]{background-image:url(../img/UploadAvatar/icon-shrink.webp)}.cropper-footer .handle-group .set-btn.shrink[data-v-e4817314]:hover{background-image:url(../img/UploadAvatar/icon-shrink_2.webp)}.cropper-footer .handle-group .set-btn.rotateLeft[data-v-e4817314]{background-image:url(../img/UploadAvatar/icon-leftRotate.webp)}.cropper-footer .handle-group .set-btn.rotateLeft[data-v-e4817314]:hover{background-image:url(../img/UploadAvatar/icon-leftRotate_2.webp)}.cropper-footer .handle-group .set-btn.rotateRight[data-v-e4817314]{background-image:url(../img/UploadAvatar/icon-rightRotate.webp)}.cropper-footer .handle-group .set-btn.rotateRight[data-v-e4817314]:hover{background-image:url(../img/UploadAvatar/icon-rightRotate_2.webp)}.cropper-footer .handle-group .set-btn[data-v-e4817314]:hover{transform:scale(1.05)}.cropper-footer .confirm-btn[data-v-e4817314]{background:#20ce2e;border:none;border-radius:12px;color:#fff;display:flex;font-family:Fixel Text;font-size:20px;font-weight:800;height:64px;outline:none;width:100%}