.spinner{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.spinner:after,.spinner:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid rgb(var(--color-primary),.4);animation:prixClipFix 2s linear infinite}.spinner:after{border-color:rgb(var(--color-primary));animation:prixClipFix 2s linear infinite,rotate .5s linear infinite reverse;inset:6px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}