.nebula-base-toggle-button{--toggle-button-background:var(--nbla-color-toggleButton-background);--toggle-button-foreground:var(--nbla-color-toggleButton-foreground);--toggle-button-border:var(--nbla-color-toggleButton-border);--button-icon-box:var(--nbla-toggleButton-line-height);--button-icon-glyph:var(--nbla-toggleButton-font-size);box-sizing:border-box;border-radius:var(--nbla-button-corner-radius);background-color:var(--toggle-button-background);color:var(--toggle-button-foreground);box-shadow:inset 0 0 0 2px var(--toggle-button-border);-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-toggle-button:not(:disabled):hover{--toggle-button-background:var(--nbla-color-toggleButton-background-hover);--toggle-button-foreground:var(--nbla-color-toggleButton-foreground-hover)}.nebula-base-toggle-button[aria-pressed=true]{--toggle-button-background:var(--nbla-color-toggleButton-background-active);--toggle-button-foreground:var(--nbla-color-toggleButton-foreground-active)}.nebula-base-toggle-button[aria-pressed=true]:not(:disabled):hover{--toggle-button-background:var(--nbla-color-toggleButton-background-active-hover);--toggle-button-foreground:var(--nbla-color-toggleButton-foreground-active-hover)}.nebula-base-toggle-button:disabled{--toggle-button-background:var(--nbla-color-toggleButton-background-disabled);--toggle-button-foreground:var(--nbla-color-toggleButton-foreground-disabled);--toggle-button-border:var(--nbla-color-toggleButton-border-disabled);opacity:var(--nbla-button-opacity-disabled);cursor:not-allowed}.nebula-base-toggle-button:focus-visible:not(:disabled){outline:2px solid var(--nbla-color-border-keyboardFocusOuter);outline-offset:1px;box-shadow:0 0 0 1px var(--nbla-color-border-keyboardFocusInner), inset 0 0 0 2px var(--toggle-button-border)}.nebula-base-toggle-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}