@layer PretComponent {
    .pretui-tipwrap[data-scopedcss-3cc99c48ab-bd83c13510] {
      display: inline-flex;
    }
    .pretui-tip-key[data-scopedcss-3cc99c48ab-bd83c13510] {
      display: none;
    }
    .pretui-tooltip[data-scopedcss-3cc99c48ab-bd83c13510] {
      /* a manual popover: the top layer is above every z-index, and the
         show modifier writes top, left and --_tip-gap, the space the
         bridge spans */
      position: fixed;
      inset: auto;
      margin: 0;
      border: 0;
      /* the bubble's edge in forced-colors mode, which drops its shadow;
         an outline, unlike a border, leaves the bridge's box alone */
      outline: 1px solid transparent;
      overflow: visible;
      background-color: var(--tooltip);
      color: var(--tooltip-foreground);
      font-size: var(--boxel-font-size-xs);
      font-weight: 500;
      padding: var(--boxel-sp-4xs) var(--boxel-sp-xs);
      border-radius: var(--boxel-border-radius-sm);
      box-shadow: var(--shadow-lg);
      /* one line at its natural width; a caller that sets
         --pretui-tooltip-measure caps the width there, and a longer tip
         wraps into balanced lines instead of running off its trigger */
      white-space: normal;
      text-wrap: balance;
      width: max-content;
      max-inline-size: var(--pretui-tooltip-measure, none);
      opacity: 0;
      --_tip-fade: 120ms;
      transition: opacity var(--_tip-fade) ease;
    }
    /* display and overlay hold the bubble in the top layer until the
       fade-out ends. A browser that can't transition overlay would drop
       it from the top layer as the fade began, so there it closes at
       once. */
    @supports (overlay: auto) {
      .pretui-tooltip[data-scopedcss-3cc99c48ab-bd83c13510] {
        transition:
          opacity var(--_tip-fade) ease,
          display var(--_tip-fade) allow-discrete,
          overlay var(--_tip-fade) allow-discrete;
      }
    }
    .pretui-tooltip[data-scopedcss-3cc99c48ab-bd83c13510]:popover-open {
      opacity: 1;
    }
    /* fading out, it no longer takes the pointer */
    .pretui-tooltip[data-scopedcss-3cc99c48ab-bd83c13510]:not(:popover-open) {
      pointer-events: none;
    }
    @starting-style {
      .pretui-tooltip[data-scopedcss-3cc99c48ab-bd83c13510]:popover-open {
        opacity: 0;
      }
    }
    /* WCAG 1.4.13 "Hoverable": the pointer must be able to travel onto the
       bubble without it vanishing. The gap between trigger and bubble is
       bridged by a transparent extension of the bubble's own box. */
    .pretui-tooltip[data-scopedcss-3cc99c48ab-bd83c13510]::before {
      content: '';
      position: absolute;
      inset: calc(-1 * var(--_tip-gap));
    }
  }