.ui-button{justify-content:center;align-items:center;gap:var(--flux-button-gap);min-height:var(--flux-button-height-md);padding:0 var(--flux-button-padding-x-md);border:var(--flux-hairline) solid transparent;border-radius:var(--flux-button-radius);font:inherit;font-size:var(--flux-button-font-size-md);font-weight:var(--flux-button-font-weight);white-space:nowrap;cursor:pointer;transition:background-color var(--flux-duration-fast) var(--flux-ease-productive), border-color var(--flux-duration-fast) var(--flux-ease-productive);line-height:1;text-decoration:none;display:inline-flex}.ui-button-sm{min-height:var(--flux-button-height-sm);padding:0 var(--flux-button-padding-x-sm);font-size:var(--flux-button-font-size-sm)}.ui-button-lg{min-height:var(--flux-button-height-lg);padding:0 var(--flux-button-padding-x-lg);font-size:var(--flux-button-font-size-lg)}.ui-button-icon-only{width:var(--flux-button-height-md);flex-shrink:0;padding:0}.ui-button-icon-only.ui-button-sm{width:var(--flux-button-height-sm)}.ui-button-icon-only.ui-button-lg{width:var(--flux-button-height-lg)}.ui-button-primary{background:var(--flux-surface-brand);color:var(--flux-text-on-color)}.ui-button-primary:hover:not(:disabled,[aria-disabled=true]){background:var(--flux-surface-brand-hover)}.ui-button-primary:active:not(:disabled,[aria-disabled=true]){background:var(--flux-surface-brand-active)}.ui-button-secondary{background:var(--flux-layer-03);color:var(--flux-text-primary)}.ui-button-secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--flux-layer-hover-03)}.ui-button-outline{border-color:var(--flux-border-brand);color:var(--flux-text-brand);background:0 0}.ui-button-ghost{color:var(--flux-text-brand);background:0 0}.ui-button-outline:hover:not(:disabled,[aria-disabled=true]),.ui-button-ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--flux-surface-brand-subtle)}.ui-button-danger{background:var(--flux-text-error);color:var(--flux-text-on-color)}.ui-button-danger:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in srgb, var(--flux-text-error) 88%, var(--flux-black))}.ui-button[aria-pressed=true],.ui-button[aria-pressed=true]:hover:not(:disabled,[aria-disabled=true]){border-color:var(--flux-border-brand);background:var(--flux-surface-selected);color:var(--flux-text-brand)}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}