.loaderparent{height:100vh;width:100vw;background-color:rgba(0,0,0,.887);position:absolute;top:0;left:0;z-index:2}.loadercontainer,.loaderparent{display:flex;justify-content:center;align-items:center}.loadercontainer{height:50%;width:50%;flex-direction:column;gap:20px}@media screen and (max-width:600px){.loadercontainer{height:100%;width:100%}}.loader{position:relative;width:75px;height:100px;background-repeat:no-repeat;background-image:linear-gradient(#ddd 50px,transparent 0),linear-gradient(#ddd 50px,transparent 0),linear-gradient(#ddd 50px,transparent 0),linear-gradient(#ddd 50px,transparent 0),linear-gradient(#ddd 50px,transparent 0);background-size:8px 100%;background-position:0 90px,15px 78px,30px 66px,45px 58px,60px 50px;animation:pillerPushUp 4s linear infinite}.loader:after{content:"";position:absolute;bottom:10px;left:0;width:10px;height:10px;background:#08549b;border-radius:50%;animation:ballStepUp 4s linear infinite}@keyframes pillerPushUp{0%,40%,to{background-position:0 90px,15px 78px,30px 66px,45px 58px,60px 50px}50%,90%{background-position:0 50px,15px 58px,30px 66px,45px 78px,60px 90px}}@keyframes ballStepUp{0%{transform:translate(0)}5%{transform:translate(8px,-14px)}10%{transform:translate(15px,-10px)}17%{transform:translate(23px,-24px)}20%{transform:translate(30px,-20px)}27%{transform:translate(38px,-34px)}30%{transform:translate(45px,-30px)}37%{transform:translate(53px,-44px)}40%{transform:translate(60px,-40px)}50%{transform:translate(60px)}57%{transform:translate(53px,-14px)}60%{transform:translate(45px,-10px)}67%{transform:translate(37px,-24px)}70%{transform:translate(30px,-20px)}77%{transform:translate(22px,-34px)}80%{transform:translate(15px,-30px)}87%{transform:translate(7px,-44px)}90%{transform:translateY(-40px)}to{transform:translate(0)}}