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