.loading{width:64px;height:64px;display:inline-block;position:relative}.loader{z-index:99999;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.no-scroll{overflow:hidden}.loading div{background:var(--primaryVariantDark);opacity:1;border-radius:50%;animation:1.4s cubic-bezier(0,.2,.8,1) infinite loading;position:absolute}.loading div:nth-child(2){animation-delay:-.7s}.loadingContainer1{width:110px;margin:100px auto 50px;position:relative}.loadingContainer1 div{float:left;background:#6859a3;border-radius:50%;width:20px;height:20px;margin:0 3px;transform:scale(0)}.loadingContainer1 .ball1{z-index:1;-webkit-animation:4.4s ease-in-out infinite grow;-moz-animation:4.4s ease-in-out infinite grow}.loadingContainer1 .ball2{-webkit-animation:4.4s ease-in-out infinite grow;-moz-animation:4.4s ease-in-out infinite grow;animation-delay:.3s}.loadingContainer1 .ball3{-webkit-animation:4.4s ease-in-out infinite grow;-moz-animation:4.4s ease-in-out infinite grow;animation-delay:.6s}.loadingContainer1 .ball4{-webkit-animation:4.4s ease-in-out infinite grow;-moz-animation:4.4s ease-in-out infinite grow;animation-delay:.9s}@keyframes grow{0%{-moz-transform:scale(0)}25%{-moz-transform:scale(1)}50%{-moz-transform:scale(0)}75%{background:#021e42;-moz-transform:scale(1)}to{background:#021e42;-moz-transform:scale(0)}0%{-webkit-transform:scale(0)}25%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(0)}75%{background:#021e42;-webkit-transform:scale(1)}to{background:#021e42;-webkit-transform:scale(0)}}