.loader{--s:20px;--_d:calc(0.353*var(--s));width:calc(var(--s) + var(--_d));aspect-ratio:1;display:grid}.loader:after,.loader:before{content:"";grid-area:1/1;clip-path:polygon(var(--_d) 0,100% 0,100% calc(100% - var(--_d)),calc(100% - var(--_d)) 100%,0 100%,0 var(--_d));background:conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d),hsl(var(--foreground)) 135deg,hsl(var(--muted-foreground)) 0 270deg,hsl(var(--primary)) 0);animation:l6 2s infinite}.loader:after{animation-delay:-1s}@keyframes l6{0%{transform:translate(0)}25%{transform:translate(30px)}50%{transform:translate(30px,30px)}75%{transform:translateY(30px)}to{transform:translate(0)}}