.nebula-base-button{--button-background:var(--nbla-color-button-background-primary);--button-foreground:var(--nbla-color-button-foreground-primary);--button-icon-box:var(--nbla-button-line-height);--button-icon-glyph:var(--nbla-button-font-size);--button-spinner-size:var(--button-icon-box);box-sizing:border-box;border-radius:var(--nbla-button-corner-radius);background-color:var(--button-background);color:var(--button-foreground);-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--nbla-duration-base) ease-out, color var(--nbla-duration-base) ease-out;border:none;justify-content:center;align-items:center;display:inline-flex}.nebula-base-button--primary{--button-background:var(--nbla-color-button-background-primary);--button-foreground:var(--nbla-color-button-foreground-primary)}.nebula-base-button--primary:not(:disabled):not([data-disabled]):hover{--button-background:var(--nbla-color-button-background-primary-hover);--button-foreground:var(--nbla-color-button-foreground-primary-hover)}.nebula-base-button--primary:not(:disabled):not([data-disabled]):active{--button-background:var(--nbla-color-button-background-primary-press);--button-foreground:var(--nbla-color-button-foreground-primary-press)}.nebula-base-button--primary:is(:disabled,[data-disabled]){--button-background:var(--nbla-color-button-background-primary-disabled);--button-foreground:var(--nbla-color-button-foreground-primary-disabled)}.nebula-base-button--secondary{--button-background:var(--nbla-color-button-background-secondary);--button-foreground:var(--nbla-color-button-foreground-secondary)}.nebula-base-button--secondary:not(:disabled):not([data-disabled]):hover{--button-background:var(--nbla-color-button-background-secondary-hover);--button-foreground:var(--nbla-color-button-foreground-secondary-hover)}.nebula-base-button--secondary:not(:disabled):not([data-disabled]):active{--button-background:var(--nbla-color-button-background-secondary-press);--button-foreground:var(--nbla-color-button-foreground-secondary-press)}.nebula-base-button--secondary:is(:disabled,[data-disabled]){--button-background:var(--nbla-color-button-background-secondary-disabled);--button-foreground:var(--nbla-color-button-foreground-secondary-disabled)}.nebula-base-button--ghost{--button-background:var(--nbla-color-button-background-ghost);--button-foreground:var(--nbla-color-button-foreground-ghost)}.nebula-base-button--ghost:not(:disabled):not([data-disabled]):hover{--button-background:var(--nbla-color-button-background-ghost-hover);--button-foreground:var(--nbla-color-button-foreground-ghost-hover)}.nebula-base-button--ghost:not(:disabled):not([data-disabled]):active{--button-background:var(--nbla-color-button-background-ghost-press);--button-foreground:var(--nbla-color-button-foreground-ghost-press)}.nebula-base-button--ghost:is(:disabled,[data-disabled]){--button-background:var(--nbla-color-button-background-ghost-disabled);--button-foreground:var(--nbla-color-button-foreground-ghost-disabled)}.nebula-base-button--destructive{--button-background:var(--nbla-color-button-background-destructive);--button-foreground:var(--nbla-color-button-foreground-destructive)}.nebula-base-button--destructive:not(:disabled):not([data-disabled]):hover{--button-background:var(--nbla-color-button-background-destructive-hover);--button-foreground:var(--nbla-color-button-foreground-destructive-hover)}.nebula-base-button--destructive:not(:disabled):not([data-disabled]):active{--button-background:var(--nbla-color-button-background-destructive-press);--button-foreground:var(--nbla-color-button-foreground-destructive-press)}.nebula-base-button--destructive:is(:disabled,[data-disabled]){--button-background:var(--nbla-color-button-background-destructive-disabled);--button-foreground:var(--nbla-color-button-foreground-destructive-disabled)}.nebula-base-button:is(:disabled,[data-disabled]){opacity:var(--nbla-button-opacity-disabled);cursor:not-allowed}.nebula-base-button[data-disabled]:not(:disabled){pointer-events:none}.nebula-base-button:focus-visible:not(:disabled):not([data-disabled]){outline:2px solid var(--nbla-color-border-keyboardFocusOuter);outline-offset:1px;box-shadow:0 0 0 1px var(--nbla-color-border-keyboardFocusInner)}.nebula-base-button svg{width:var(--button-icon-glyph);height:var(--button-icon-glyph);margin:calc((var(--button-icon-box) - var(--button-icon-glyph)) / 2);flex-shrink:0;display:block}.nebula-base-button--loading{position:relative}.nebula-base-button-loading-content{visibility:hidden;display:contents}.nebula-base-button-spinner-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nebula-base-button-spinner-overlay .nebula-base-button-spinner{width:var(--button-spinner-size);height:var(--button-spinner-size)}