@charset "utf-8";

ui-transform-tool{
    --handle-width:10px;
    --handle-height:10px;
    --handle-border-radius:0px;
    --border-color:#999999;
    --disabled-border-color:#cccccc;
    --border-width:1px;

    position: absolute;
    left:0;top:0;
    width:100px;height:100px;
    z-index: 10;

    display: inline-block;

    touch-action: none;
    user-select: none;
}

ui-transform-tool[disabled]{
    --border-color:#cccccc;
}

ui-transform-tool[running="bounding-box"]{
    cursor: move;
}

ui-transform-tool[running="handle"][data-handle="00"]{ cursor: nwse-resize; }
ui-transform-tool[running="handle"][data-handle="01"]{ cursor: ns-resize;  }
ui-transform-tool[running="handle"][data-handle="02"]{ cursor: nesw-resize;  }
ui-transform-tool[running="handle"][data-handle="10"]{ cursor: ew-resize;  }
ui-transform-tool[running="handle"][data-handle="11"]{ cursor: not-allowed;  }
ui-transform-tool[running="handle"][data-handle="12"]{ cursor: ew-resize;  }
ui-transform-tool[running="handle"][data-handle="20"]{ cursor: nesw-resize;  }
ui-transform-tool[running="handle"][data-handle="21"]{ cursor: ns-resize;   }
ui-transform-tool[running="handle"][data-handle="22"]{ cursor: nwse-resize; }


ui-transform-tool[disabled]{
    cursor: not-allowed;
}

/* 
커스텀용 안내 주석
ui-transform-tool::part(bounding-box) {
    background-color: black;
}
ui-transform-tool::part(handle) {
    background-color: red;
    border-radius: 100vmax;
}
ui-transform-tool::part(handle-01){
    transform:scale(4)
} */