.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;width:60px;height:60px;position:relative}.half-circle-spinner .circle{content:"";border:6px solid #0000;border-radius:100%;width:100%;height:100%;position:absolute}.half-circle-spinner .circle.circle-1{border-top-color:#ff1d5e;animation:1s infinite half-circle-spinner-animation}.half-circle-spinner .circle.circle-2{border-bottom-color:#ff1d5e;animation:1s infinite alternate half-circle-spinner-animation}@keyframes half-circle-spinner-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}