#pre-load{position:fixed;inset:0;z-index:999999}#pre-load,#pre-load .loader-inner{display:flex;align-items:center;justify-content:center}#pre-load .loader-inner{--loader-background:linear-gradient(0deg,rgba(50,50,50,0.2),rgba(100,100,100,0.2));position:relative;height:250px;aspect-ratio:1}#pre-load .loader-inner .loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;animation:color-change 2s ease-in-out infinite;z-index:999;filter:drop-shadow(rgb(0,0,0) 0 25px 25px)}#pre-load .loader-inner .box{position:absolute;background:var(--loader-background);border-radius:50%;border-top:1px solid rgb(100,100,100);box-shadow:0 10px 10px 0 rgba(0,0,0,.3);backdrop-filter:blur(5px);animation:ripple 2s ease-in-out infinite}#pre-load .loader-inner .box:first-child{width:25%;aspect-ratio:1/1;z-index:99}#pre-load .loader-inner .box:nth-child(2){inset:30%;z-index:98;border-color:rgba(100,100,100,.8);animation-delay:.2s}#pre-load .loader-inner .box:nth-child(3){inset:20%;z-index:97;border-color:rgba(100,100,100,.6);animation-delay:.4s}#pre-load .loader-inner .box:nth-child(4){inset:10%;z-index:96;border-color:rgba(100,100,100,.4);animation-delay:.6s}#pre-load .loader-inner .box:nth-child(5){inset:0;z-index:95;border-color:rgba(100,100,100,.2);animation-delay:.8s}@keyframes ripple{0%{transform:scale(1);box-shadow:0 10px 10px 0 rgba(0,0,0,.3)}50%{transform:scale(1.3);box-shadow:0 30px 20px 0 rgba(0,0,0,.3)}to{transform:scale(1);box-shadow:0 10px 10px 0 rgba(0,0,0,.3)}}@keyframes color-change{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media screen and (max-width:640px){#pre-load .loader-inner{height:180px}}