.vdr{touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.vdr[data-v-3980c7cc]{border-radius:8px;padding:0;border:none;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.12);top:0}.vdr.active[data-v-3980c7cc]{border-color:transparent}.vdr[data-v-3980c7cc] .handle{width:8px;height:8px;background:transparent;box-sizing:border-box;border-color:transparent;margin:0}.vdr[data-v-3980c7cc] .handle.handle-tl{top:-2px;left:-2px;cursor:nw-resize}.vdr[data-v-3980c7cc] .handle.handle-tm{top:-2px;left:8px;width:calc(100% - 16px);cursor:n-resize}.vdr[data-v-3980c7cc] .handle.handle-tr{top:-2px;right:-2px;cursor:ne-resize}.vdr[data-v-3980c7cc] .handle.handle-ml{left:-2px;top:8px;height:calc(100% - 16px);cursor:w-resize}.vdr[data-v-3980c7cc] .handle.handle-mr{right:-2px;top:8px;height:calc(100% - 16px);cursor:e-resize}.vdr[data-v-3980c7cc] .handle.handle-bl{left:-2px;bottom:-2px;cursor:sw-resize}.vdr[data-v-3980c7cc] .handle.handle-bm{bottom:-2px;left:8px;width:calc(100% - 16px);cursor:s-resize}.vdr[data-v-3980c7cc] .handle.handle-br{bottom:-2px;right:-2px;cursor:se-resize}