.sonar-tooltip{display:inline-flex;position:relative}.sonar-tooltip__bubble{--sonar-tooltip-shift:0px;z-index:var(--sonar-z-popover);width:max-content;max-width:min(20rem, calc(100vw - 2 * var(--sonar-space-2)));padding:var(--sonar-space-1-5) var(--sonar-space-2);border:1px solid var(--sonar-glass-border);border-radius:var(--sonar-radius-md);background:var(--sonar-glass-bg-strong);box-shadow:var(--sonar-glass-shadow);color:var(--sonar-color-text);font-size:var(--sonar-font-size-sm);font-weight:var(--sonar-font-weight-regular);line-height:var(--sonar-leading-snug);text-align:start;text-transform:none;letter-spacing:normal;white-space:normal;pointer-events:none;-webkit-backdrop-filter:blur(var(--sonar-glass-blur-strong)) saturate(var(--sonar-glass-saturate));backdrop-filter:blur(var(--sonar-glass-blur-strong)) saturate(var(--sonar-glass-saturate));position:absolute}.sonar-tooltip__bubble--placement-top{bottom:calc(100% + var(--sonar-space-1));transform:translateX(calc(-50% + var(--sonar-tooltip-shift)));left:50%}.sonar-tooltip__bubble--placement-bottom{top:calc(100% + var(--sonar-space-1));transform:translateX(calc(-50% + var(--sonar-tooltip-shift)));left:50%}.sonar-tooltip__bubble--placement-start{top:50%;transform:translateY(calc(-50% + var(--sonar-tooltip-shift)));inset-inline-end:calc(100% + var(--sonar-space-1))}.sonar-tooltip__bubble--placement-end{top:50%;transform:translateY(calc(-50% + var(--sonar-tooltip-shift)));inset-inline-start:calc(100% + var(--sonar-space-1))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sonar-tooltip__bubble{background:var(--sonar-color-surface-raised)}}@media (prefers-reduced-transparency:reduce){.sonar-tooltip__bubble{background:var(--sonar-color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.sonar-tooltip__bubble{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:canvastext}}