.loading-indicator{margin:100px auto 500px;width:70px;aspect-ratio:8/5;--_g: no-repeat radial-gradient(#000 68%, rgba(0,0,0,0) 71%);-webkit-mask-size:25% 40%;-webkit-mask:no-repeat radial-gradient(#000 68%,rgba(0,0,0,0) 71%),no-repeat radial-gradient(#000 68%,rgba(0,0,0,0) 71%),no-repeat radial-gradient(#000 68%,rgba(0,0,0,0) 71%);mask:no-repeat radial-gradient(#000 68%,rgba(0,0,0,0) 71%),no-repeat radial-gradient(#000 68%,rgba(0,0,0,0) 71%),no-repeat radial-gradient(#000 68%,rgba(0,0,0,0) 71%);-webkit-mask:var(--_g),var(--_g),var(--_g);mask:var(--_g),var(--_g),var(--_g);mask-size:25% 40%;background:#70939f;background-size:100% 25%;animation:back 1.8s infinite steps(1),load .9s infinite linear}@keyframes load{0%{-webkit-mask-position:0% 0%,50% 0%,100% 0%}12.5%{-webkit-mask-position:0% 50%,50% 0%,100% 0%}25%{-webkit-mask-position:0% 100%,50% 50%,100% 0%}37.5%{-webkit-mask-position:0% 100%,50% 100%,100% 50%}50%{-webkit-mask-position:0% 100%,50% 100%,100% 100%}62.5%{-webkit-mask-position:0% 50%,50% 100%,100% 100%}75%{-webkit-mask-position:0% 0%,50% 50%,100% 100%}87.5%{-webkit-mask-position:0% 0%,50% 0%,100% 50%}to{-webkit-mask-position:0% 0%,50% 0%,100% 0%}}@keyframes back{0%,to{background-position:0% 0%,0% 100%}25%{background-position:100% 0%,0% 100%}50%{background-position:100% 0%,100% 100%}75%{background-position:0% 0%,100% 100%}}