.button{-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:-.01em;transition-property:color,background-color,border-color,box-shadow,transform;transition-timing-function:var(--ease-out);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:500;transition-duration:.2s;display:inline-flex}.button:active{transform:scale(.97)}.button:disabled{pointer-events:none;opacity:.45}.button svg{flex-shrink:0}.button--primary{background-color:rgb(var(--accent-fill));color:#fff}.button--primary:hover{background-color:#0077ed}.button--primary:active{background-color:#0062c4}.button--secondary{background-color:rgb(var(--fg) / .06);color:rgb(var(--fg))}.button--secondary:hover{background-color:rgb(var(--fg) / .1)}.button--outline{border-width:1px;border-color:rgb(var(--line-strong));background-color:rgb(var(--surface));color:rgb(var(--fg))}.button--outline:hover{border-color:rgb(var(--fg-subtle))}.button--ghost{color:rgb(var(--fg-muted))}.button--ghost:hover{background-color:rgb(var(--fg) / .06);color:rgb(var(--fg))}.button--link{height:auto;color:rgb(var(--accent));text-underline-offset:4px;padding-left:0;padding-right:0}.button--link:hover{text-decoration-line:underline}.button--link:active{transform:none}.button--xs{height:1.625rem;padding-left:.625rem;padding-right:.625rem;font-size:.75rem;line-height:1rem}.button--xs svg{width:.75rem;height:.75rem}.button--sm{height:2rem;padding-left:.875rem;padding-right:.875rem;font-size:.8125rem;line-height:1.25rem}.button--sm svg{width:.875rem;height:.875rem}.button--md{height:2.375rem;padding-left:1.125rem;padding-right:1.125rem;font-size:.875rem;line-height:1.25rem}.button--md svg{width:1rem;height:1rem}.button--lg{height:3rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1rem;line-height:1.5rem}.button--lg svg{width:1.125rem;height:1.125rem}.button--icon{width:2rem;height:2rem}.button--icon svg{width:1rem;height:1rem}