/*
================================================

Space Vanta Theme 1.0

Module:
Shipping Bridge / Cart Route / Motion

File:
public/shipping-bridge/cs/cart-route-motion.css

Version:
2.1-BRAND-INFORMATIONAL-01

Responsibility:
Restrained state transition and loading motion only.

================================================
*/

.sv-shipping-route__node,
.sv-shipping-route__item::after {
    transition-timing-function: ease-out;
}

.sv-shipping-route__loading::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 1px;
    margin-left: 7px;
    vertical-align: middle;
    background: linear-gradient(90deg,
            transparent,
            var(--sv-route-metal),
            transparent);
    animation: sv-shipping-route-scan 1.8s ease-in-out infinite;
}

@keyframes sv-shipping-route-scan {

    0%,
    100% {
        opacity: 0.2;
        transform: translateX(-3px);
    }

    50% {
        opacity: 0.7;
        transform: translateX(3px);
    }
}

@media (prefers-reduced-motion: reduce) {

    .sv-shipping-route__node,
    .sv-shipping-route__item::after {
        transition: none;
    }

    .sv-shipping-route__loading::after {
        animation: none;
        opacity: 0.35;
    }
}