.dragger{position:absolute;box-sizing:border-box;user-select:none}.dragger-drag{position:absolute;top:0;left:0;display:none;width:100%;height:100%;cursor:move;content:"";outline:1px dashed #ccc}.dragger-drag.active{display:block}.dragger-rotate{position:absolute;top:0;left:50%;box-sizing:border-box;width:100px;height:50px;overflow:hidden;transform:translate(-50%,-50px)}.dragger-rotate.not-ratable{display:none}.dragger-rotate-pointer{position:absolute;top:0;left:0;box-sizing:border-box;display:block;width:100px;height:100px;cursor:crosshair;border:1px dotted #ccc;border-radius:50%}.dragger-rotate-pointer:before{position:absolute;top:0;left:50%;display:block;width:0;height:0;content:"";border-color:#6c6c6c transparent transparent;border-style:solid;border-width:50px 1px 0;transform:translate(-50%)}html,body{height:100%}body{margin:0}#app{height:100%}.container{display:flex;height:100%}.container>div{position:relative;box-sizing:border-box;flex:1;border:1px solid #ccc}.item{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;color:#333;background-color:#eee}.scale{transform:scale(.5)}