.nature-compare[data-comparison] {
    cursor: ew-resize;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.nature-compare[data-comparison] img {
    -webkit-user-drag: none;
    user-select: none;
}

.nature-compare[data-comparison] .nature-divider::after {
    transition: transform 140ms ease, box-shadow 140ms ease;
}

.nature-compare[data-comparison]:hover .nature-divider::after,
.nature-compare[data-comparison].is-dragging .nature-divider::after {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.32);
}

.nature-compare[data-comparison].is-dragging {
    cursor: grabbing;
}

@media (prefers-reduced-motion: reduce) {
    .nature-compare[data-comparison] .nature-divider::after {
        transition: none;
    }
}