.tooltip{display:inline-flex;position:relative}.tooltip__trigger{display:inline-flex}.tooltip__content{z-index:80;width:max-content;max-width:220px;padding:var(--space-2) var(--space-2-5);border-radius:var(--surface-radius);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--font-size-caption);line-height:var(--line-height-snug);box-shadow:0 10px 24px color-mix(in srgb, var(--tooltip-bg) 22%, transparent);pointer-events:none;transform-origin:50%;position:fixed}.tooltip__content--top{animation:.12s ease-out tooltip-in-top}.tooltip__content--bottom{animation:.12s ease-out tooltip-in-bottom}