.kn-icon-button{position:relative;display:inline-flex;flex:none;vertical-align:middle}.kn-icon-button--sm{--control-h: var(--size-control-sm)}.kn-icon-button--md{--control-h: var(--size-control-md)}.kn-icon-button--lg{--control-h: var(--size-control-lg)}.kn-icon-button__button:focus-visible{outline:calc(var(--p-border-width) * 2) solid var(--color-focus-ring);outline-offset:var(--space-ui-2xs)}.kn-icon-button__tooltip{position:fixed;z-index:80;box-sizing:border-box;width:max-content;max-width:min(calc(var(--size-control-lg) * 6),calc(100vw - var(--space-ui-md) * 2));padding-top:var(--space-ui-xs);visibility:hidden}.kn-icon-button__tooltip--open{visibility:visible}.kn-icon-button__tooltip--top{padding-top:0;padding-bottom:var(--space-ui-xs)}.kn-icon-button__tooltip-body{display:flex;align-items:center;gap:var(--space-ui-lg);padding:var(--space-ui-sm) var(--space-ui-md);border:var(--p-border-width) solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-bg-elevated);font-family:var(--font-body-family);font-size:var(--font-ui-sm-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height)}.kn-icon-button__shortcut{flex:none;color:var(--color-text-muted);white-space:nowrap}