.button{border-style:solid;border-width:var(--button-border-width,var(--button-border-width));border-radius:var(--button-radius-default,var(--button-radius-default));font-weight:var(--button-fontWeight,var(--button-fontWeight));cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--button-transition-duration,var(--button-transition-duration)) ease,border-color var(--button-transition-duration,var(--button-transition-duration)) ease,color var(--button-transition-duration,var(--button-transition-duration)) ease;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:focus-visible,.button[data-state~=focus-visible]{outline:var(--button-focus-ringWidth,var(--button-focus-ringWidth)) solid var(--button-focus-ringColor,var(--button-focus-ringColor));outline-offset:var(--button-focus-ringOffset,var(--button-focus-ringOffset))}.button__label{display:inline-block}.button__icon{flex-shrink:0}.button__icon,.button__spinner{justify-content:center;align-items:center;display:inline-flex}.button__spinner-icon{animation:1s linear infinite button-spin}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.button--size-sm{height:var(--button-size-sm-height,var(--button-size-sm-height));padding:var(--button-size-sm-paddingY,var(--button-size-sm-paddingY)) var(--button-size-sm-paddingX,var(--button-size-sm-paddingX));font-size:var(--button-size-sm-fontSize,var(--button-size-sm-fontSize));gap:var(--button-size-sm-gap,var(--button-size-sm-gap))}.button--size-sm .button__icon{font-size:var(--button-size-sm-iconSize,var(--button-size-sm-iconSize))}.button--size-sm .button__icon,.button--size-sm .button__spinner-icon{width:var(--button-size-sm-iconSize,var(--button-size-sm-iconSize));height:var(--button-size-sm-iconSize,var(--button-size-sm-iconSize))}.button--size-md{height:var(--button-size-md-height,var(--button-size-md-height));padding:var(--button-size-md-paddingY,var(--button-size-md-paddingY)) var(--button-size-md-paddingX,var(--button-size-md-paddingX));font-size:var(--button-size-md-fontSize,var(--button-size-md-fontSize));gap:var(--button-size-md-gap,var(--button-size-md-gap))}.button--size-md .button__icon{font-size:var(--button-size-md-iconSize,var(--button-size-md-iconSize))}.button--size-md .button__icon,.button--size-md .button__spinner-icon{width:var(--button-size-md-iconSize,var(--button-size-md-iconSize));height:var(--button-size-md-iconSize,var(--button-size-md-iconSize))}.button--size-lg{height:var(--button-size-lg-height,var(--button-size-lg-height));padding:var(--button-size-lg-paddingY,var(--button-size-lg-paddingY)) var(--button-size-lg-paddingX,var(--button-size-lg-paddingX));font-size:var(--button-size-lg-fontSize,var(--button-size-lg-fontSize));gap:var(--button-size-lg-gap,var(--button-size-lg-gap))}.button--size-lg .button__icon{font-size:var(--button-size-lg-iconSize,var(--button-size-lg-iconSize))}.button--size-lg .button__icon,.button--size-lg .button__spinner-icon{width:var(--button-size-lg-iconSize,var(--button-size-lg-iconSize));height:var(--button-size-lg-iconSize,var(--button-size-lg-iconSize))}.button--state-loading{cursor:wait;pointer-events:none}.button--shape-rounded{border-radius:var(--button-radius-rounded,var(--button-radius-rounded))}.button--shape-pill{border-radius:var(--button-radius-pill,var(--button-radius-pill))}.button--shape-square{border-radius:var(--button-radius-square,var(--button-radius-square))}.button--shape-circle{border-radius:var(--button-radius-circle,var(--button-radius-circle));aspect-ratio:1;padding-inline:0}.button-primary{background:var(--button-primary-background-default,var(--button-primary-background-default));border-color:var(--button-primary-border-default,var(--button-primary-border-default));color:var(--button-primary-text-default,var(--button-primary-text-default))}.button-primary:hover:not(:disabled),.button-primary[data-state~=hover]:not(:disabled){background:var(--button-primary-background-hover,var(--button-primary-background-hover));border-color:var(--button-primary-border-hover,var(--button-primary-border-hover))}.button-primary:active:not(:disabled),.button-primary[data-state~=active]:not(:disabled){background:var(--button-primary-background-active,var(--button-primary-background-active));border-color:var(--button-primary-border-active,var(--button-primary-border-active))}.button-primary.button--state-disabled,.button-primary:disabled{background:var(--button-primary-background-disabled,var(--button-primary-background-disabled));border-color:var(--button-primary-border-disabled,var(--button-primary-border-disabled));color:var(--button-primary-text-disabled,var(--button-primary-text-disabled));cursor:not-allowed}.button-outlined{background-color:var(--button-outlined-background-default,var(--button-outlined-background-default));border-color:var(--button-outlined-border-default,var(--button-outlined-border-default));color:var(--button-outlined-text-default,var(--button-outlined-text-default))}.button-outlined:hover:not(:disabled),.button-outlined[data-state~=hover]:not(:disabled){background-color:var(--button-outlined-background-hover,var(--button-outlined-background-hover));border-color:var(--button-outlined-border-hover,var(--button-outlined-border-hover))}.button-outlined:active:not(:disabled),.button-outlined[data-state~=active]:not(:disabled){background-color:var(--button-outlined-background-active,var(--button-outlined-background-active));border-color:var(--button-outlined-border-active,var(--button-outlined-border-active))}.button-outlined.button--state-disabled,.button-outlined:disabled{background-color:var(--button-outlined-background-disabled,var(--button-outlined-background-disabled));border-color:var(--button-outlined-border-disabled,var(--button-outlined-border-disabled));color:var(--button-outlined-text-disabled,var(--button-outlined-text-disabled));cursor:not-allowed}