.btn{text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--btn-gap,var(--space-2));font-family:var(--font-lead);white-space:nowrap;border-radius:var(--btn-radius,var(--radius-full));cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);--corner-superellipse:1;border:2px solid #0000;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn.sm{gap:var(--btn-gap,var(--space-1));padding:var(--btn-py,.4375rem) var(--btn-px,.875rem);font-size:var(--text-sm)}.btn.md{padding:var(--btn-py,.6rem) var(--btn-px,1rem) var(--btn-px,.7rem) var(--btn-py,1rem);font-size:var(--text-base)}.btn.lg{padding:var(--btn-py,.875rem) var(--btn-px,1.5rem);font-size:var(--text-md)}.btn.icon-only{padding:var(--btn-py,.6875rem);aspect-ratio:1}.btn.icon-only.sm{padding:var(--btn-py,.4375rem)}.btn.icon-only.lg{padding:var(--btn-py,.875rem)}.btn.primary{color:var(--white);background:radial-gradient(46.56% 141.36% at 52.95% -15.11%,#4c4d56 0%,#262729 100%);border-color:#d3d3d3;box-shadow:inset 0 -3px .5px #0000008c}.btn.primary:hover{background-color:var(--gray-d4)}.btn.accent{background-color:var(--accent);color:var(--text-on-accent)}.btn.accent:hover{background-color:var(--accent-hover)}.btn.secondary{background-color:var(--bg-2);color:var(--text-1);box-shadow:inset 0 -3px .5px #0000002b}.btn.secondary:hover{background-color:var(--bg-3)}.btn.ghost{color:var(--text-1);background-color:#e8e8e8}.btn.ghost:hover{background-color:var(--gray-4)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled,.btn[data-disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.btn[data-loading]{cursor:progress}.btn .label{display:inline-block}.btn .icon{justify-content:center;align-items:center;display:inline-flex}.btn .icon svg{width:1.1em;height:1.1em;display:block}.btn .spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1em;height:1em;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn .spinner{animation-duration:1.5s}}