.image-display-component[data-v-e5d669ed]{width:100%}.image-container[data-v-e5d669ed]{background-color:#f5f5f5;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-element[data-v-e5d669ed]{pointer-events:none;transform-origin:0 0}.cursor-preview[data-v-e5d669ed]{background-color:#ffffffb3;border-radius:50%;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0000001a;display:flex;height:32px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:32px;z-index:10}.btn-icon[data-v-e5d669ed],.cursor-preview[data-v-e5d669ed]{align-items:center;justify-content:center}.btn-icon[data-v-e5d669ed]{background-color:transparent!important;border:1px solid transparent!important;display:inline-flex;transition:all .2s}.btn-icon[data-v-e5d669ed]:hover{border-color:#cbd5e0}i[data-v-e5d669ed]{background-color:var(--text-sec-color);color:#fff;padding:.5rem}i.zoomIn[data-v-e5d669ed]:before{content:""}i.zoomOut[data-v-e5d669ed]:before{content:""}i.drag[data-v-e5d669ed]:before{content:""}i.reset[data-v-e5d669ed]:before{content:""}i.download[data-v-e5d669ed]:before{content:""}i.colorPicker[data-v-e5d669ed]:before{content:""}.crosshair-container[data-v-e5d669ed]{inset:0;z-index:10}.crosshair-container[data-v-e5d669ed],.crosshair-line[data-v-e5d669ed]{pointer-events:none;position:absolute}.crosshair-line[data-v-e5d669ed]{background-color:#fffc;box-shadow:0 0 0 1px #0000004d}.crosshair-line.horizontal[data-v-e5d669ed]{border-top:1px dashed #333;height:1px;left:0;right:0}.crosshair-line.vertical[data-v-e5d669ed]{border-left:1px dashed #333;bottom:0;top:0;width:1px}.checkerboard[data-v-e5d669ed]{background:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0),linear-gradient(45deg,#ccc 25%,#fff 0 75%,#ccc 0);background-position:0 0,10px 10px;background-size:20px 20px}.crop-overlay[data-v-e5d669ed]{inset:0;pointer-events:auto;position:absolute;z-index:20}.crop-box[data-v-e5d669ed]{border:2px solid #f44;box-shadow:0 0 0 2000px #0000004d;cursor:move;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle[data-v-e5d669ed]{background-color:#f44;border:1px solid #fff;height:8px;position:absolute;width:8px;z-index:21}.resize-handle.nw[data-v-e5d669ed]{cursor:nw-resize;left:-4px;top:-4px}.resize-handle.ne[data-v-e5d669ed]{cursor:ne-resize;right:-4px;top:-4px}.resize-handle.sw[data-v-e5d669ed]{bottom:-4px;cursor:sw-resize;left:-4px}.resize-handle.se[data-v-e5d669ed]{bottom:-4px;cursor:se-resize;right:-4px}.resize-handle.n[data-v-e5d669ed]{cursor:n-resize;top:-4px}.resize-handle.n[data-v-e5d669ed],.resize-handle.s[data-v-e5d669ed]{left:50%;transform:translate(-50%)}.resize-handle.s[data-v-e5d669ed]{bottom:-4px;cursor:s-resize}.resize-handle.w[data-v-e5d669ed]{cursor:w-resize;left:-4px}.resize-handle.e[data-v-e5d669ed],.resize-handle.w[data-v-e5d669ed]{top:50%;transform:translateY(-50%)}.resize-handle.e[data-v-e5d669ed]{cursor:e-resize;right:-4px}