.vue-cropper{display:flex;flex-direction:column}.vue-cropper-card{position:relative;flex-shrink:0;overflow:hidden;margin:auto}.vue-cropper-cardbg{position:absolute;top:0;left:0;background:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0);background-position:0 0,4px 4px;background-size:8px 8px;z-index:-1}.vue-cropper-modal{position:absolute;top:0;left:0}.vue-cropper-clip{position:absolute;cursor:all-scroll}.vue-cropper-clip-image{margin:auto}.vue-cropper .dot{width:10px;height:10px;border-radius:50%;background:#1e9efb;position:absolute}.vue-cropper .top-left{top:-5px;left:-5px;cursor:nwse-resize}.vue-cropper .top-right{top:-5px;right:-5px;cursor:nesw-resize}.vue-cropper .top-center{top:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.vue-cropper .bottom-center{bottom:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.vue-cropper .bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.vue-cropper .bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize}.vue-cropper .left-center{top:50%;transform:translateY(-50%);left:-5px;cursor:ew-resize}.vue-cropper .right-center{top:50%;transform:translateY(-50%);right:-5px;cursor:ew-resize}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}