.vdr{position:absolute;box-sizing:border-box;border-style:solid;border-width:1px;border-color:#53a3ff;background:transparent}.vdr.active{border-color:rgba(241,48,48,.9215686274509803)!important}.vue-draicon{height:30%;width:30%;position:absolute;top:35%;left:35%}.vue-draicon img{width:100%;height:100%}.handle{box-sizing:border-box;position:absolute;width:8px;height:8px;background:#fff;border-style:solid;border-width:1px;border-color:#333;box-shadow:0 0 2px #bbb}.handle-tl{cursor:nw-resize}.handle-tm{cursor:n-resize}.handle-tr{cursor:ne-resize}.handle-ml{cursor:w-resize}.handle-mr{cursor:e-resize}.handle-bl{cursor:sw-resize}.handle-bm{cursor:s-resize}.handle-br{cursor:se-resize}.ref-line{position:absolute;background-color:#f0c;z-index:9999}.v-line{width:1px}.h-line{height:1px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}