.image-cropper-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;z-index:9999999;display:none;overflow:auto;padding:20px;box-sizing:border-box}.image-cropper-content{position:relative;width:100%;max-width:1024px;margin:0 auto;padding:30px;background:#fff;border-radius:8px;box-shadow:0 0 30px #0003;box-sizing:border-box}.image-cropper-title{text-align:center;font-size:24px;margin-bottom:20px;font-weight:700}.image-cropper-subtitle{text-align:center;font-size:16px;margin-bottom:30px;color:#666}.image-cropper-area{position:relative;width:100%;height:auto;min-height:100px;max-width:100%;margin:0 auto 30px;background-color:#f6f6f6;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:height .3s ease,width .3s ease;box-sizing:border-box}.crop-container{position:absolute;overflow:visible;box-sizing:border-box;display:flex;justify-content:center;align-items:center;pointer-events:none}.crop-image{display:block;cursor:move;object-fit:cover!important;max-width:none!important;max-height:none!important;transform-origin:0 0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;position:absolute;top:0;left:0;pointer-events:auto}.crop-image.lock-x-axis{cursor:ns-resize!important}.crop-image.lock-y-axis{cursor:ew-resize!important}.crop-box{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:4px solid #00c2ff;box-shadow:0 0 0 9999px #ffffffbf;pointer-events:none}.crop-handle{position:absolute;width:20px;height:20px;background-color:#00c2ff;border-radius:0;pointer-events:auto;z-index:100}.crop-handle.nw{top:-10px;left:-10px;cursor:nw-resize}.crop-handle.ne{top:-10px;right:-10px;cursor:ne-resize}.crop-handle.se{bottom:-10px;right:-10px;cursor:se-resize}.crop-handle.sw{bottom:-10px;left:-10px;cursor:sw-resize}.crop-aspect-ratio-info{text-align:center;margin-top:10px;font-size:14px;color:#666}.image-cropper-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.image-cropper-button{padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .3s ease}.image-cropper-apply{background-color:#4a7dbd;color:#fff;border:none}.image-cropper-apply:hover{background-color:#3a6ca9}.image-cropper-cancel{background-color:#f5f5f5;color:#555;border:1px solid #ccc}.image-cropper-cancel:hover{background-color:#e8e8e8}@media (max-width: 768px){.image-cropper-container{padding:10px}.image-cropper-content{padding:15px;width:100%;max-width:100%;border-radius:4px}.image-cropper-title{font-size:20px;margin-bottom:15px}.image-cropper-subtitle{font-size:14px;margin-bottom:20px}.image-cropper-area{max-width:100%;max-height:60vh;margin-bottom:20px}.image-cropper-actions{flex-direction:column;gap:10px;margin-top:20px}.image-cropper-button{width:100%;margin-bottom:0;padding:10px 20px;font-size:16px}.crop-handle{width:30px;height:30px}.crop-handle.nw{top:-15px;left:-15px}.crop-handle.ne{top:-15px;right:-15px}.crop-handle.se{bottom:-15px;right:-15px}.crop-handle.sw{bottom:-15px;left:-15px}}@media (max-width: 480px){.image-cropper-container{padding:5px}.image-cropper-content{padding:10px}.image-cropper-title{font-size:18px;margin-bottom:10px}.image-cropper-subtitle{font-size:12px;margin-bottom:15px}.image-cropper-area{max-height:50vh}}.cropper-container{position:relative;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.image-crop-button{display:inline-block;padding:10px 20px;background-color:#4a7dbd;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.image-crop-button:hover{background-color:#3a6ca9}.cropper-view-box{outline:1px solid #4a7dbd;outline-color:#4a7dbdbf}.cropper-point.point-se{cursor:se-resize;background-color:#4a7dbd;border-radius:50%}.cropper-point.point-sw{cursor:sw-resize;background-color:#4a7dbd;border-radius:50%}.cropper-point.point-nw{cursor:nw-resize;background-color:#4a7dbd;border-radius:50%}.cropper-point.point-ne{cursor:ne-resize;background-color:#4a7dbd;border-radius:50%}
/*# sourceMappingURL=/cdn/shop/t/34/assets/image-cropper.css.map */