.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(from 0deg, #fff0 0%, #fff 5%, #ffffffe6 15%, #fffc 25%, #ffffffb3 35%, #fff9 45%, #ffffff80 55%, #fff6 65%, #ffffff4d 75%, #fff3 85%, var(--outline-color) 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:14px!important;height:14px!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)}}html[data-theme=dark] .spinner.black{background:conic-gradient(from 0deg, #fff0 0%, #fff 5%, #ffffffe6 15%, #fffc 25%, #ffffffb3 35%, #fff9 45%, #ffffff80 55%, #fff6 65%, #ffffff4d 75%, #fff3 85%, var(--outline-color) 95%, #fff0 100%)}html[data-theme=dark] .spinner.white{background:conic-gradient(#000 0% 20%,#000000b3 40%,#0006 60%,#00000026 80%,#0000 100%)}