.site-preloader-7{--uib-size:40px;--uib-speed:1.6s;position:relative;top:8%;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.site-preloader-7 .dot{position:absolute;top:13.5%;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%;animation:swing var(--uib-speed) linear infinite}.site-preloader-7 .dot::before{content:'';height:25%;width:25%;border-radius:50%;background-color:var(--wpi--preloader-color);transition:background-color 0.3s ease}.site-preloader-7 .dot:nth-child(1){animation-delay:calc(var(--uib-speed) * -0.36)}.site-preloader-7 .dot:nth-child(2){animation-delay:calc(var(--uib-speed) * -0.27);opacity:0.8}.site-preloader-7 .dot:nth-child(2)::before{transform:scale(0.9)}.site-preloader-7 .dot:nth-child(3){animation-delay:calc(var(--uib-speed) * -0.18);opacity:0.6}.site-preloader-7 .dot:nth-child(3)::before{transform:scale(0.8)}.site-preloader-7 .dot:nth-child(4){animation-delay:calc(var(--uib-speed) * -0.09);opacity:0.4}.site-preloader-7 .dot:nth-child(4)::before{transform:scale(0.7)}@keyframes swing{0%{transform:rotate(0deg)}15%{transform:rotate(0deg)}50%{transform:rotate(180deg)}65%{transform:rotate(180deg)}100%{transform:rotate(0deg)}}