.transformableContainer{cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-block;position:absolute}.transformableContainer.selected{cursor:default;z-index:10}.transformableContainer .boundingFrame{border:1px solid var(--text);pointer-events:none;z-index:2;position:absolute;inset:0}.transformableContainer .boundingFrame .handle{background:var(--background);border:1px solid var(--text);pointer-events:auto;width:8px;height:8px;position:absolute}.transformableContainer .boundingFrame .handle:hover{scale:1.1}.transformableContainer .boundingFrame .handle.tl{cursor:nwse-resize;top:-4px;left:-4px}.transformableContainer .boundingFrame .handle.tr{cursor:nesw-resize;top:-4px;right:-4px}.transformableContainer .boundingFrame .handle.bl{cursor:nesw-resize;bottom:-4px;left:-4px}.transformableContainer .boundingFrame .handle.br{cursor:nwse-resize;bottom:-4px;right:-4px}.transformableContainer .boundingFrame .handle.rotator{cursor:grab;border-radius:8px;position:relative;top:0;left:50%;transform:translate(-50%)}.transformableContainer .boundingFrame .handle:active{cursor:grabbing}.transformableContainer .boundingFrame .edgeHandle{pointer-events:auto;position:absolute}.transformableContainer .boundingFrame .edgeHandle.left,.transformableContainer .boundingFrame .edgeHandle.right{cursor:ew-resize;width:4px;top:4px;bottom:4px}.transformableContainer .boundingFrame .edgeHandle.left{left:-2px}.transformableContainer .boundingFrame .edgeHandle.right{right:-2px}.transformableContainer .boundingFrame .edgeHandle.top,.transformableContainer .boundingFrame .edgeHandle.bottom{cursor:ns-resize;height:4px;left:4px;right:4px}.transformableContainer .boundingFrame .edgeHandle.top{top:-2px}.transformableContainer .boundingFrame .edgeHandle.bottom{bottom:-2px}.transformableContainer .boundingFrame .rotatorWrapper{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}