@layer modules {
  /* Built at runtime by tooltip_controller.js and appended to <body>. */
  .tooltip-bubble {
    position: fixed;
    z-index: 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: 0.25rem;
    box-shadow: 0 10px 15px -3px var(--color-black-10), 0 4px 6px -4px var(--color-black-10);
    pointer-events: none;
    white-space: nowrap;
  }
}
