.vue-advanced-cropper{direction:ltr;max-height:100%;max-width:100%;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__stretcher{max-height:100%;max-width:100%;pointer-events:none;position:relative}.vue-advanced-cropper__image{max-width:none!important;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{background:#000;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{height:100%;width:100%}.vue-advanced-cropper__image-wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;display:block;height:10px;width:10px}.vue-handler-wrapper{height:30px;position:absolute;transform:translate(-50%,-50%);width:30px}.vue-handler-wrapper__draggable{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{align-items:center;background:none;display:flex;justify-content:center;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;left:0;transform:translateY(-50%);width:100%}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{height:100%;top:0;transform:translate(-50%);width:12px}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{height:100%;position:relative;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{max-width:none!important;pointer-events:none;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-rectangle-stencil{box-sizing:border-box}.vue-rectangle-stencil,.vue-rectangle-stencil__preview{height:100%;position:absolute;width:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;height:100%;position:absolute;width:100%}.vue-circle-stencil__preview{border-radius:50%;height:100%;position:absolute;width:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;overflow:hidden;position:relative}.vue-preview--fill,.vue-preview__wrapper{height:100%;position:absolute;width:100%}.vue-preview__image{max-width:none!important;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-simple-line{background:none;border:0 solid hsla(0,0%,100%,.3);transition:border .5s}.vue-simple-line--north,.vue-simple-line--south{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{border-color:#fff;opacity:1}.crop-img-component[data-v-1725c2a4]{position:relative}.file-input-hidden[data-v-1725c2a4]{border:0;height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;width:0;clip:rect(0 0 0 0)}.upload-div[data-v-1725c2a4]{height:180px;position:relative;width:582px}.upload-div.show-text-style[data-v-1725c2a4]{width:100%}.upload-div .btn-upload[data-v-1725c2a4]{border:none;cursor:pointer;height:180px;left:50%;opacity:0;outline:none;overflow:hidden;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:582px;z-index:99}.upload-div .btn-upload[data-v-1725c2a4] span{display:inline-block;height:100%;width:100%}.upload-div .upload-input[data-v-1725c2a4]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.upload-div .change-text[data-v-1725c2a4]{color:#333;font-size:14px;left:50%;pointer-events:none;position:absolute;top:63%;transform:translate(-50%,-50%);z-index:9}.upload-div .change-text.show-top[data-v-1725c2a4]{color:#446eeb;cursor:pointer;margin-top:7px}.upload-div .avatar-placeholder[data-v-1725c2a4]{background-color:#d8d8d8;border-radius:54px;display:block;height:108px;margin:0 auto 5px;width:108px}.upload-div .static-img[data-v-1725c2a4]{left:50%;pointer-events:none;position:absolute;top:44%;transform:translate(-50%,-50%);z-index:9}.cropper-dialog[data-v-1725c2a4]{align-items:center;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.cropper-dialog .cropper-overlay[data-v-1725c2a4]{background:#000000b3;inset:0;position:absolute;z-index:9998}.cropper-dialog .cropper-container[data-v-1725c2a4]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;padding:20px;position:relative;z-index:9999}.cropper-dialog .cropper-container .cropper-header[data-v-1725c2a4]{margin-bottom:14px;padding-right:32px;position:relative}.cropper-dialog .cropper-container .cropper-title[data-v-1725c2a4]{color:#303133;font-size:18px;font-weight:500;line-height:24px;margin:0}.cropper-dialog .cropper-container .cropper-guide[data-v-1725c2a4]{color:#8a8f99;font-size:13px;line-height:20px;margin:4px 0 0}.cropper-dialog .cropper-container .cropper-close[data-v-1725c2a4]{background:none;border:0;color:#909399;cursor:pointer;font-size:24px;height:32px;line-height:32px;padding:0;position:absolute;right:-6px;top:-4px;width:32px}.cropper-dialog .cropper-container .cropper-close[data-v-1725c2a4]:hover:not(:disabled){color:#2026cc}.cropper-dialog .cropper-container .cropper-close[data-v-1725c2a4]:disabled{cursor:not-allowed;opacity:.4}.cropper-dialog .cropper-container .cropper-stage[data-v-1725c2a4]{background:#f2f3f5;flex:1;min-height:0;position:relative}.cropper-dialog .cropper-container .cropper[data-v-1725c2a4]{height:100%}.cropper-dialog .cropper-container .cropper-footer[data-v-1725c2a4]{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.cropper-dialog .cropper-container .cropper-hint[data-v-1725c2a4]{color:#999;flex:1;font-size:13px;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}