.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;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}}.vue-format-single{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.vue-format-single>*{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.vue-format-single-color-red{color:red}.vue-format-single-color-black{color:#000}.vue-format-single-color-yellow{color:#ff0}.vue-format-single-color-green{color:green}.vue-format-single-color-white{color:#fff}.vue-format-single-color-blue{color:#00f}.vue-format-single-color-cyan{color:#0ff}.vue-format-single-color-magenta{color:rmagentaed}.vue-format-single-fill{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}