.draggable {
    /*--drag-position-x: attr(data-drag-position-x px, 0px);*/
    /*--drag-position-y: attr(data-drag-position-y px, 0px);*/
    --drag-position-x: 0px;
    --drag-position-y: 0px;
    position: absolute;
	transform: translate(var(--drag-position-x), var(--drag-position-y));
}

#graphical-scalable > div.draggable {
    transform-origin: 50% 50%;
	transform:
        /* translate(var(--drag-position-x), var(--drag-position-y)) */
        translate(-50%, -50%)
        translate(var(--scalar-tr-x), var(--scalar-tr-y))
        scale(calc(1/var(--scalar-scale)))
        translate(var(--drag-position-x), var(--drag-position-y))
        translate(50%, 50%)
        /* translate(
            calc(var(--drag-position-x) * var(--scalar-scale)),
            calc(var(--drag-position-y))); */
}
