.warm-tooltip{
 --wt-surface:#f5f5f5;--wt-ink:#18181b;--wt-radius:8px;--wt-font:12.5px;--wt-origin:center bottom;--wt-ease:cubic-bezier(.23,1,.32,1);
 position:fixed;top:0;left:0;z-index:9999;display:block;pointer-events:none;font-family:inherit;
}
.warm-tooltip.is-travelling{transition:transform 320ms var(--wt-ease),width 320ms var(--wt-ease),height 320ms var(--wt-ease)}
.warm-tooltip__box{
 position:absolute;inset:0;border-radius:var(--wt-radius);background:var(--wt-surface);color:var(--wt-ink);
 box-shadow:0 1px 2px rgba(0,0,0,.12),0 8px 24px -8px rgba(0,0,0,.45);transform-origin:var(--wt-origin);
}
.warm-tooltip__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.warm-tooltip__text{display:inline-flex;flex-shrink:0;align-items:center;font-size:var(--wt-font);font-weight:500;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}
.warm-tooltip__arrow{position:absolute;width:8px;height:8px;margin:-4px;border-radius:2px;background:var(--wt-surface);transform:rotate(45deg)}
.warm-tooltip[data-side=top] .warm-tooltip__arrow{bottom:1px}
.warm-tooltip[data-side=bottom] .warm-tooltip__arrow{top:1px}
@media(prefers-reduced-motion:reduce){.warm-tooltip.is-travelling{transition:none}}
@media(prefers-contrast:more){.warm-tooltip__box{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wt-ink) 40%,transparent)}}