/*
Space Vanta Theme 1.0
File: public/product/details/css/policy-symbol.css
Version: 1.1
Responsibility: Policy symbol geometry and motion only.
*/

.sv-product-details-policy-item__symbol {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
}

.sv-product-details-policy-item__symbol svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.sv-policy-symbol__orbit,
.sv-policy-symbol__loop,
.sv-policy-symbol__inner,
.sv-policy-symbol__ring {
    fill: none;
    stroke: rgba(73, 82, 91, .72);
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
}

.sv-policy-symbol__loop {
    stroke-width: 2.2;
}

.sv-policy-symbol__inner {
    stroke: rgba(103, 113, 123, .48);
    stroke-width: 1.25;
}

.sv-policy-symbol__plane,
.sv-policy-symbol__plane-highlight,
.sv-policy-symbol__core,
.sv-policy-symbol__frame,
.sv-policy-symbol__point {
    transform-box: fill-box;
    transform-origin: center;
}

.sv-policy-symbol__plane-highlight {
    opacity: .5;
}

.sv-policy-symbol__point {
    fill: #5d9cff;
}

.sv-policy-symbol__ring--tilted {
    transform: rotate(-12deg);
}

.sv-product-details-policy-item[data-policy-symbol="shipping"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__plane {
    animation: sv-policy-shipping-flight 720ms cubic-bezier(.22, 1, .36, 1);
}

.sv-product-details-policy-item[data-policy-symbol="shipping"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__plane-highlight {
    animation: sv-policy-shipping-flight-highlight 720ms cubic-bezier(.22, 1, .36, 1);
}

.sv-product-details-policy-item[data-policy-symbol="shipping"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__point {
    animation: sv-policy-shipping-point 720ms cubic-bezier(.22, 1, .36, 1);
}

.sv-product-details-policy-item[data-policy-symbol="returns"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__core {
    animation: sv-policy-returns-turn 620ms cubic-bezier(.22, 1, .36, 1);
}

.sv-product-details-policy-item[data-policy-symbol="payment"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__frame {
    animation: sv-policy-payment-float 620ms cubic-bezier(.22, 1, .36, 1);
}

@keyframes sv-policy-shipping-flight {
    0% {
        transform: translateY(12px) rotate(6deg) scale(.88);
    }

    52% {
        transform: translateY(-5px) rotate(-2deg) scale(1.04);
    }

    100% {
        transform: translateY(0) rotate(0) scale(1);
    }
}

@keyframes sv-policy-shipping-flight-highlight {
    0% {
        transform: translateY(12px) rotate(6deg);
        opacity: .12;
    }

    52% {
        transform: translateY(-5px) rotate(-2deg);
        opacity: .78;
    }

    100% {
        transform: translateY(0) rotate(0) scale(1);
        opacity: .5;
    }
}

@keyframes sv-policy-shipping-point {
    0% {
        transform: translateY(6px);
        opacity: .3;
    }

    60% {
        transform: translateY(-4px);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes sv-policy-returns-turn {
    0% {
        transform: rotate(0) scale(.96);
    }

    60% {
        transform: rotate(8deg) scale(1.04);
    }

    100% {
        transform: rotate(0) scale(1);
    }
}

@keyframes sv-policy-payment-float {
    0% {
        transform: translateY(2px) rotate(-1deg);
    }

    55% {
        transform: translateY(-3px) rotate(1deg);
    }

    100% {
        transform: translateY(0) rotate(0);
    }
}

@media (max-width:749px) {
    .sv-product-details-policy-item__symbol {
        width: 56px;
        height: 56px;
    }
}

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

    .sv-product-details-policy-item[data-policy-symbol="shipping"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__plane,
    .sv-product-details-policy-item[data-policy-symbol="shipping"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__plane-highlight,
    .sv-product-details-policy-item[data-policy-symbol="shipping"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__point,
    .sv-product-details-policy-item[data-policy-symbol="returns"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__core,
    .sv-product-details-policy-item[data-policy-symbol="payment"] .sv-product-details-policy-item__trigger:hover .sv-policy-symbol__frame {
        animation: none;
    }
}