:root{--animate-duration: .3s;--animate-delay: .9s}.loader-container{position:absolute;z-index:999999;background:rgb(255 255 255 / 58%);width:100vw;height:100vh;text-align:-webkit-center;align-content:center;color:#000;top:0;left:0;right:0;bottom:0}.loader{width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-color:#ccc #0000;animation:l16 1s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%}.loader:before{border-color:#f03355 #0000;animation:inherit;animation-duration:.5s;animation-direction:reverse}.loader:after{margin:8px}@keyframes l16{to{transform:rotate(1turn)}}