.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)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;font-size:.875rem;line-height:1.05rem;max-height:3rem;&:focus-visible{outline:2px solid rgb(var(--focus-ring));outline-offset:2px}&:disabled{opacity:.5;cursor:not-allowed}}.btn-primary{background-color:rgb(var(--primary));color:rgb(var(--white));&:hover:not(:disabled){background-color:rgb(var(--primary-hover))}&:active{transform:translateY(1px)}}.btn-secondary{background-color:rgb(var(--secondary));color:rgb(var(--secondary-foreground));border-color:rgb(var(--border));&:hover:not(:disabled){background-color:rgb(var(--secondary-hover));border-color:rgb(var(--border-hover))}}.btn-destructive{background-color:rgb(var(--destructive));color:rgb(var(--destructive-foreground));&:hover:not(:disabled){background-color:rgb(var(--destructive-hover))}}.btn-success{background-color:rgb(var(--success,34,197,94));color:rgb(var(--white));&:hover:not(:disabled){background-color:rgb(var(--success-hover,22,163,74))}}.btn-outline{background-color:transparent;color:rgb(var(--text-primary));border-color:rgb(var(--border));&:hover:not(:disabled){background-color:rgb(var(--surface));border-color:rgb(var(--border-hover))}}.btn-ghost{background-color:transparent;color:rgb(var(--text-primary));&:hover:not(:disabled){background-color:rgb(var(--surface))}}.btn-sm{height:2rem;padding:0 .75rem;font-size:.75rem}.btn-md{height:2.5rem;padding:0 1rem}.btn-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.rounded-full{border-radius:9999px}