
.vi-wcaio-sidebar-cart-loading-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .6);
}

.vi-wcaio-sidebar-cart-loading-default {
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-default div {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	animation: vi_wcaio_loading-default 1.2s linear infinite;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(1) {
	animation-delay: 0s;
	top: 29px;
	left: 53px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(2) {
	animation-delay: -.1s;
	top: 18px;
	left: 50px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(3) {
	animation-delay: -.2s;
	top: 9px;
	left: 41px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(4) {
	animation-delay: -.3s;
	top: 6px;
	left: 29px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(5) {
	animation-delay: -.4s;
	top: 9px;
	left: 18px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(6) {
	animation-delay: -.5s;
	top: 18px;
	left: 9px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(7) {
	animation-delay: -.6s;
	top: 29px;
	left: 6px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(8) {
	animation-delay: -.7s;
	top: 41px;
	left: 9px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(9) {
	animation-delay: -.8s;
	top: 50px;
	left: 18px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(10) {
	animation-delay: -.9s;
	top: 53px;
	left: 29px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(11) {
	animation-delay: -1s;
	top: 50px;
	left: 41px;
}

.vi-wcaio-sidebar-cart-loading-default div:nth-child(12) {
	animation-delay: -1.1s;
	top: 41px;
	left: 50px;
}

@keyframes vi_wcaio_loading-default {
	0%, 20%, 80%, 100% {
		transform: scale(1);
	}
	
	50% {
		transform: scale(1.5);
	}
}

.vi-wcaio-sidebar-cart-loading-dual_ring {
	position: absolute;
	top: 30%;
	left: 40%;
	display: inline-block;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-dual_ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border-width: 5px;
	border-style: solid;
	animation: vi_wcaio_loading-dual_ring 1.2s linear infinite;
}

@keyframes vi_wcaio_loading-dual_ring {
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

.vi-wcaio-sidebar-cart-loading-animation_face_1 {
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-animation_face_1 div {
	display: inline-block;
	position: absolute;
	left: 6px;
	width: 13px;
	animation: vi_wcaio_loading-animation_face_1 1.2s cubic-bezier(0, .5, .5, 1) infinite;
}

.vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(1) {
	left: 6px;
	animation-delay: -.24s;
}

.vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(2) {
	left: 26px;
	animation-delay: -.12s;
}

.vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(3) {
	left: 45px;
	animation-delay: 0s;
}

@keyframes vi_wcaio_loading-animation_face_1 {
	0% {
		top: 6px;
		height: 51px;
	}
	
	50%, 100% {
		top: 19px;
		height: 26px;
	}
}

.vi-wcaio-sidebar-cart-loading-animation_face_2 {
	position: absolute;
	top: 30%;
	left: 40%;
	width: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vi-wcaio-sidebar-cart-loading-animation_face_2 div {
	display: inline-block;
	width: 10px;
	height: 20px;
}

.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(1) {
	animation: vi_wcaio_loading-animation_face_2 1s ease-in-out infinite;
}

.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(2) {
	animation: vi_wcaio_loading-animation_face_2 1s ease-in-out .15s infinite;
}

.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(3) {
	animation: vi_wcaio_loading-animation_face_2 1s ease-in-out .3s infinite;
}

.vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(4) {
	animation: vi_wcaio_loading-animation_face_2 1s ease-in-out .45s infinite;
}

@keyframes vi_wcaio_loading-animation_face_2 {
	0%, 100% {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);
	}
	
	50% {
		-webkit-transform: scaleY(1.8);
		-ms-transform: scaleY(1.8);
		-o-transform: scaleY(1.8);
		transform: scaleY(1.8);
	}
}

.vi-wcaio-sidebar-cart-loading-ring {
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border-style: solid;
	border-width: 6px;
	border-radius: 50%;
	animation: vi_wcaio_loading-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
}

.vi-wcaio-sidebar-cart-loading-ring div:nth-child(1) {
	animation-delay: -.45s;
}

.vi-wcaio-sidebar-cart-loading-ring div:nth-child(2) {
	animation-delay: -.3s;
}

.vi-wcaio-sidebar-cart-loading-ring div:nth-child(3) {
	animation-delay: -.15s;
}

@keyframes vi_wcaio_loading-ring {
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

.vi-wcaio-sidebar-cart-loading-roller {
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-roller div {
	animation: vi_wcaio_loading-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	transform-origin: 32px 32px;
}

.vi-wcaio-sidebar-cart-loading-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin: -3px 0 0 -3px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(1) {
	animation-delay: -.036s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(2) {
	animation-delay: -.072s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(3) {
	animation-delay: -.108s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(4) {
	animation-delay: -.144s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(5) {
	animation-delay: -.18s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(6) {
	animation-delay: -.216s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(7) {
	animation-delay: -.252s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(8) {
	animation-delay: -.288s;
}

.vi-wcaio-sidebar-cart-loading-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}

@keyframes vi_wcaio_loading-roller {
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

.vi-wcaio-sidebar-cart-loading-loader_balls_1 {
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_1 div {
	position: absolute;
	top: 27px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(1) {
	left: 6px;
	animation: vi_wcaio_loading-loader_balls_1-1 .6s infinite;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(2) {
	left: 6px;
	animation: vi_wcaio_loading-loader_balls_1-2 .6s infinite;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(3) {
	left: 36px;
	animation: vi_wcaio_loading-loader_balls_1-2 .6s infinite;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(4) {
	left: 75px;
	animation: vi_wcaio_loading-loader_balls_1-3 .6s infinite;
}

@keyframes vi_wcaio_loading-loader_balls_1-1 {
	0% {
		transform: scale(0);
	}
	
	100% {
		transform: scale(1);
	}
}

@keyframes vi_wcaio_loading-loader_balls_1-3 {
	0% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(0);
	}
}

@keyframes vi_wcaio_loading-loader_balls_1-2 {
	0% {
		transform: translate(0, 0);
	}
	
	100% {
		transform: translate(20px, 0);
	}
}

.vi-wcaio-sidebar-cart-loading-loader_balls_2 {
	position: absolute;
	top: 30%;
	left: 40%;
	width: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_2 div {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_2 div:nth-child(1) {
	animation: vi_wcaio_loading-loader_balls_2 .4s alternate infinite cubic-bezier(.6, .05, .15, .95);
}

.vi-wcaio-sidebar-cart-loading-loader_balls_2 div:nth-child(2) {
	animation: vi_wcaio_loading-loader_balls_2 .4s .1s alternate infinite cubic-bezier(.6, .05, .15, .95) backwards;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_2 div:nth-child(3) {
	animation: vi_wcaio_loading-loader_balls_2 .4s .12s alternate infinite cubic-bezier(.6, .05, .15, .95) backwards;
}

@keyframes vi_wcaio_loading-loader_balls_2 {
	0% {
		transform: translate3d(0, 10px, 0) scale(1.2, .85);
	}
	
	100% {
		transform: translate3d(0, -20px, 0) scale(.9, 1.1);
	}
}

.vi-wcaio-sidebar-cart-loading-loader_balls_3 {
	position: absolute;
	top: 30%;
	left: 40%;
	width: 90px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_3 div {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	opacity: 0;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(1) {
	animation: vi_wcaio_loading-loader_balls_3 1s ease-in-out infinite;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(2) {
	animation: vi_wcaio_loading-loader_balls_3 1s ease-in-out .33s infinite;
}

.vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(3) {
	animation: vi_wcaio_loading-loader_balls_3 1s ease-in-out .66s infinite;
}

@keyframes vi_wcaio_loading-loader_balls_3 {
	0%, 100% {
		opacity: 0;
	}
	
	60% {
		opacity: 1;
	}
}

.vi-wcaio-sidebar-cart-loading-ripple {
	display: inline-block;
	position: absolute;
	top: 10%;
	left: 15%;
	width: 300px;
	height: 300px;
}

.vi-wcaio-sidebar-cart-loading-ripple div {
	position: absolute;
	opacity: 1;
	border-radius: 50%;
	animation: vi_wcaio_loading-ripple 1s cubic-bezier(0, .2, .8, 1) infinite;
}

.vi-wcaio-sidebar-cart-loading-ripple div:nth-child(2) {
	animation-delay: -.5s;
}

@keyframes vi_wcaio_loading-ripple {
	0% {
		top: 45%;
		left: 45%;
		width: 0;
		height: 0;
		opacity: 1;
	}
	
	100% {
		top: -1px;
		left: -1px;
		width: 300px;
		height: 300px;
		opacity: 0;
	}
}

.vi-wcaio-sidebar-cart-loading-spinner {
	display: inline-block;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 64px;
	height: 64px;
}

.vi-wcaio-sidebar-cart-loading-spinner div {
	transform-origin: 32px 32px;
	animation: vi_wcaio_loading-spinner 1.2s linear infinite;
}

.vi-wcaio-sidebar-cart-loading-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -.9s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -.8s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -.7s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -.6s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -.5s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -.4s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -.3s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -.2s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -.1s;
}

.vi-wcaio-sidebar-cart-loading-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}

@keyframes vi_wcaio_loading-spinner {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}
