.image-specification{align-items:flex-end;display:flex;flex-direction:column;gap:9px;pointer-events:none}.image-specification .tip-line{align-items:center;background-color:#f4f5fa;border-radius:4px;display:flex;font-size:12px;gap:4px;height:22px;padding:0 9px}.image-specification .tip-line .icon{height:12px;width:12px}.image-specification .tip-line .normal{color:#000}.image-specification .tip-line .error{color:#fb5a60}.image-specification .tip-line .tip{color:#666a7c}.image-cropper-compressor{display:flex;flex:1;gap:12px;overflow:hidden;position:relative}.image-cropper-compressor .title{color:#fff;font-size:20px;margin-bottom:12px}.image-cropper-compressor-main{display:flex;flex:1;flex-direction:column;gap:12px;overflow:hidden}.image-cropper-compressor .cropper-image-wrapper{border-radius:8px;display:flex;flex:1;overflow:hidden;position:relative;width:100%}.image-cropper-compressor .cropper-image-wrapper .cropper-image{height:100%;width:100%}.image-cropper-compressor .cropper-image-wrapper .image-specification{bottom:8px;position:absolute;right:8px}.image-cropper-compressor .cropper-controls{background-color:#0003;bottom:0;color:#fff;left:0;position:absolute;text-align:center;width:74vw}.image-cropper-compressor .image-info{background-color:#00000080;color:#fff;padding:10px;position:absolute;right:0;top:0;width:200px}.image-cropper-compressor .bottom-toolbar{align-items:center;background-color:#000;border-radius:90px;color:#fff;display:flex;gap:20px;height:60px;justify-content:space-between;padding:0 16px 0 24px;width:100%}.image-cropper-compressor .bottom-toolbar .operate-item{align-items:center;background-color:#fff3;border-radius:4px;display:flex;gap:8px;height:32px;justify-content:center;padding:0 4px 0 8px;white-space:nowrap}.image-cropper-compressor .bottom-toolbar .operate-item .item-label{color:#fff;font-size:12px}.image-cropper-compressor .bottom-toolbar .button-complete{align-items:center;background-color:#fff;border-radius:90px;color:#000;cursor:pointer;display:flex;font-size:14px;height:38px;justify-content:center;margin-left:auto;padding:0 22px;white-space:nowrap}.image-cropper-compressor .bottom-toolbar .button-complete.disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.image-cropper-compressor .toolbar{align-items:center;display:flex;flex-direction:column;gap:10px;padding-bottom:80px;width:40px}.image-cropper-compressor .ant-select .ant-select-selector{background:transparent!important;border-width:0!important;box-shadow:none!important}.image-cropper-compressor .ant-select .ant-select-selection-item{color:#fff9!important;font-size:12px;line-height:24px!important}.image-cropper-compressor .ant-select .ant-select-arrow{color:#fff9}.image-cropper-compressor .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,.image-cropper-compressor .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-right-width:0!important}.image-cropper-compressor .ant-slider{width:88px}.image-cropper-compressor .ant-slider .ant-slider-rail{background-color:#606162}.image-cropper-compressor .ant-slider .ant-slider-track,.image-cropper-compressor .ant-slider:hover .ant-slider-track{background-color:#fff}.image-cropper-compressor .ant-slider:hover .ant-slider-rail{background-color:#606162}.image-cropper-compressor .ant-slider .ant-slider-handle{border:none}.image-cropper-compressor .ant-slider .ant-slider-handle:focus{box-shadow:none}.image-cropper-compressor .ant-input-number{background-color:#606162;border-color:#606162;color:#fff;font-size:12px;width:60px}.image-cropper-compressor .ant-input-number .ant-input-number-handler-down-inner,.image-cropper-compressor .ant-input-number .ant-input-number-handler-up-inner{color:#b8b8b9}.image-cropper-compressor .ant-input-number .ant-input-number-handler{border:none}.image-cropper-compressor .ant-input-number .ant-input-number-handler:active{background-color:#606162;color:#fff}.image-cropper-compressor .ant-input-number .ant-input-number-handler:active .ant-input-number-handler-down-inner,.image-cropper-compressor .ant-input-number .ant-input-number-handler:active .ant-input-number-handler-up-inner{color:#fff}.image-cropper-compressor .ant-input-number .ant-input-number-handler-wrap{background-color:#606162;border-left:unset;width:16px}.image-cropper-compressor .ant-input-number-focused,.image-cropper-compressor .ant-input-number:focus,.image-cropper-compressor .ant-input-number:hover{border-color:#606162;border-right-width:0!important;box-shadow:none}.image-cropper-compressor .ant-input-number .ant-input-number-input{color:#fff}.cropper-compressor{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease-out;width:100%;z-index:9999}.cropper-compressor .cropper-compressor-mask{-webkit-backdrop-filter:blur(90px);backdrop-filter:blur(90px);background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.cropper-compressor .cropper-compressor-panel{align-items:center;display:flex;flex-direction:column;height:100%;left:0;padding:16px 16px 48px;position:absolute;top:0;width:100%;z-index:1}.cropper-compressor .cropper-compressor-panel-title{align-items:center;color:var(--text-color-inverse);display:flex;justify-content:flex-end;width:100%}.cropper-compressor .cropper-compressor-panel-title .icon{cursor:pointer}.cropper-compressor .cropper-compressor-panel-main{display:flex;flex:1;flex-direction:column;gap:12px;margin-top:40px;min-width:1000px;overflow:hidden;position:relative;width:calc(90% - 100px)}.cropper-compressor .cropper-compressor-panel-main-title{align-items:baseline;color:#fff;display:flex;font-size:20px;font-weight:500;gap:20px}.comp-upload[data-v-edce39da]:not(.no-style-class){aspect-ratio:1;background-color:#f8f9fc;border:none;border:1px dashed var(--border-color-2);border-radius:4px;height:100%;text-align:center;vertical-align:top;width:100%}.comp-upload:not(.no-style-class):hover .upload-inner[data-v-edce39da]{background-color:#eeeff5}.comp-upload:not(.no-style-class).active[data-v-edce39da]{border:1px solid var(--border-color-primary)}.comp-upload:not(.no-style-class).noborder[data-v-edce39da]{border-color:transparent}.comp-upload:not(.no-style-class) .upload-inner[data-v-edce39da]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:20px;position:relative;text-align:center}.comp-upload:not(.no-style-class) .upload-inner .text[data-v-edce39da]{color:#999;font-size:12px;font-weight:400;margin-top:8px}.comp-upload:not(.no-style-class) .upload-content[data-v-edce39da]{align-items:center;display:flex;flex-direction:column}.comp-upload:not(.no-style-class) .upload-content .placeholder-image[data-v-edce39da]{width:22%}.comp-upload:not(.no-style-class) .upload-content .add[data-v-edce39da]{-o-object-fit:contain;object-fit:contain;width:40px}.comp-upload:not(.no-style-class) .upload-content .title[data-v-edce39da]{font-size:12px;font-weight:500;margin-bottom:8px;margin-top:8px}.comp-upload:not(.no-style-class) .image-cut-float-actions[data-v-edce39da]{align-items:center;background-color:#0000001a;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.comp-upload:not(.no-style-class) .image-cut-float-actions .toolbar-actions[data-v-edce39da]{display:flex;flex-direction:column;gap:12px}.comp-upload:not(.no-style-class) .image-cut-float-actions .toolbar-button[data-v-edce39da]{background-color:#ffffffe6;border-radius:2px;color:#666;cursor:pointer;font-size:12px;height:28px;line-height:28px;padding:0 12px;transition:opacity .3s}.comp-upload:not(.no-style-class) .image-cut-float-actions .toolbar-button[data-v-edce39da]:hover{background-color:#fff;color:#262626}.comp-upload:not(.no-style-class) .loading-mask[data-v-edce39da]{align-items:center;background-color:#0000001a;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:3}.comp-upload:not(.no-style-class) .image-container[data-v-edce39da]{height:100%;position:relative;width:100%}.comp-upload:not(.no-style-class) .image-container:hover .image-cut-float-actions[data-v-edce39da],.comp-upload:not(.no-style-class) .image-container:hover .mask[data-v-edce39da]{display:flex}.comp-upload:not(.no-style-class) .image-container .image[data-v-edce39da]{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%;z-index:1}.comp-upload:not(.no-style-class) .image-container .close[data-v-edce39da]{cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px;z-index:1}.comp-upload:not(.no-style-class) .image-container .mask[data-v-edce39da]{background-color:#0006;display:none;height:100%;position:absolute;width:100%;z-index:2}.comp-upload:not(.no-style-class) .image-container .mask .select-avatar[data-v-edce39da]{background-color:#0003;border:1px solid #ffffffd9;color:#ffffffd9;cursor:pointer;height:25px;left:182px;position:absolute;top:103px;width:88px;z-index:3}