@layer components{.bb-bub{z-index:5;pointer-events:none;white-space:nowrap;border-radius:var(--radius-sm);background:var(--color-neutral-ink);color:var(--color-neutral-paper);font:500 12px/1.3 var(--font-sans);letter-spacing:-.003em;text-align:left;--bb-gap:10px;--bb-in:4px;--bb-shift:0px;padding:5px 8px;position:absolute}.bb-bub[data-size=md]{--bb-gap:8px}@media (min-width:768px){.bb-bub[data-size=md]{padding:6px 10px;font-size:13px}}.bb-bub[data-side=top]{bottom:calc(100% + var(--bb-gap));--bb-in:4px}.bb-bub[data-side=bottom]{top:calc(100% + var(--bb-gap));--bb-in:-4px}.bb-bub[data-align=center]{translate:calc(-50% + var(--bb-shift)) 0;left:50%}.bb-bub[data-align=start]{translate:var(--bb-shift) 0;left:calc(50% - 16px)}.bb-bub[data-align=end]{translate:var(--bb-shift) 0;right:calc(50% - 16px)}.bb-bub:after{content:"";background:inherit;width:8px;height:8px;position:absolute;rotate:45deg}.bb-bub[data-side=top]:after{border-bottom-right-radius:2px;bottom:-4px}.bb-bub[data-side=bottom]:after{border-top-left-radius:2px;top:-4px}.bb-bub[data-align=center]:after{left:clamp(6px, calc(50% - 4px - var(--bb-shift)), calc(100% - 14px))}.bb-bub[data-align=start]:after{left:clamp(6px, calc(12px - var(--bb-shift)), calc(100% - 14px))}.bb-bub[data-align=end]:after{right:clamp(6px, calc(12px + var(--bb-shift)), calc(100% - 14px))}.bb-bub:not([data-in]){opacity:0;transform:translateY(var(--bb-in))}@media (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .bb-bub{transition:opacity .12s var(--ease-enter), transform .12s var(--ease-enter)}}}