[data-cursor-tilt] {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --tilt-scale: 1;
    transform: perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale3d(var(--tilt-scale), var(--tilt-scale), 1);
    transform-style: preserve-3d;
    transform-origin: center center;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform .48s cubic-bezier(.2, .78, .24, 1);
}

[data-cursor-tilt].is-cursor-tilting {
    transition-duration: .1s;
    transition-timing-function: ease-out;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    [data-cursor-tilt] {
        transform: none !important;
        transition: none !important;
    }
}