.crop-images[data-v-b8d683da]{width:184px;height:100%;display:flex;padding:16px 12px;flex-direction:column;gap:12px;box-sizing:border-box;border-right:1px solid #e5e6eb;background:#f7f8fa}.crop-images-title[data-v-b8d683da]{color:#1d2129;font-size:13px;font-weight:700;line-height:22px}.crop-images-images[data-v-b8d683da]{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex:1;overflow-y:auto;margin-right:-12px}.crop-images-images[data-v-b8d683da]::-webkit-scrollbar{width:5px;height:5px}.crop-images-img-wrapper[data-v-b8d683da]{position:relative;min-width:160px;min-height:160px;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;border:1px solid #e5e6eb;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);box-sizing:border-box;overflow:hidden;cursor:pointer}.crop-images-img-wrapper-active[data-v-b8d683da],.crop-images-img-wrapper[data-v-b8d683da]:hover{border-color:#0045f0}.crop-images-img[data-v-b8d683da]{max-height:100%;max-width:100%;border:none}.crop-images-cur-text[data-v-b8d683da]{position:absolute;top:0;left:0;padding:0 4px;border-radius:0 0 4px 0;background:var(--brand-13-normal,#0045f0);color:#fff;font-size:12px;line-height:18px}.crop-panel[data-v-e83cf254]{height:100%;padding:20px 20px 0;box-sizing:border-box;background-color:#fff}.crop-panel-tip[data-v-e83cf254]{display:flex;margin-bottom:20px;color:#4e5969;font-size:12px;line-height:18px}.crop-panel-size-input[data-v-e83cf254]{display:flex;align-items:center;margin-bottom:20px}.crop-panel-multi-text[data-v-e83cf254]{margin:0 8px;color:#86909c;font-size:12px;line-height:18px}.crop-panel-cropper-wrapper[data-v-e83cf254]{width:400px;height:400px;margin-bottom:12px}.crop-panel[data-v-e83cf254] .cropper-view-box{outline:1px solid #0045f0}.crop-panel[data-v-e83cf254] .crop-point{position:absolute;width:6px;height:6px;border:1px solid #0045f0;background:#fff;border-radius:0;opacity:1;box-sizing:border-box}.crop-panel[data-v-e83cf254] .point1{top:0;left:0;transform:translate(-50%,-50%)}.crop-panel[data-v-e83cf254] .point2{top:0;margin-left:0;transform:translate(-50%,-50%)}.crop-panel[data-v-e83cf254] .point3{top:0;right:0;transform:translate(50%,-50%)}.crop-panel[data-v-e83cf254] .point4{left:0;margin-top:0;transform:translate(-50%,-50%)}.crop-panel[data-v-e83cf254] .point5{right:0;margin-top:0;transform:translate(50%,-50%)}.crop-panel[data-v-e83cf254] .point6{bottom:0;left:0;transform:translate(-50%,50%)}.crop-panel[data-v-e83cf254] .point7{bottom:0;margin-left:0;transform:translate(-50%,50%)}.crop-panel[data-v-e83cf254] .point8{bottom:0;right:0;transform:translate(50%,50%)}.crop-panel[data-v-e83cf254] .cropper-modal{background:rgba(0,0,0,.2)}.save-images[data-v-0c662b50]{width:184px;height:100%;display:flex;padding:16px 12px;flex-direction:column;box-sizing:border-box;border-left:1px solid #e5e6eb;background:#f7f8fa}.save-images-title[data-v-0c662b50]{color:#1d2129;font-size:13px;font-weight:700;line-height:22px}.save-images-tip[data-v-0c662b50]{margin-bottom:12px;color:#86909c;font-size:12px;line-height:18px}.save-images-images[data-v-0c662b50]{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;overflow-y:auto;margin-right:-12px}.save-images-images[data-v-0c662b50]::-webkit-scrollbar{width:5px;height:5px}.save-images-img-wrapper[data-v-0c662b50]{position:relative;min-width:160px;min-height:160px;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;border:1px solid #e5e6eb;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);box-sizing:border-box;overflow:hidden}.save-images-img[data-v-0c662b50]{max-height:100%;max-width:100%;border:none}.save-images-icon-wrapper[data-v-0c662b50]{position:absolute;top:0;right:0;height:18px;border-radius:0 4px;background:rgba(0,0,0,.45);padding:1px 4px;box-sizing:border-box;cursor:pointer}.save-images-icon-close[data-v-0c662b50]{width:16px;height:16px;color:#fff}.image-cropper-content[data-v-0c58763c]{display:flex;height:100%;box-sizing:border-box;border-radius:4px;border:1px solid #e5e6eb}.image-cropper-crop-panel[data-v-0c58763c]{flex:1}