.ui-button{min-width:0;font-family:var(--font-mono);white-space:nowrap;transition-property:background-color,border-color,transform,filter;transition-duration:var(--duration-state);transition-timing-function:var(--ease-out-quart);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:2px;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.ui-button:focus-visible{outline:3px solid color-mix(in oklab, var(--ring) 50%, transparent)}.ui-button:not(:disabled):not([aria-disabled=true]):active{filter:brightness(.82);transform:translateY(2px)}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.ui-button svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}.ui-button__loader{animation:1s linear infinite ui-button-spin}.ui-button--outline{border-color:var(--border);background:var(--background);color:var(--foreground)}.ui-button--outline:not(:disabled):not([aria-disabled=true]):hover{border-color:var(--gold);background:var(--muted)}.ui-button--secondary{background:var(--gold);color:var(--gold-ink)}.ui-button--secondary:not(:disabled):not([aria-disabled=true]):hover{background:var(--gold-hover)}.ui-button--ghost{color:var(--foreground)}.ui-button--ghost:not(:disabled):not([aria-disabled=true]):hover{border-color:var(--border);background:var(--muted)}.ui-button--destructive{border-color:var(--signal);background:color-mix(in oklab, var(--signal) 10%, transparent);color:var(--signal-text)}.ui-button--destructive:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in oklab, var(--signal) 20%, transparent)}.ui-button--primary{background:var(--red);color:var(--paper);letter-spacing:.18em;text-transform:uppercase}.ui-button--primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--crimson-hover)}.ui-button--size-small{gap:.25rem;min-height:1.5rem;padding:.25rem .5rem;font-size:.75rem}.ui-button--size-medium{gap:.25rem;min-height:2rem;padding:.375rem .75rem;font-size:.875rem}.ui-button--size-big{min-height:2.5rem;padding:.5rem 1rem;font-size:.9375rem}.ui-button--size-xbig{min-height:3rem;padding:.625rem 1.25rem;font-size:1rem}@keyframes ui-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button,.ui-button__loader{transition:none;animation:none}}
