:root{--point-stroke-color:var(--cmpui-primary-color);--point-fill-color:#fff;touch-action:none;color:var(--cmpui-text-color)}.path-point{pointer-events:auto;cursor:pointer;fill:transparent;stroke:transparent;r:6}.path-point+circle{pointer-events:none;fill:var(--point-fill-color);stroke:var(--point-stroke-color);stroke-width:1;r:4}.path-point[data-selected=true]+circle{fill:var(--point-stroke-color);stroke:var(--point-fill-color);r:6}.path-point:not([data-selected=true]):active+circle,.path-point:not([data-selected=true]):hover+circle{r:5}.path-point-control{pointer-events:auto;fill:transparent;stroke:transparent;width:10px;height:10px}.path-point-control,.path-point-control+rect{transform:translate(-50%,-50%) rotate(45deg);transform-origin:center;transform-box:fill-box}.path-point-control+rect{pointer-events:none;fill:var(--point-fill-color);stroke:var(--point-stroke-color);stroke-width:1;width:6px;height:6px}.path-point-control[data-selected=true]+rect{fill:var(--point-stroke-color);stroke:var(--point-fill-color);width:8px;height:8px}.path-point-control:not([data-selected=true]):active+rect,.path-point-control:not([data-selected=true]):hover+rect{width:7px;height:7px}