:root{--cropperColor:#1890ff}.vue-cropper{box-sizing:border-box;touch-action:none;text-align:left;-webkit-user-select:none;user-select:none;direction:ltr;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);position:relative}.vue-cropper .cropper-box,.vue-cropper .cropper-box-canvas,.vue-cropper .cropper-drag-box,.vue-cropper .cropper-crop-box,.vue-cropper .cropper-face{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.vue-cropper .cropper-box-canvas img{text-align:left;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;max-height:none;display:block;position:relative;transform:none}.vue-cropper .cropper-drag-box{transition:background .2s ease-in-out}.vue-cropper .cropper-box{overflow:hidden}.vue-cropper .cropper-move{cursor:move}.vue-cropper .cropper-modal{background:#00000080}.vue-cropper .cropper-full-mask{pointer-events:none;box-sizing:border-box;outline-offset:-1px;background:#0000000f;outline:1px solid #fff9;position:absolute;inset:0}.vue-cropper .cropper-view-box{-webkit-user-select:none;user-select:none;outline:1px solid #fff;width:100%;height:100%;display:block;overflow:hidden}.vue-cropper .cropper-view-box img{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.vue-cropper .cropper-face{opacity:.1;background-color:#fff;top:0;left:0}.vue-cropper .cropper-loading{width:100%;height:100%;color:var(--cropperColor);background-color:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.vue-cropper .cropper-loading .cropper-loading-spin{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:"tnum";text-align:center;vertical-align:middle;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.vue-cropper .cropper-loading .cropper-loading-spin i svg{animation:1.2s ease-out infinite cropperLoadingCircle}.vue-cropper .cropper-fade-in{animation-name:cropperFadeIn;animation-duration:.5s;animation-timing-function:ease-in-out}.vue-cropper+.vue-cropper{margin-left:20px}.realtime-preview img{max-width:none!important}@keyframes cropperLoadingCircle{to{transform:rotate(360deg)}}@keyframes cropperFadeIn{0%{opacity:0}to{opacity:1}}