#pre-load .loader-inner{--loader-background:linear-gradient(0deg,#9ca3af1a,#9ca3af0d);position:relative;height:250px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}#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;flex-direction:column;animation:color-change 2s ease-in-out infinite;z-index:999}#pre-load .loader-inner .box{position:absolute;background:var(--loader-background);border-radius:50%;border-top:1px solid #646464;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:hsla(0,0%,39%,.8);animation-delay:.2s}#pre-load .loader-inner .box:nth-child(3){inset:20%;z-index:97;border-color:hsla(0,0%,39%,.6);animation-delay:.4s}#pre-load .loader-inner .box:nth-child(4){inset:10%;z-index:96;border-color:hsla(0,0%,39%,.4);animation-delay:.6s}#pre-load .loader-inner .box:nth-child(5){inset:0;z-index:95;border-color:hsla(0,0%,39%,.2);animation-delay:.8s}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes color-change{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}