.entity-badge.entity-badge{--icon-box:var(--nbla-button-icon-box);--icon-glyph:var(--nbla-button-icon-glyph);--entity-badge-border:var(--nbla-color-border-muted);gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--nbla-button-corner-radius);background-color:var(--nbla-color-button-background-ghost);color:var(--nbla-color-button-foreground-ghost);box-shadow:inset 0 0 0 1px var(--entity-badge-border);font-family:var(--nbla-font-sans);transition:background-color var(--nbla-duration-base) ease-out, color var(--nbla-duration-base) ease-out, box-shadow var(--nbla-duration-base) ease-out}.entity-badge.entity-badge[data-interactive]:hover{--entity-badge-border:var(--nbla-color-border-hover);background-color:var(--nbla-color-button-background-ghost-hover);color:var(--nbla-color-button-foreground-ghost-hover)}.entity-badge.entity-badge[data-interactive]:active{--entity-badge-border:var(--nbla-color-border-hover);background-color:var(--nbla-color-button-background-ghost-press);color:var(--nbla-color-button-foreground-ghost-press)}.entity-badge.entity-badge:has(:focus-visible){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 1px var(--entity-badge-border)}.entity-badge.entity-badge :focus-visible{outline:none}.entity-badge.entity-badge>*>.icon-frame:first-child{color:var(--nbla-gray-9)}.entity-badge.entity-badge[data-interactive]:hover>*>.icon-frame:first-child{color:inherit}