.wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text{color:#fbae17;margin-left:5px}.bounceball,.text{display:inline-block}.bounceball{position:relative;height:37px;width:20px}.bounceball:before{position:absolute;content:"";display:block;top:0;width:20px;height:20px;border-radius:50%;background-color:#0073b9;transform-origin:50%;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{top:30px;height:5px;border-radius:60px 60px 20px 20px;transform:scaleX(2)}35%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0}}.loader{font-weight:700;font-family:monospace;display:inline-grid;font-size:30px}.loader:after,.loader:before{content:"Please Wait...";grid-area:1/1;-webkit-mask-size:1.5ch 100%,100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;animation:l36-1 1s infinite}.loader:before{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0)}.loader:after{-webkit-mask-image:linear-gradient(#000 0 0);animation:l36-1 1s infinite,l36-2 .2s cubic-bezier(.5,200,.5,-200) infinite}@keyframes l36-1{0%{-webkit-mask-position:0 0,0 0}20%{-webkit-mask-position:.5ch 0,0 0}40%{-webkit-mask-position:100% 0,0 0}60%{-webkit-mask-position:4.5ch 0,0 0}80%{-webkit-mask-position:6.5ch 0,0 0}to{-webkit-mask-position:2.5ch 0,0 0}}@keyframes l36-2{to{transform:translateY(.2px)}}