.zank-free-shipping-progress .zank-progress-bar-wrap {
position: relative;
height: 6px;
margin: 0 13px;
}
.zank-free-shipping-progress .zank-progress-bar-wrap:before {
position: absolute;
content: "";
top: 0;
left: -13px;
right: -13px;
height: 100%;
border-radius: var(--zank-border-radius);
background: var(--zank-red-bg);
}
.zank-free-shipping-progress .zank-progress-bar:before {
position: absolute;
content: "";
top: 0;
left: -13px;
right: -13px;
height: 100%;
border-radius: var(--zank-border-radius);
background: var(--zank-red-soft);
}
.zank-free-shipping-progress .zank-progress-bar {
position: relative;
border-radius: inherit;
height: 100%;
max-width: 100%;
-webkit-transition: all .3s;
transition: all .3s;
}
.zank-free-shipping-progress .zank-progress-value {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(50%,-50%);
-ms-transform: translate(50%,-50%);
transform: translate(50%,-50%);
background: var(--zank-light);
border: 1px solid var(--zank-red-soft);
border-radius: 50%;
font-size: 12px;
width: 26px;
height: 26px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
z-index: 1;
}
.zank-free-shipping-progress .zank-progress-value svg {
width: 17px;
height: 17px;
}
.zank-free-shipping-progress .zank-progress-value svg * {
fill: var(--zank-yellow);
}
.free-shipping-success .zank-progress-bar:before {
background: var(--zank-success);
}
.free-shipping-success .zank-progress-value svg * {
fill: var(--zank-success);
}
.free-shipping-success .zank-progress-value{
border-color: var(--zank-success);
}
.zank-cart-goal-text {
font-size: 18px;
margin-bottom: 15px;
color: var(--zank-dark);
}
.woocommerce-cart .zank-cart-row .zank-cart-goal-wrapper {
padding: 20px 20px 30px;
margin-bottom: 30px;
border: 1px dashed var(--zank-red);
background-color: var(--zank-red-softer);
border-radius: 10px;
}
.woocommerce-cart .zank-cart-row .zank-cart-goal-wrapper .zank-cart-goal-text {
color: #060606;
}
.shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
@-webkit-keyframes shakeY{
0%,
to{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%,30%,50%,70%,90%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
20%,40%,60%,80%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
}
@keyframes shakeY{
0%,
to{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%,30%,50%,70%,90%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
20%,40%,60%,80%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}
}