.button{justify-content:center;align-items:center;gap:var(--spacing-horizontal-small);font-family:var(--typography-font-family-action);font-weight:var(--typography-font-weight-semibold);line-height:var(--typography-line-height-medium);letter-spacing:var(--typography-letter-spacing-root);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:all var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:all var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:all var(--motion-duration-fast) var(--motion-easing-standard);-webkit-user-select:none;user-select:none;border:none;flex-direction:row;display:flex}.button svg path{transition:all var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:all var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:all var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:all var(--motion-duration-fast) var(--motion-easing-standard)}.button--extra-large{padding:var(--spacing-vertical-xlarge) var(--spacing-horizontal-giga);font-size:var(--typography-body-extralarge);border-radius:var(--radius-medium)}.button--large{padding:var(--spacing-vertical-xxlarge) var(--spacing-horizontal-jumbo);font-size:var(--typography-body-small);border-radius:var(--radius-medium)}.button--medium{padding:var(--spacing-vertical-large) var(--spacing-horizontal-mega);font-size:var(--typography-body-medium);border-radius:var(--radius-small)}.button--small{padding:var(--spacing-vertical-large) var(--spacing-horizontal-jumbo);font-size:var(--typography-body-small);border-radius:var(--radius-small)}.button--extra-small{padding:var(--spacing-vertical-medium) var(--spacing-horizontal-large);font-size:var(--typography-body-extrasmall);line-height:var(--typography-line-height-small);border-radius:var(--radius-extra-small)}.button--primary{color:var(--color-action-primary-surface-active);background-color:var(--color-action-primary-background-active)}.button--primary svg path{fill:var(--color-action-primary-surface-active)}.button--primary:hover{color:var(--color-action-primary-surface-hover);background-color:var(--color-action-primary-background-hover)}.button--primary:hover svg path{fill:var(--color-action-primary-surface-hover)}.button--primary:active{color:var(--color-action-primary-surface-pressed);background-color:var(--color-action-primary-background-pressed)}.button--primary:active svg path{fill:var(--color-action-primary-surface-pressed)}.button--primary:focus-visible{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.button--primary:focus-visible:not(:disabled){color:var(--color-action-primary-surface-hover);background-color:var(--color-action-primary-background-hover)}.button--secondary{color:var(--color-action-secondary-surface-active);background-color:var(--color-action-secondary-background-active)}.button--secondary svg path{fill:var(--color-action-secondary-surface-active)}.button--secondary:hover{color:var(--color-action-secondary-surface-hover);background-color:var(--color-action-secondary-background-hover)}.button--secondary:hover svg path{fill:var(--color-action-secondary-surface-hover)}.button--secondary:active{color:var(--color-action-secondary-surface-pressed);background-color:var(--color-action-secondary-background-pressed)}.button--secondary:active svg path{fill:var(--color-action-secondary-surface-pressed)}.button--secondary:focus-visible{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.button--secondary:focus-visible:not(:disabled){color:var(--color-action-secondary-surface-hover);background-color:var(--color-action-secondary-background-hover)}.button--text{color:var(--color-action-text-surface-active);text-underline-offset:var(--stroke-medium);background-color:#0000;text-decoration:underline}.button--text svg path{fill:var(--color-action-text-surface-active)}.button--text:hover{color:var(--color-action-text-surface-hover)}.button--text:hover svg path{fill:var(--color-action-text-surface-hover)}.button--text:active{color:var(--color-action-text-surface-pressed)}.button--text:active svg path{fill:var(--color-action-text-surface-pressed)}.button--text:focus-visible{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.button--text:focus-visible:not(:disabled){color:var(--color-action-text-surface-hover)}.button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled,.6);pointer-events:none}.button--loading{cursor:not-allowed;pointer-events:none}.button--loading.button--primary{background-color:var(--color-action-primary-background-inactive);color:var(--color-action-primary-surface-inactive)}.button--hover.button--primary{color:var(--color-action-primary-surface-hover);background-color:var(--color-action-primary-background-hover)}.button--hover.button--secondary{color:var(--color-action-secondary-surface-hover);background-color:var(--color-action-secondary-background-hover)}.button--hover.button--text{color:var(--color-action-text-surface-hover)}.button--active.button--primary{color:var(--color-action-primary-surface-pressed);background-color:var(--color-action-primary-background-pressed)}.button--active.button--secondary{color:var(--color-action-secondary-surface-pressed);background-color:var(--color-action-secondary-background-pressed)}.button--active.button--text{color:var(--color-action-text-surface-pressed)}.button--focus{outline:var(--stroke-medium) solid var(--color-utility-focus);outline-offset:var(--stroke-medium)}.button--focus.button--primary{color:var(--color-action-primary-surface-hover);background-color:var(--color-action-primary-background-hover)}.button--focus.button--secondary{color:var(--color-action-secondary-surface-hover);background-color:var(--color-action-secondary-background-hover)}.button--focus.button--text{color:var(--color-action-text-surface-hover)}.button__icon,.button__leading-icon,.button__trailing-icon{justify-content:center;align-items:center;display:inline-flex}.button__spinner{justify-content:center;align-items:center;animation:.8s linear infinite button-spin;display:inline-flex}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}