.spinner,.spinner:after{box-sizing:border-box}.spinner{display:inline-block;width:var(--spinner-size);height:var(--spinner-size)}.spinner:after{content:" ";display:block;width:calc(var(--spinner-size)*.8);height:calc(var(--spinner-size)*.8);margin:calc(var(--spinner-size)*.1);border-radius:50%;border-color:currentcolor;border-left:calc(var(--spinner-size)*.08) solid rgba(0,0,0,0);border-bottom:calc(var(--spinner-size)*.08) solid;border-right:calc(var(--spinner-size)*.08) solid rgba(0,0,0,0);border-top:calc(var(--spinner-size)*.08) solid;animation:spinner 1.2s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none;position:relative;overflow:hidden}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:var(--primary);color:var(--background)}.button--primary:hover:not(:disabled){background-color:#e6c200}.button--secondary{background-color:var(--secondary);color:var(--foreground)}.button--secondary:hover:not(:disabled){background-color:#7a00b3}.button--outline{background-color:rgba(0,0,0,0);border:1px solid var(--primary);color:var(--primary)}.button--outline:hover:not(:disabled){background-color:rgba(255,215,0,.1)}.button--ghost{background-color:rgba(0,0,0,0);color:var(--foreground)}.button--ghost:hover:not(:disabled){background-color:hsla(0,0%,100%,.1)}.button--sm{padding:4px 8px;font-size:.875rem}.button--md{padding:8px 16px;font-size:1rem}.button--lg{padding:12px 24px;font-size:1.125rem}.button__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:inherit}