.Button-module__tg8SnW__root{font-family:var(--font-family-body), sans-serif;font-weight:var(--font-weight-400);letter-spacing:var(--font-letter-spacing-negative-0-2);border-radius:var(--round-corners-4);cursor:pointer;transition:var(--transition-background-color), var(--transition-border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;display:inline-flex}.Button-module__tg8SnW__root[data-button-size=xs]{height:1.5rem;padding:0 var(--space-8);gap:var(--space-4);font-size:var(--font-size-12);line-height:var(--font-line-height-18)}.Button-module__tg8SnW__root[data-button-size=sm]{height:2rem;padding:0 var(--space-12);gap:var(--space-8);font-size:var(--font-size-14);line-height:var(--font-line-height-22)}.Button-module__tg8SnW__root[data-button-size=md]{height:2.5rem;padding:0 var(--space-12);gap:var(--space-8);font-size:var(--font-size-14);line-height:var(--font-line-height-22)}.Button-module__tg8SnW__root[data-button-size=lg]{height:3rem;padding:0 var(--space-20);gap:var(--space-8);font-size:var(--font-size-14);line-height:var(--font-line-height-22)}.Button-module__tg8SnW__root[data-block]{width:100%;display:flex}.Button-module__tg8SnW__root[data-icon-only]{aspect-ratio:1;padding:0}.Button-module__tg8SnW__root[data-icon-only] .Button-module__tg8SnW__inner{gap:0}.Button-module__tg8SnW__root[data-icon-only] .Button-module__tg8SnW__label{display:none}.Button-module__tg8SnW__root[data-variant=primary]{background-color:var(--color-background-system-primary-brand);color:var(--color-text-on-primary)}.Button-module__tg8SnW__root[data-variant=primary]:hover:not(:disabled):not([data-disable-hover]):not(:active){background-color:var(--color-background-system-primary-brand-hover)}.Button-module__tg8SnW__root[data-variant=primary]:active:not(:disabled){background-color:var(--color-background-system-primary-brand-active)}.Button-module__tg8SnW__root[data-variant=secondary]{color:var(--color-text-default-primary);border:var(--border-size-1) solid var(--color-border-default-primary);background-color:#0000}.Button-module__tg8SnW__root[data-variant=secondary]:hover:not(:disabled):not([data-disable-hover]):not(:active){background-color:var(--color-background-system-primary-hover)}.Button-module__tg8SnW__root[data-variant=secondary]:active:not(:disabled){background-color:var(--color-background-system-secondary-selected);border-color:var(--color-border-default-secondary-selected)}.Button-module__tg8SnW__root[data-variant=tertiary]{color:var(--color-text-default-primary);background-color:#0000}.Button-module__tg8SnW__root[data-variant=tertiary]:hover:not(:disabled):not([data-disable-hover]):not(:active){background-color:var(--color-background-system-primary-hover)}.Button-module__tg8SnW__root[data-variant=tertiary]:active:not(:disabled){background-color:var(--color-background-system-secondary-selected)}.Button-module__tg8SnW__root[data-variant=tertiaryBg]{background-color:var(--color-background-system-primary);color:var(--color-text-default-primary)}.Button-module__tg8SnW__root[data-variant=tertiaryBg]:hover:not(:disabled):not([data-disable-hover]):not(:active){background-color:var(--color-background-system-secondary-hover)}.Button-module__tg8SnW__root[data-variant=tertiaryBg]:active:not(:disabled){background-color:var(--color-background-system-secondary-selected)}.Button-module__tg8SnW__root[data-variant=quaternary]{color:var(--color-text-default-primary);background-color:#0000;height:auto;padding:0}.Button-module__tg8SnW__root[data-variant=quaternary] .Button-module__tg8SnW__label{font-weight:var(--font-weight-600);text-decoration:underline}.Button-module__tg8SnW__root[data-variant=quaternary][data-button-size=xs]{height:auto;font-size:var(--font-size-12);line-height:var(--font-line-height-18);padding:0}.Button-module__tg8SnW__root[data-variant=quaternary][data-button-size=sm],.Button-module__tg8SnW__root[data-variant=quaternary][data-button-size=md]{height:auto;font-size:var(--font-size-14);line-height:var(--font-line-height-22);padding:0}.Button-module__tg8SnW__root[data-variant=quaternary][data-button-size=lg]{height:auto;font-size:var(--font-size-16);line-height:var(--font-line-height-24);padding:0}.Button-module__tg8SnW__root[data-variant=positive]{background-color:var(--color-background-system-secondary);color:var(--color-text-success-primary)}.Button-module__tg8SnW__root[data-variant=positive] svg{stroke:var(--color-text-success-primary)}.Button-module__tg8SnW__root[data-variant=negative]{background-color:var(--color-background-error-primary);color:var(--color-text-on-primary)}.Button-module__tg8SnW__root[data-variant=negative]:hover:not(:disabled):not([data-disable-hover]):not(:active){background-color:var(--color-background-error-primary-hover)}.Button-module__tg8SnW__root[data-variant=negative]:active:not(:disabled){background-color:var(--color-background-error-primary-active)}.Button-module__tg8SnW__root:disabled:not([data-loading]){background-color:var(--color-background-disabled-tertiary);color:var(--color-text-disabled-primary);cursor:not-allowed;border-color:#0000}.Button-module__tg8SnW__root[data-variant=quaternary]:disabled:not([data-loading]){background-color:#0000}.Button-module__tg8SnW__root:focus-visible{outline:var(--border-size-2) solid var(--color-border-default-secondary-selected);outline-offset:var(--border-size-2)}.Button-module__tg8SnW__root[data-loading]{pointer-events:none;cursor:not-allowed;position:relative;overflow:hidden}.Button-module__tg8SnW__root[data-loading] .Button-module__tg8SnW__inner{opacity:0;transform:translateY(100%)}.Button-module__tg8SnW__root[data-active=true]{background-color:var(--color-background-system-secondary-selected)!important}.Button-module__tg8SnW__inner{justify-content:center;align-items:center;gap:inherit;width:100%;height:100%;display:flex}.Button-module__tg8SnW__section{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.Button-module__tg8SnW__root[data-button-size=xs] .Button-module__tg8SnW__section svg{width:16px;height:16px}.Button-module__tg8SnW__root[data-button-size=sm] .Button-module__tg8SnW__section svg,.Button-module__tg8SnW__root[data-button-size=md] .Button-module__tg8SnW__section svg,.Button-module__tg8SnW__root[data-button-size=lg] .Button-module__tg8SnW__section svg{width:20px;height:20px}.Button-module__tg8SnW__section svg{color:currentColor}.Button-module__tg8SnW__label{align-items:center;display:inline-flex}.Button-module__tg8SnW__loader{color:currentColor;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
