.vdr{touch-action:none;box-sizing:border-box;border:1px dashed #000;position:absolute}.handle{box-sizing:border-box;background:#eee;border:1px solid #333;width:10px;height:10px;position:absolute}.handle-tl{cursor:nw-resize;top:-10px;left:-10px}.handle-tm{cursor:n-resize;margin-left:-5px;top:-10px;left:50%}.handle-tr{cursor:ne-resize;top:-10px;right:-10px}.handle-ml{cursor:w-resize;margin-top:-5px;top:50%;left:-10px}.handle-mr{cursor:e-resize;margin-top:-5px;top:50%;right:-10px}.handle-bl{cursor:sw-resize;bottom:-10px;left:-10px}.handle-bm{cursor:s-resize;margin-left:-5px;bottom:-10px;left:50%}.handle-br{cursor:se-resize;bottom:-10px;right:-10px}@media only screen and (width<=768px){[class*=handle-]:before{content:"";position:absolute;inset:-10px}}