.spinner{border-radius:50%;width:60px;height:60px;animation:1.3s linear infinite spin}.spinner.black{background:conic-gradient(#000 0% 20%,#000000b3 40%,#0006 60%,#00000026 80%,#0000 100%);-webkit-mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px);mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px)}.spinner.white{background:conic-gradient(#fff0 0%,#fff 5%,#ffffffe6 15%,#fffc 25%,#ffffffb3 35%,#fff9 45%,#ffffff80 55%,#fff6 65%,#ffffff4d 75%,#fff3 85%,#ffffff1a 95%,#fff0 100%);-webkit-mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px);mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px)}.spinner-small{width:15px!important;height:15px!important;-webkit-mask:radial-gradient(#0000 4px,#000 5px 10px,#0000 11px)!important;mask:radial-gradient(#0000 4px,#000 5px 10px,#0000 11px)!important}@keyframes spin{to{transform:rotate(-360deg)}}