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