@keyframes wpcfb-animate-stripes {
0% {
background-position: 0 0;
}
100% {
background-position: 60px 0;
}
}
.wpcfb-wrap {
padding-top: 15px;
padding-bottom: 15px;
}
.wpcfb-wrap.wpcfb-wrap-empty {
display: none;
}
.wpcfb-progress-bar {
position: relative;
display: block;
width: 100%;
height: 10px;
border: none;
margin: 10px 0;
padding: 0;
overflow: hidden;
}
.wpcfb-progress-amount {
position: absolute;
left: 0;
top: 0;
display: inline-block;
height: 10px;
border: none;
margin: 0;
padding: 0;
}
.widget_shopping_cart_content .wpcfb-wrap {
padding-left: 30px;
padding-right: 30px;
}
.wpcfb-style-rounded .wpcfb-progress-bar, .wpcfb-style-rounded .wpcfb-progress-amount {
border-radius: 5px;
}
.wpcfb-progress-animated .wpcfb-progress-amount {
background-size: 30px 30px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
animation: wpcfb-animate-stripes 1.25s linear infinite;
}.rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.rotating.flip {
position: relative;
}
.rotating .front, .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0, 0, 1px);
-moz-transform: translate3d(0, 0, 1px);
-ms-transform: translate3d(0, 0, 1px);
-o-transform: translate3d(0, 0, 1px);
transform: translate3d(0, 0, 1px);
}
.rotating.flip .front {
z-index: 1;
}
.rotating .back {
display: block;
opacity: 0;
}
.rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
-ms-transform: rotateY(180deg) translate3d(0, 0, 0);
-o-transform: rotateY(180deg) translate3d(0, 0, 0);
transform: rotateY(180deg) translate3d(0, 0, 0);
}
.rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
-moz-transform: rotateX(180deg) translate3d(0, 0, 0);
-ms-transform: rotateX(180deg) translate3d(0, 0, 0);
-o-transform: rotateX(180deg) translate3d(0, 0, 0);
transform: rotateX(180deg) translate3d(0, 0, 0);
}
.rotating.flip.cube .front {
-webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);
-moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
-ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
-o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
-moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
-ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
-o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
-moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
-ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
-o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}