.loader{border-radius:50%;position:relative;animation:rotate 1s linear infinite;display:block}.loader-sm{width:1.5rem;height:1.5rem}.loader-md{width:2rem;height:2rem}.loader-lg{width:3rem;height:3rem}.loader:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid rgb(var(--background));animation:prixClipFix 2s linear infinite}.loader-primary:before{border:5px solid rgb(var(--primary))}.loader-secondary:before{border:5px solid rgb(var(--secondary))}.loader-destructive:before{border:5px solid rgb(var(--destructive))}.loader-outline:before{border:5px solid rgb(var(--outline))}.loader-ghost:before{border:5px solid rgb(var(--ghost))}.loader-success:before{border:5px solid rgb(var(--success,34,197,94))}.loader-white:before{border:5px solid rgb(var(--white))}@keyframes rotate{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)}}