/*reacts on shifting and scrolling inside drag layer*/
.scalable-size {
    width: calc((var(--scale, 2) * var(--duration) - var(--smaller-size, 0)) * 1px ) !important;
}

/* --x is not the start time!!! --x is the real x coordinate at the screen it would have if --scale == 1 */
.scalable-position {
    left: 0;
    top: 0;
    will-change: transform;
    /* Using translate does no repaint, only composite (left and top do), translate3d and will-change other improvements */
    transform: translate3d(
        calc(var(--scale, 2) * (var(--x) - var(--scale-origin) - var(--container-shift)) + var(--scale-origin)),
        var(--y),
        0
    );
}