.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:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),opacity var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),opacity var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),opacity var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),opacity var(--motion-duration-fast) var(--motion-easing-standard),box-shadow 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:fill var(--motion-duration-fast) var(--motion-easing-standard),stroke var(--motion-duration-fast) var(--motion-easing-standard);-webkit-transition:fill var(--motion-duration-fast) var(--motion-easing-standard),stroke var(--motion-duration-fast) var(--motion-easing-standard);-moz-transition:fill var(--motion-duration-fast) var(--motion-easing-standard),stroke var(--motion-duration-fast) var(--motion-easing-standard);-o-transition:fill var(--motion-duration-fast) var(--motion-easing-standard),stroke 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);min-height:calc(2*var(--spacing-vertical-xlarge) + var(--typography-body-extralarge)*var(--typography-line-height-medium))}.button--large{padding:var(--spacing-vertical-xxlarge) var(--spacing-horizontal-jumbo);font-size:var(--typography-body-small);border-radius:var(--radius-medium);min-height:calc(2*var(--spacing-vertical-xxlarge) + var(--typography-body-small)*var(--typography-line-height-medium))}.button--medium{padding:var(--spacing-vertical-large) var(--spacing-horizontal-mega);font-size:var(--typography-body-medium);border-radius:var(--radius-small);min-height:calc(2*var(--spacing-vertical-large) + var(--typography-body-medium)*var(--typography-line-height-medium))}.button--small{padding:var(--spacing-vertical-large) var(--spacing-horizontal-jumbo);font-size:var(--typography-body-small);border-radius:var(--radius-small);min-height:calc(2*var(--spacing-vertical-large) + var(--typography-body-small)*var(--typography-line-height-medium))}.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);min-height:calc(2*var(--spacing-vertical-medium) + var(--typography-body-extrasmall)*var(--typography-line-height-small))}.button--primary{color:var(--ov-button-primary-active-color,var(--color-action-primary-surface-active));background-color:var(--ov-button-primary-active-bg,var(--color-action-primary-background-active))}.button--primary svg path{fill:var(--ov-button-primary-active-color,var(--color-action-primary-surface-active))}.button--primary:hover{color:var(--ov-button-primary-hover-color,var(--color-action-primary-surface-hover));background-color:var(--ov-button-primary-hover-bg,var(--color-action-primary-background-hover))}.button--primary:hover svg path{fill:var(--ov-button-primary-hover-color,var(--color-action-primary-surface-hover))}.button--primary:active{color:var(--ov-button-primary-pressed-color,var(--color-action-primary-surface-pressed));background-color:var(--ov-button-primary-pressed-bg,var(--color-action-primary-background-pressed))}.button--primary:active svg path{fill:var(--ov-button-primary-pressed-color,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(--ov-button-primary-hover-color,var(--color-action-primary-surface-hover));background-color:var(--ov-button-primary-hover-bg,var(--color-action-primary-background-hover))}.button--secondary{color:var(--ov-button-secondary-active-color,var(--color-action-secondary-surface-active));background-color:var(--ov-button-secondary-active-bg,var(--color-action-secondary-background-active))}.button--secondary svg path{fill:var(--ov-button-secondary-active-color,var(--color-action-secondary-surface-active))}.button--secondary:hover{color:var(--ov-button-secondary-hover-color,var(--color-action-secondary-surface-hover));background-color:var(--ov-button-secondary-hover-bg,var(--color-action-secondary-background-hover))}.button--secondary:hover svg path{fill:var(--ov-button-secondary-hover-color,var(--color-action-secondary-surface-hover))}.button--secondary:active{color:var(--ov-button-secondary-pressed-color,var(--color-action-secondary-surface-pressed));background-color:var(--ov-button-secondary-pressed-bg,var(--color-action-secondary-background-pressed))}.button--secondary:active svg path{fill:var(--ov-button-secondary-pressed-color,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(--ov-button-secondary-hover-color,var(--color-action-secondary-surface-hover));background-color:var(--ov-button-secondary-hover-bg,var(--color-action-secondary-background-hover))}.button--text{color:var(--ov-button-text-active-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(--ov-button-text-active-color,var(--color-action-text-surface-active))}.button--text:hover{color:var(--ov-button-text-hover-color,var(--color-text-accent-text))}.button--text:hover svg path{fill:var(--ov-button-text-hover-color,var(--color-text-accent-text))}.button--text:active{color:var(--ov-button-text-pressed-color,var(--color-action-text-surface-pressed))}.button--text:active svg path{fill:var(--ov-button-text-pressed-color,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(--ov-button-text-hover-color,var(--color-text-accent-text))}.button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled,.4);pointer-events:none}.button--loading{cursor:not-allowed;pointer-events:none}.button--loading.button--primary{background-color:var(--ov-button-primary-inactive-bg,var(--color-action-primary-background-inactive));color:var(--ov-button-primary-inactive-color,var(--color-action-primary-surface-inactive))}.button--hover.button--primary{color:var(--ov-button-primary-hover-color,var(--color-action-primary-surface-hover));background-color:var(--ov-button-primary-hover-bg,var(--color-action-primary-background-hover))}.button--hover.button--secondary{color:var(--ov-button-secondary-hover-color,var(--color-action-secondary-surface-hover));background-color:var(--ov-button-secondary-hover-bg,var(--color-action-secondary-background-hover))}.button--hover.button--text{color:var(--ov-button-text-hover-color,var(--color-text-accent-text))}.button--active.button--primary{color:var(--ov-button-primary-pressed-color,var(--color-action-primary-surface-pressed));background-color:var(--ov-button-primary-pressed-bg,var(--color-action-primary-background-pressed))}.button--active.button--secondary{color:var(--ov-button-secondary-pressed-color,var(--color-action-secondary-surface-pressed));background-color:var(--ov-button-secondary-pressed-bg,var(--color-action-secondary-background-pressed))}.button--active.button--text{color:var(--ov-button-text-pressed-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-text-accent-text)}.button__label{text-box:trim-both cap alphabetic}.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)}}@media (prefers-reduced-motion:reduce){.button__spinner{opacity:.6;animation:none}}