.vi-wcaio-sidebar-cart-loading-wrap{   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   background:rgb(255 255 255 / 0.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:-0.1s;   top:18px;   left:50px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(3) {   animation-delay:-0.2s;   top:9px;   left:41px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(4) {   animation-delay:-0.3s;   top:6px;   left:29px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(5) {   animation-delay:-0.4s;   top:9px;   left:18px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(6) {   animation-delay:-0.5s;   top:18px;   left:9px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(7) {   animation-delay:-0.6s;   top:29px;   left:6px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(8) {   animation-delay:-0.7s;   top:41px;   left:9px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(9) {   animation-delay:-0.8s;   top:50px;   left:18px; } .vi-wcaio-sidebar-cart-loading-default div:nth-child(10) {   animation-delay:-0.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, 0.5, 0.5, 1) infinite; } .vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(1) {   left:6px;   animation-delay:-0.24s; } .vi-wcaio-sidebar-cart-loading-animation_face_1 div:nth-child(2) {   left:26px;   animation-delay:-0.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 0.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 0.30s infinite; } .vi-wcaio-sidebar-cart-loading-animation_face_2 div:nth-child(4) {   animation:vi_wcaio_loading-animation_face_2 1s ease-in-out 0.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(0.5, 0, 0.5, 1) infinite; } .vi-wcaio-sidebar-cart-loading-ring div:nth-child(1) {   animation-delay:-0.45s; } .vi-wcaio-sidebar-cart-loading-ring div:nth-child(2) {   animation-delay:-0.3s; } .vi-wcaio-sidebar-cart-loading-ring div:nth-child(3) {   animation-delay:-0.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(0.5, 0, 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:-0.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:-0.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:-0.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:-0.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:-0.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:-0.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:-0.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:-0.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 0.6s infinite; } .vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(2) {   left:6px;   animation:vi_wcaio_loading-loader_balls_1-2 0.6s infinite; } .vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(3) {   left:36px;   animation:vi_wcaio_loading-loader_balls_1-2 0.6s infinite; } .vi-wcaio-sidebar-cart-loading-loader_balls_1 div:nth-child(4) {   left:75px;   animation:vi_wcaio_loading-loader_balls_1-3 0.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 0.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 0.4s 0.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 0.4s 0.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, 0.85);   }   100% {  transform:translate3d(0, -20px, 0) scale(0.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 0.33s infinite; } .vi-wcaio-sidebar-cart-loading-loader_balls_3 :nth-child(3) {   animation:vi_wcaio_loading-loader_balls_3 1s ease-in-out 0.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, 0.2, 0.8, 1) infinite; } .vi-wcaio-sidebar-cart-loading-ripple div:nth-child(2) {   animation-delay:-0.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:-0.9s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(4) {   transform:rotate(90deg);   animation-delay:-0.8s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(5) {   transform:rotate(120deg);   animation-delay:-0.7s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(6) {   transform:rotate(150deg);   animation-delay:-0.6s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(7) {   transform:rotate(180deg);   animation-delay:-0.5s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(8) {   transform:rotate(210deg);   animation-delay:-0.4s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(9) {   transform:rotate(240deg);   animation-delay:-0.3s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(10) {   transform:rotate(270deg);   animation-delay:-0.2s; } .vi-wcaio-sidebar-cart-loading-spinner div:nth-child(11) {   transform:rotate(300deg);   animation-delay:-0.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;   } }