.loading-box{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100vw;height:100vh;display:flex}.loader{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(0deg,#00000080 30%,#0000 0 70%,#000 0),linear-gradient(90deg,#00000040 30%,#0000 0 70%,#000000bf 0);background-position:50%,50%;background-repeat:no-repeat;background-size:8% 100%,100% 8%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;width:50px;animation:1s steps(12,end) infinite l23;display:grid}.loader:before,.loader:after{content:"";background:inherit;opacity:.915;border-radius:50%;grid-area:1/1;transform:rotate(30deg)}.loader:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}