.dl-transform-enable {
    -webkit-transition-duration: var(--dl-transition-duration, 0.2s);
    transition-duration: var(--dl-transition-duration, 0.2s);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translate(var(--dl-translate-x, 0), var(--dl-translate-y, 0)) scale(var(--dl-scale-x, 1), var(--dl-scale-y, 1)) skew(var(--dl-skew-x, 0), var(--dl-skew-y, 0)) rotateX(var(--dl-rotate-x, 0))
        rotateY(var(--dl-rotate-y, 0)) rotateZ(var(--dl-rotate-z, 0));
    transform: translate(var(--dl-translate-x, 0), var(--dl-translate-y, 0)) scale(var(--dl-scale-x, 1), var(--dl-scale-y, 1)) skew(var(--dl-skew-x, 0), var(--dl-skew-y, 0)) rotateX(var(--dl-rotate-x, 0))
        rotateY(var(--dl-rotate-y, 0)) rotateZ(var(--dl-rotate-z, 0));
}
.dl-transform-enable:hover {
    -webkit-transform: translate(var(--dl-translate-x-hover, var(--dl-translate-x, 0)), var(--dl-translate-y-hover, var(--dl-translate-y, 0)))
        scale(var(--dl-scale-x-hover, var(--dl-scale-x, 1)), var(--dl-scale-y-hover, var(--dl-scale-y, 1))) skew(var(--dl-skew-x-hover, var(--dl-skew-x, 0)), var(--dl-skew-y-hover, var(--dl-skew-y, 0)))
        rotateX(var(--dl-rotate-x-hover, var(--dl-rotate-x, 0))) rotateY(var(--dl-rotate-y-hover, var(--dl-rotate-y, 0))) rotateZ(var(--dl-rotate-z-hover, var(--dl-rotate-z, 0)));
    transform: translate(var(--dl-translate-x-hover, var(--dl-translate-x, 0)), var(--dl-translate-y-hover, var(--dl-translate-y, 0)))
        scale(var(--dl-scale-x-hover, var(--dl-scale-x, 1)), var(--dl-scale-y-hover, var(--dl-scale-y, 1))) skew(var(--dl-skew-x-hover, var(--dl-skew-x, 0)), var(--dl-skew-y-hover, var(--dl-skew-y, 0)))
        rotateX(var(--dl-rotate-x-hover, var(--dl-rotate-x, 0))) rotateY(var(--dl-rotate-y-hover, var(--dl-rotate-y, 0))) rotateZ(var(--dl-rotate-z-hover, var(--dl-rotate-z, 0)));
}