.tooltip{background:var(--surface-invert);border-radius:var(--radius-control);color:var(--text-color-invert);display:flex;flex-direction:column;font-size:var(--font-size-2);gap:var(--space-1);line-height:1.4;max-width:min(20rem,100vw - 1rem);opacity:0;padding:var(--space-1) var(--space-2);pointer-events:none;position:fixed;transition:opacity .12s ease;z-index:var(--z-tooltip)}.tooltip.is-visible{opacity:1}.tooltip .tooltip--arrow{background:inherit;border:inherit;height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip[data-side=top] .tooltip--arrow{border-left:0;border-top:0;bottom:-4px;left:calc(var(--floating-arrow, 50%) - 4px)}.tooltip[data-side=bottom] .tooltip--arrow{border-bottom:0;border-right:0;left:calc(var(--floating-arrow, 50%) - 4px);top:-4px}.tooltip[data-side=left] .tooltip--arrow{border-bottom:0;border-left:0;right:-4px;top:calc(var(--floating-arrow, 50%) - 4px)}.tooltip[data-side=right] .tooltip--arrow{border-right:0;border-top:0;left:-4px;top:calc(var(--floating-arrow, 50%) - 4px)}.tooltip--title{font-weight:var(--font-weight-strong)}.tooltip--light{background:var(--surface-3);border:var(--border-default);box-shadow:var(--shadow-float);color:var(--text-color-default)}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}