/* The icon buttons' tooltip (public/js/tooltip.js): their label in a small dark chip above them. */

.tooltip {
  position: fixed;
  z-index: var(--z-tooltip);
  max-width: 16rem;
  padding: var(--space-1) var(--space-2);
  color: var(--color-bg);
  background: var(--color-text);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  font-size: var(--text-xs);
  line-height: var(--leading-snug);
  white-space: nowrap;
  pointer-events: none;
}