.tooltip{position:relative}.tooltip,.tooltip__trigger{display:inline-flex}.tooltip__bubble{position:absolute;z-index:var(--z-overlay);pointer-events:none;width:-moz-max-content;width:max-content;max-width:240px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--ink);color:var(--bg);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-snug);box-shadow:var(--shadow-md);opacity:0;transform:scale(.9);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-spring);transition-delay:0s}.tooltip--top .tooltip__bubble{bottom:calc(100% + 8px);left:50%;transform-origin:bottom center;translate:-50% 0}.tooltip--bottom .tooltip__bubble{top:calc(100% + 8px);left:50%;transform-origin:top center;translate:-50% 0}.tooltip--left .tooltip__bubble{right:calc(100% + 8px);top:50%;transform-origin:right center;translate:0 -50%}.tooltip--right .tooltip__bubble{left:calc(100% + 8px);top:50%;transform-origin:left center;translate:0 -50%}.tooltip:focus-within .tooltip__bubble,.tooltip:hover .tooltip__bubble{opacity:1;transform:scale(1);transition-delay:.26s}.tooltip.is-disabled .tooltip__bubble{display:none}