.design-tooltip{display:inline-flex;position:relative}.design-tooltip__bubble{z-index:60;pointer-events:none;visibility:hidden;white-space:nowrap;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);background:var(--surface);color:var(--text);font-size:var(--fs-xs,.75rem);box-shadow:var(--shadow-md);opacity:0;padding:.25rem .5rem;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;transform:scale(.96)}.design-tooltip:hover .design-tooltip__bubble{visibility:visible;opacity:1;transition-delay:.3s;transform:scale(1)}.design-tooltip:has(:focus-visible) .design-tooltip__bubble{visibility:visible;opacity:1;transition-delay:.3s;transform:scale(1)}.design-tooltip__bubble--top{bottom:calc(100% + 6px);left:50%;translate:-50%}.design-tooltip__bubble--bottom{top:calc(100% + 6px);left:50%;translate:-50%}.design-tooltip__bubble--left{top:50%;right:calc(100% + 6px);translate:0 -50%}.design-tooltip__bubble--right{top:50%;left:calc(100% + 6px);translate:0 -50%}@media (prefers-reduced-motion:reduce){.design-tooltip__bubble{transition:none}}