.radial-spinner{--spinner-size:20px;--bar-width:2.5px;--bar-height:7px;width:var(--spinner-size);height:var(--spinner-size);position:relative}.radial-spinner .bar{width:var(--bar-width);height:var(--bar-height);margin-left:calc(var(--bar-width) / -2);margin-top:calc(var(--spinner-size) / -2);transform-origin:center calc(var(--spinner-size) / 2);background-color:currentColor;border-radius:9999px;animation:.8s linear infinite radial-fade;position:absolute;top:50%;left:50%}.radial-spinner .bar:first-child{animation-delay:-.7s;transform:rotate(0)}.radial-spinner .bar:nth-child(2){animation-delay:-.6s;transform:rotate(45deg)}.radial-spinner .bar:nth-child(3){animation-delay:-.5s;transform:rotate(90deg)}.radial-spinner .bar:nth-child(4){animation-delay:-.4s;transform:rotate(135deg)}.radial-spinner .bar:nth-child(5){animation-delay:-.3s;transform:rotate(180deg)}.radial-spinner .bar:nth-child(6){animation-delay:-.2s;transform:rotate(225deg)}.radial-spinner .bar:nth-child(7){animation-delay:-.1s;transform:rotate(270deg)}.radial-spinner .bar:nth-child(8){animation-delay:0s;transform:rotate(315deg)}@keyframes radial-fade{0%{opacity:1}to{opacity:.15}}