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