.btn{border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;min-block-size:2.75rem;transition:background-color var(--duration-quick) var(--ease-out-soft), border-color var(--duration-quick) var(--ease-out-soft), color var(--duration-quick) var(--ease-out-soft), box-shadow var(--duration-quick) var(--ease-out-soft), transform var(--duration-instant) var(--ease-out-soft);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.15rem;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-icon{inline-size:2.75rem;padding-inline:0}.btn-sm{border-radius:var(--radius-sm);min-block-size:2.125rem;padding-inline:.8rem;font-size:.875rem}.btn-sm.btn-icon{inline-size:2.125rem}.btn-primary{background-color:var(--color-accent);color:#04121a;box-shadow:var(--glow-accent);font-weight:600}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:0 0 34px #4fd8e85c}}.btn-primary:active:not(:disabled){background-color:var(--color-accent-active)}.btn-secondary{border-color:var(--color-edge);color:var(--color-ink);background-color:#0c24309e}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.btn-secondary{-webkit-backdrop-filter:blur(14px)saturate(1.4)}}@media (hover:hover) and (pointer:fine){.btn-secondary:hover:not(:disabled){background-color:#133444c7;border-color:#4fd8e85c}}.btn-ghost{color:var(--color-ink-secondary);background-color:#0000}@media (hover:hover) and (pointer:fine){.btn-ghost:hover:not(:disabled){color:var(--color-ink);background-color:#ffffff12}}.btn-danger{color:#ffb3ad;background-color:#f2685f21;border-color:#f2685f73}@media (hover:hover) and (pointer:fine){.btn-danger:hover:not(:disabled){border-color:var(--color-danger);color:#ffd4d0;background-color:#f2685f3d}}.btn[data-busy=true]{cursor:progress}.btn-spinner{border:2px solid;border-block-start-color:#0000;border-radius:50%;flex-shrink:0;block-size:1rem;inline-size:1rem;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}