.loading-spinner{width:65px;margin:auto;aspect-ratio:1;display:grid;-webkit-mask:conic-gradient(from 22deg,#0003,#000);mask:conic-gradient(from 22deg,#0003,#000);animation:load 1s steps(12) infinite}
.loading-spinner,.loading-spinner:before,.loading-spinner:after{--_g:linear-gradient(currentColor 0 0) 50%;background:var(--_g)/34% 5% space no-repeat,var(--_g)/5% 34% no-repeat space}
.loading-spinner:before,.loading-spinner:after{content:"";grid-area:1/1;transform:rotate(30deg)}
.loading-spinner:after{transform:rotate(60deg)}
@keyframes load{from{transform:rotate(0turn)}
to{transform:rotate(1turn)}
}