.icon-tooltip{position:relative;display:inline-flex;vertical-align:top}.icon-tooltip__bubble{position:absolute;left:50%;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background:var(--color-bg-inverse);color:var(--color-text-inverse);font-size:var(--font-size-caption-sm);font-weight:500;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(var(--space-1));transition:opacity var(--duration-tooltip) ease,transform var(--duration-tooltip) ease;box-shadow:0 var(--space-2) var(--space-6) var(--color-shadow-strong)}.icon-tooltip--above .icon-tooltip__bubble{bottom:calc(100% + var(--icon-tooltip-offset, var(--space-2)))}.icon-tooltip--below .icon-tooltip__bubble{top:calc(100% + var(--icon-tooltip-offset, var(--space-2)));transform:translateX(-50%) translateY(calc(-1 * var(--space-1)))}.icon-tooltip.is-suppressed .icon-tooltip__bubble,.icon-tooltip.is-suppressed:hover .icon-tooltip__bubble{opacity:0;transform:translateX(-50%) translateY(var(--space-1))}.icon-tooltip--below.is-suppressed .icon-tooltip__bubble,.icon-tooltip--below.is-suppressed:hover .icon-tooltip__bubble{transform:translateX(-50%) translateY(calc(-1 * var(--space-1)))}