.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}