.button{--button-height:40px;--button-padding-x:16px;--button-radius:9999px;--button-icon-size:20px;--button-gap:8px;--button-ease:cubic-bezier(.16, 1, .3, 1);--button-ease-press:cubic-bezier(.4, 0, .2, 1);--button-primary-bg:var(--gray-black);--button-primary-fg:var(--fg-primary-inverse);--button-primary-bg-hover:var(--gray-100);--button-secondary-bg:var(--gray-pale);--button-secondary-fg:var(--fg-primary);--button-secondary-bg-hover:var(--gray-darker-pale);--button-error-bg:var(--fg-red-primary);--button-error-fg:var(--gray-white);--button-error-bg-hover:var(--fg-red-secondary);--button-success-bg:var(--green-50);--button-success-fg:var(--gray-white);--button-success-bg-hover:var(--green-60);--button-warning-bg:var(--gold-50);--button-warning-fg:var(--gray-black);--button-warning-bg-hover:var(--gold-60);--button-primary-color:var(--fg-primary);--button-primary-color-hover:var(--fg-primary);--button-secondary-color:var(--fg-secondary);--button-secondary-color-hover:var(--fg-primary);--button-tertiary-color:var(--fg-tertiary);--button-tertiary-color-hover:var(--fg-primary);--button-error-color:var(--fg-red-primary);--button-error-color-hover:var(--fg-red-secondary);--button-success-color:var(--green-60);--button-success-color-hover:var(--green-70);--button-warning-color:var(--gold-60);--button-warning-color-hover:var(--gold-70);--button-primary-tint-hover:var(--gray-faint);--button-secondary-tint-hover:var(--gray-faint);--button-tertiary-tint-hover:var(--gray-faint);--button-error-tint-hover:var(--coquelicot-faint);--button-success-tint-hover:var(--green-faint);--button-warning-tint-hover:var(--gold-faint);--button-outline-border:var(--gray-a16);--button-focus-ring:var(--gray-a48);--button-disabled-bg:var(--gray-pale);--button-disabled-fg:var(--fg-quaternary);justify-content:center;align-items:center;gap:var(--button-gap);height:var(--button-height);padding-left:var(--button-padding-x);padding-right:var(--button-padding-x);border-radius:var(--button-radius);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:var(--font-sf);letter-spacing:-.2px;font-variation-settings:"wdth" 100;transition:transform .15s var(--button-ease), box-shadow .15s var(--button-ease), background-color .15s ease, color .15s ease, opacity .15s ease;background:0 0;border:none;outline:none;font-size:15px;font-weight:510;line-height:1;text-decoration:none;display:inline-flex;position:relative}.button[data-size=small]{--button-height:32px;--button-padding-x:12px;letter-spacing:-.1px;font-size:13px}.button[data-size=medium]{--button-height:40px;--button-padding-x:16px}.button[data-size=large]{--button-height:48px;--button-padding-x:20px}.button[data-size=small]:not([data-appearance=text]):before,.button[data-size=medium]:not([data-appearance=text]):before{content:"";min-width:44px;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button[data-appearance=solid][data-variant=primary]{background:var(--button-primary-bg);color:var(--button-primary-fg)}.button[data-appearance=solid][data-variant=secondary]{background:var(--button-secondary-bg);color:var(--button-secondary-fg)}.button[data-appearance=solid][data-variant=error]{background:var(--button-error-bg);color:var(--button-error-fg)}.button[data-appearance=solid][data-variant=success]{background:var(--button-success-bg);color:var(--button-success-fg)}.button[data-appearance=solid][data-variant=warning]{background:var(--button-warning-bg);color:var(--button-warning-fg)}.button[data-appearance=outline]{box-shadow:inset 0 0 0 .5px var(--button-outline-border);background:0 0}.button[data-appearance=outline][data-variant=primary]{color:var(--button-primary-color)}.button[data-appearance=outline][data-variant=secondary]{color:var(--button-secondary-color)}.button[data-appearance=outline][data-variant=error]{color:var(--button-error-color)}.button[data-appearance=outline][data-variant=success]{color:var(--button-success-color)}.button[data-appearance=outline][data-variant=warning]{color:var(--button-warning-color)}.button[data-appearance=naked]{background:0 0}.button[data-appearance=naked][data-variant=primary]{color:var(--button-primary-color)}.button[data-appearance=naked][data-variant=secondary]{color:var(--button-secondary-color)}.button[data-appearance=naked][data-variant=tertiary]{color:var(--button-tertiary-color)}.button[data-appearance=naked][data-variant=error]{color:var(--button-error-color)}.button[data-appearance=naked][data-variant=success]{color:var(--button-success-color)}.button[data-appearance=naked][data-variant=warning]{color:var(--button-warning-color)}.button[data-appearance=text]{background:0 0;border-radius:0;height:auto;padding:0}.button[data-appearance=text][data-variant=primary]{color:var(--button-primary-color)}.button[data-appearance=text][data-variant=secondary]{color:var(--button-secondary-color)}.button[data-appearance=text][data-variant=error]{color:var(--button-error-color)}.button[data-appearance=text][data-variant=success]{color:var(--button-success-color)}.button[data-appearance=text][data-variant=warning]{color:var(--button-warning-color)}.button[data-icon-only]{width:var(--button-height);height:var(--button-height);border-radius:var(--button-radius);flex-shrink:0;padding:0}@media (hover:hover) and (pointer:fine){.button[data-appearance=solid][data-variant=primary]:hover:not(:disabled){background:var(--button-primary-bg-hover)}.button[data-appearance=solid][data-variant=secondary]:hover:not(:disabled){background:var(--button-secondary-bg-hover)}.button[data-appearance=solid][data-variant=error]:hover:not(:disabled){background:var(--button-error-bg-hover)}.button[data-appearance=solid][data-variant=success]:hover:not(:disabled){background:var(--button-success-bg-hover)}.button[data-appearance=solid][data-variant=warning]:hover:not(:disabled){background:var(--button-warning-bg-hover)}.button[data-appearance=outline][data-variant=primary]:hover:not(:disabled),.button[data-appearance=naked][data-variant=primary]:hover:not(:disabled){background:var(--button-primary-tint-hover)}.button[data-appearance=outline][data-variant=secondary]:hover:not(:disabled),.button[data-appearance=naked][data-variant=secondary]:hover:not(:disabled){background:var(--button-secondary-tint-hover)}.button[data-appearance=naked][data-variant=tertiary]:hover:not(:disabled){color:var(--button-tertiary-color-hover);background:var(--button-tertiary-tint-hover)}.button[data-appearance=outline][data-variant=error]:hover:not(:disabled),.button[data-appearance=naked][data-variant=error]:hover:not(:disabled){background:var(--button-error-tint-hover)}.button[data-appearance=outline][data-variant=success]:hover:not(:disabled),.button[data-appearance=naked][data-variant=success]:hover:not(:disabled){background:var(--button-success-tint-hover)}.button[data-appearance=outline][data-variant=warning]:hover:not(:disabled),.button[data-appearance=naked][data-variant=warning]:hover:not(:disabled){background:var(--button-warning-tint-hover)}.button[data-appearance=text][data-variant=primary]:hover:not(:disabled){color:var(--button-primary-color-hover)}.button[data-appearance=text][data-variant=secondary]:hover:not(:disabled){color:var(--button-secondary-color-hover)}.button[data-appearance=text][data-variant=error]:hover:not(:disabled){color:var(--button-error-color-hover)}.button[data-appearance=text][data-variant=success]:hover:not(:disabled){color:var(--button-success-color-hover)}.button[data-appearance=text][data-variant=warning]:hover:not(:disabled){color:var(--button-warning-color-hover)}.button[data-appearance=outline]:hover:not(:disabled){box-shadow:inset 0 0 0 .5px #0000}}.button[data-appearance=solid]:active:not(:disabled),.button[data-appearance=outline]:active:not(:disabled),.button[data-appearance=naked]:active:not(:disabled){transition-duration:80ms;transition-timing-function:var(--button-ease-press);transform:scale(.98)}.button[data-appearance=outline][data-variant=primary]:active:not(:disabled),.button[data-appearance=naked][data-variant=primary]:active:not(:disabled){background:var(--button-primary-tint-hover)}.button[data-appearance=outline][data-variant=secondary]:active:not(:disabled),.button[data-appearance=naked][data-variant=secondary]:active:not(:disabled){background:var(--button-secondary-tint-hover)}.button[data-appearance=naked][data-variant=tertiary]:active:not(:disabled){color:var(--button-tertiary-color-hover);background:var(--button-tertiary-tint-hover)}.button[data-appearance=outline][data-variant=error]:active:not(:disabled),.button[data-appearance=naked][data-variant=error]:active:not(:disabled){background:var(--button-error-tint-hover)}.button[data-appearance=outline][data-variant=success]:active:not(:disabled),.button[data-appearance=naked][data-variant=success]:active:not(:disabled){background:var(--button-success-tint-hover)}.button[data-appearance=outline][data-variant=warning]:active:not(:disabled),.button[data-appearance=naked][data-variant=warning]:active:not(:disabled){background:var(--button-warning-tint-hover)}.button[data-appearance=outline]:active:not(:disabled){box-shadow:inset 0 0 0 .5px #0000}.button[data-appearance=text][data-variant=primary]:active:not(:disabled){color:var(--button-primary-color-hover)}.button[data-appearance=text][data-variant=secondary]:active:not(:disabled){color:var(--button-secondary-color-hover)}.button[data-appearance=text][data-variant=error]:active:not(:disabled){color:var(--button-error-color-hover)}.button[data-appearance=text][data-variant=success]:active:not(:disabled){color:var(--button-success-color-hover)}.button[data-appearance=text][data-variant=warning]:active:not(:disabled){color:var(--button-warning-color-hover)}.button[data-appearance=naked][aria-pressed=true]{background:var(--gray-pale);color:var(--fg-primary)}.button[data-state]:active:not(:disabled){transform:none}.button:focus-visible{outline:2px solid var(--button-focus-ring);outline-offset:2px}.button[data-appearance=text]:focus-visible{outline-offset:6px}.button[data-loading]{pointer-events:none;cursor:default}.button__label,.button__icon{transition:opacity .15s}.button[data-loading] .button__label,.button[data-loading] .button__icon{opacity:0}.button__spinner{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button:disabled:not([data-loading]){cursor:default;background:var(--button-disabled-bg);color:var(--button-disabled-fg);box-shadow:none}.button[data-appearance=outline]:disabled:not([data-loading]){box-shadow:inset 0 0 0 .5px var(--button-outline-border);background:0 0}.button[data-appearance=text]:disabled:not([data-loading]),.button[data-appearance=naked]:disabled:not([data-loading]){color:var(--button-disabled-fg);background:0 0}.button__label{text-overflow:ellipsis;min-width:0;margin:-4px 0;padding:4px 0;overflow:hidden}.button__icon{width:var(--button-icon-size);height:var(--button-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.button__icon>svg{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:hover:not(:disabled),.button:active:not(:disabled){transform:none}}