/* The calculator preview consists of stacked images; animate the shared frame as one unit. */
html body #finishing .finishing_images {
    position: relative;
    z-index: 1;
    cursor: zoom-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    transform-origin: 50% 50%;
    transition: transform 1.3s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    html body #finishing .finishing_images:hover {
        z-index: 3;
        -webkit-transform: translateZ(0) scale(1.08);
        transform: translateZ(0) scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    html body #finishing .finishing_images {
        transition: none !important;
    }
}