@layer bds-components{.bds-button{--button-active-translate-y:1px;--button-focus-outline-width:2px;--button-focus-outline-offset:2px;justify-content:center;align-items:center;gap:var(--gap-sm);font-family:var(--font-family-label);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-normal);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;text-transform:capitalize;border:var(--border-width-md)solid transparent;color:inherit;transition:background-color var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out),color var(--duration-normal)var(--ease-out),opacity var(--duration-normal)var(--ease-out);box-sizing:border-box;background:0 0;text-decoration:none;display:inline-flex}.bds-button--tiny{height:24px;padding-inline:var(--padding-tiny);font-size:var(--label-xs);gap:var(--gap-xs);border-radius:var(--border-radius-sm)}.bds-button--sm{height:32px;padding-inline:var(--padding-sm);font-size:var(--label-sm)}.bds-button--md{height:40px;padding-inline:var(--padding-md);font-size:var(--label-md)}.bds-button--lg{height:48px;padding-inline:var(--padding-md);font-size:var(--label-lg)}.bds-button--xl{height:56px;padding-inline:var(--padding-lg);font-size:var(--label-xl)}.bds-button--primary{background-color:var(--background-brand-primary);color:var(--text-on-color-dark)}.bds-button--outline{color:var(--text-brand-primary);border-color:var(--border-brand-primary);background-color:#0000}.bds-button--secondary{background-color:var(--background-secondary);color:var(--text-primary)}.bds-button--ghost{color:var(--text-primary);background-color:#0000}.bds-button--inverse{background-color:var(--background-inverse);color:var(--text-on-color-light)}.bds-button--danger{background-color:var(--background-accent-red);color:var(--text-on-color-dark)}.bds-button--danger-outline{color:var(--text-accent-red);border-color:var(--text-accent-red);background-color:#0000}.bds-button--danger-ghost{color:var(--text-accent-red);background-color:#0000}.bds-button--destructive{background-color:var(--background-negative);color:var(--text-on-color-dark)}.bds-button--positive{background-color:var(--background-positive);color:var(--text-on-color-dark)}.bds-button--selected{background-color:var(--background-brand-primary);color:var(--text-on-color-dark)}.bds-button--full-width{width:100%}.bds-button--primary:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-brand-primary-hover)}.bds-button--primary:active:not(:disabled){background-color:var(--background-brand-primary-pressed);transform:translateY(var(--button-active-translate-y))}.bds-button--secondary:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-secondary-hover)}.bds-button--secondary:active:not(:disabled){background-color:var(--background-secondary-pressed);color:var(--text-on-color-dark);transform:translateY(var(--button-active-translate-y))}.bds-button--outline:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-primary-hover)}.bds-button--outline:active:not(:disabled){background-color:var(--background-brand-primary-pressed);color:var(--text-on-color-dark);border-color:var(--background-brand-primary-pressed);transform:translateY(var(--button-active-translate-y))}.bds-button--ghost:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-primary-hover)}.bds-button--ghost:active:not(:disabled){background-color:var(--background-secondary-hover);transform:translateY(var(--button-active-translate-y))}.bds-button--inverse:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-secondary-pressed);color:var(--text-on-color-dark)}.bds-button--inverse:active:not(:disabled){background-color:var(--background-brand-primary-pressed);color:var(--text-on-color-dark);transform:translateY(var(--button-active-translate-y))}.bds-button--destructive:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-negative-hover)}.bds-button--destructive:active:not(:disabled){background-color:var(--background-negative-pressed);transform:translateY(var(--button-active-translate-y))}.bds-button--positive:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-positive-hover)}.bds-button--positive:active:not(:disabled){background-color:var(--background-positive-pressed);transform:translateY(var(--button-active-translate-y))}.bds-button--danger-outline:hover:not(:disabled):not(.bds-button--loading),.bds-button--danger-ghost:hover:not(:disabled):not(.bds-button--loading){background-color:var(--background-accent-red);color:var(--text-on-color-dark)}.bds-button:disabled:not(.bds-button--loading){background-color:var(--background-disabled);color:var(--text-disabled);border-color:var(--border-disabled);cursor:not-allowed}.bds-button:focus-visible{outline:var(--button-focus-outline-width)solid var(--border-focus);outline-offset:var(--button-focus-outline-offset)}.bds-button--danger:focus-visible,.bds-button--danger-outline:focus-visible,.bds-button--danger-ghost:focus-visible,.bds-button--destructive:focus-visible{outline-color:var(--text-negative)}.bds-button--positive:focus-visible{outline-color:var(--text-positive)}.bds-button--loading{cursor:wait;position:relative}.bds-button__content{align-items:center;gap:inherit;display:inline-flex}.bds-button__content--hidden{visibility:hidden}.bds-button__spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bds-button__spinner-icon{border-width:var(--border-width-lg);opacity:.9;border-style:solid;border-color:#0000 currentColor currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite bds-spin;display:inline-block}.bds-button--sm .bds-button__spinner-icon{width:14px;height:14px}.bds-icon-button .bds-button__spinner-icon{width:1em;height:1em}.bds-icon-button{flex-shrink:0;gap:0;width:40px;height:40px;padding:0}.bds-icon-button--tiny{width:24px;height:24px}.bds-icon-button--sm{width:32px;height:32px}.bds-icon-button--md{width:40px;height:40px}.bds-icon-button--lg{width:48px;height:48px}.bds-icon-button--xl{width:56px;height:56px}.bds-icon-button__icon{justify-content:center;align-items:center;width:1em;height:1em;font-size:16px;display:flex}.bds-icon-button--tiny .bds-icon-button__icon{font-size:12px}.bds-icon-button--sm .bds-icon-button__icon{font-size:16px}.bds-icon-button--lg .bds-icon-button__icon{font-size:20px}.bds-icon-button--xl .bds-icon-button__icon{font-size:24px}}
/*# sourceMappingURL=4c6da0e740d5f04d.css.map*/