.site-preloader-2{--uib-size:40px;--uib-speed:1.5s;--dot-size:calc(var(--uib-size) * 0.17);position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size);animation:smoothRotate calc(var(--uib-speed) * 1.8) linear infinite}.site-preloader-2 .dot{position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:center;height:100%;width:100%;animation:rotate var(--uib-speed) ease-in-out infinite}.site-preloader-2 .dot::before{content:'';height:var(--dot-size);width:var(--dot-size);border-radius:50%;background-color:var(--wpi--preloader-color);transition:background-color .3s ease}.site-preloader-2 .dot:nth-child(2),.site-preloader-2 .dot:nth-child(2)::before{animation-delay:calc(var(--uib-speed) * -0.835 * 0.5)}.site-preloader-2 .dot:nth-child(3),.site-preloader-2 .dot:nth-child(3)::before{animation-delay:calc(var(--uib-speed) * -0.668 * 0.5)}.site-preloader-2 .dot:nth-child(4),.site-preloader-2 .dot:nth-child(4)::before{animation-delay:calc(var(--uib-speed) * -0.501 * 0.5)}.site-preloader-2 .dot:nth-child(5),.site-preloader-2 .dot:nth-child(5)::before{animation-delay:calc(var(--uib-speed) * -0.334 * 0.5)}.site-preloader-2 .dot:nth-child(6),.site-preloader-2 .dot:nth-child(6)::before{animation-delay:calc(var(--uib-speed) * -0.167 * 0.5)}@keyframes rotate{0%{transform:rotate(0deg)}65%,100%{transform:rotate(360deg)}}@keyframes smoothRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}