.spin-circle{width:20px;padding:2px;aspect-ratio:1;border-radius:50%;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 .75s linear infinite}@keyframes l3{to{transform:rotate(1turn)}}.spin-spokes{width:2em;height:2em;position:relative}.spin-spokes span,.spin-spokes:after,.spin-spokes:before{content:"";position:absolute;top:0;left:.875em;width:.25em;height:.625em;background:#bbb;border-radius:8px;transform-origin:50% 1em;opacity:.3}.spin-spokes span:first-child{transform:rotate(45deg)}.spin-spokes span:nth-child(2){transform:rotate(90deg)}.spin-spokes span:nth-child(3){transform:rotate(135deg)}.spin-spokes span:nth-child(4){transform:rotate(180deg)}.spin-spokes span:nth-child(5){transform:rotate(225deg)}.spin-spokes span:nth-child(6){transform:rotate(270deg)}.spin-spokes span:nth-child(7){transform:rotate(315deg)}@keyframes pulse{0%{opacity:1}to{opacity:.1}}.spin-spokes:before{animation:pulse 1s infinite}.spin-spokes span:first-child{animation:pulse 1s .125s infinite}.spin-spokes span:nth-child(2){animation:pulse 1s .25s infinite}.spin-spokes span:nth-child(3){animation:pulse 1s .375s infinite}.spin-spokes span:nth-child(4){animation:pulse 1s .5s infinite}.spin-spokes span:nth-child(5){animation:pulse 1s .625s infinite}.spin-spokes span:nth-child(6){animation:pulse 1s .75s infinite}.spin-spokes span:nth-child(7){animation:pulse 1s .875s infinite}.spin-spokes:after{display:none}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{width:35px;height:35px;border-radius:100%;position:relative}.half-circle-spinner .circle{content:"";position:absolute;width:100%;height:100%;border-radius:100%;border:calc(35px / 10) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:#000;animation:half-circle-spinner-animation .75s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:#000;animation:half-circle-spinner-animation .75s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}