@layer modules { /* Built at runtime by tooltip_controller.js and appended to . */ .tooltip-bubble { position: fixed; z-index: var(--z-50); padding-inline: 0.5rem; padding-block: 0.25rem; font-size: var(--text-xs); line-height: var(--text-xs--line-height); font-weight: var(--font-weight-medium); color: var(--color-white); background-color: var(--color-gray-900); border-radius: var(--radius-sm); box-shadow: var(--shadow-lg); pointer-events: none; max-width: min(20rem, calc(100vw - 1rem)); white-space: normal; } }