.loader-container{inset:0;min-height:100vh;z-index:999999}.loader-container,.loader-inner{display:flex;align-items:center;justify-content:center}.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}.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}.loader-logo svg{width:100%;height:100%}.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}.box:nth-child(2){width:25%;aspect-ratio:1/1;z-index:99}.box:nth-child(3){inset:30%;z-index:98;border-color:rgba(100,100,100,.8);animation-delay:.2s}.box:nth-child(4){inset:20%;z-index:97;border-color:rgba(100,100,100,.6);animation-delay:.4s}.box:nth-child(5){inset:10%;z-index:96;border-color:rgba(100,100,100,.4);animation-delay:.6s}.box:nth-child(6){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}}