:root{--cropperColor:#1890ff}.vue-cropper{position:relative;box-sizing:border-box;direction:ltr;touch-action:none;text-align:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);-webkit-user-select:none;user-select:none}.vue-cropper .cropper-box,.vue-cropper .cropper-box-canvas,.vue-cropper .cropper-drag-box,.vue-cropper .cropper-crop-box,.vue-cropper .cropper-face{position:absolute;inset:0;-webkit-user-select:none;user-select:none}.vue-cropper .cropper-box-canvas img{position:relative;text-align:left;-webkit-user-select:none;user-select:none;transform:none;max-width:none;max-height:none;width:100%;height:100%;display:block}.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{position:absolute;inset:0;pointer-events:none;box-sizing:border-box;background:#0000000f;outline:1px solid rgba(255,255,255,.6);outline-offset:-1px}.vue-cropper .cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #fff;outline-color:#fff;-webkit-user-select:none;user-select:none}.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{top:0;left:0;background-color:#fff;opacity:.1}.vue-cropper .cropper-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;align-items:center;justify-content:center;color:var(--cropperColor)}.vue-cropper .cropper-loading .cropper-loading-spin{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";text-align:center;vertical-align:middle;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.vue-cropper .cropper-loading .cropper-loading-spin i svg{animation:cropperLoadingCircle 1.2s infinite ease-out}.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}}