i{position:absolute;width:7px;height:7px}[dir] i{border:1px solid #409eff;background:#fff;border-radius:50%}.tl{top:-3px}[dir=ltr] .tl{left:-3px;cursor:nw-resize}[dir=rtl] .tl{right:-3px;cursor:ne-resize}.tc{top:-1px}[dir] .tc{cursor:n-resize}[dir=ltr] .tc{left:50%;transform:translateX(-50%)}[dir=rtl] .tc{right:50%;transform:translateX(50%)}.tr{top:-3px}[dir=ltr] .tr{right:-3px;cursor:ne-resize}[dir=rtl] .tr{left:-3px;cursor:nw-resize}.rc{top:50%}[dir] .rc{cursor:e-resize;transform:translateY(-50%)}[dir=ltr] .rc{right:-1px}[dir=rtl] .rc{left:-1px}.br{bottom:-3px}[dir=ltr] .br{right:-3px;cursor:se-resize}[dir=rtl] .br{left:-3px;cursor:sw-resize}.bc{bottom:-1px}[dir] .bc{cursor:s-resize}[dir=ltr] .bc{left:50%;transform:translateX(-50%)}[dir=rtl] .bc{right:50%;transform:translateX(50%)}.bl{bottom:-3px}[dir=ltr] .bl{left:-3px;cursor:sw-resize}[dir=rtl] .bl{right:-3px;cursor:se-resize}.lc{top:50%}[dir] .lc{cursor:w-resize;transform:translateY(-50%)}[dir=ltr] .lc{left:-1px}[dir=rtl] .lc{right:-1px}