.btn{box-sizing:border-box;height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;transition:background-color var(--duration-quick) var(--ease-default), color var(--duration-quick) var(--ease-default), border-color var(--duration-quick) var(--ease-default), transform var(--duration-quick) var(--ease-default), box-shadow .16s var(--ease-focus);border:1px solid #0000;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.btn:not(:disabled):active{transform:scale(.98)}.btn:focus-visible{border-color:var(--color-mark);box-shadow:inset 0 0 0 1px var(--color-mark);outline:none}.btn--primary{background-color:color-mix(in srgb, var(--color-mark) 10%, transparent);border-color:var(--color-mark);color:var(--color-text-primary)}.btn--primary:not(:disabled):hover{background-color:var(--color-mark);color:var(--color-paper)}.btn--primary:not(:disabled):active{background-color:var(--color-mark-pressed);color:var(--color-paper)}.btn--secondary{border-color:var(--color-text-muted);color:var(--color-text-primary);background-color:#0000}.btn--secondary:not(:disabled):hover{background-color:var(--color-surface-raised);border-color:var(--color-text-primary)}.btn--secondary:not(:disabled):active{background-color:var(--color-surface-sunk);border-color:var(--color-text-primary)}[data-theme=dark] .btn--secondary{background-color:var(--color-surface-raised);border-color:var(--color-line)}[data-theme=dark] .btn--secondary:not(:disabled):hover{background-color:color-mix(in srgb, var(--color-surface-raised), white var(--lift-amount));border-color:var(--color-text-muted)}[data-theme=dark] .btn--secondary:not(:disabled):active{background-color:var(--color-surface-sunk);border-color:var(--color-text-muted)}.btn--ghost{color:var(--color-text-muted);background-color:#0000;border-color:#0000}.btn--ghost:not(:disabled):hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.btn--ghost:not(:disabled):active{background-color:var(--color-surface-sunk)}.btn:disabled:not([data-loading]){cursor:not-allowed;color:var(--color-text-faint);background-color:#0000;transform:none}.btn--primary:disabled:not([data-loading]),.btn--secondary:disabled:not([data-loading]){border-color:var(--color-text-faint)}.btn[data-loading]{cursor:default}.btn[data-loading] .btn__label{visibility:hidden}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}