.tooltip{pointer-events:none;position:fixed;inset:auto;margin:0;z-index:1000;width:max-content;max-width:min(32ch,calc(100vw - 24px));padding:8px 12px;border:0;border-radius:var(--control-radius,8px);background:color-mix(in srgb,var(--surface) 92%,var(--ink));color:var(--ink);font:inherit;font-size:.8125rem;line-height:1.5;font-weight:400;filter:drop-shadow(0 2px 3px #00000012);overflow:visible;overflow-wrap:anywhere}.tooltip:not([data-open]){display:none}.tooltip[data-open]{display:block}@media(prefers-reduced-motion:no-preference){.tooltip[data-open]{animation:tooltip-slide var(--motion-normal) var(--motion-ease)}}.tooltip[data-side=top]{--tip-y:4px}.tooltip[data-side=bottom]{--tip-y:-4px}.tooltip[data-side=left]{--tip-x:4px}.tooltip[data-side=right]{--tip-x:-4px}@keyframes tooltip-slide{from{opacity:0;transform:translate(var(--tip-x,0px),var(--tip-y,0px))}}@media(forced-colors:active){.tooltip{outline:1px solid CanvasText}}.tooltip::after{content:"";position:absolute;width:8px;height:8px;background:inherit;left:var(--tip-left);top:var(--tip-top);transform:translate(-50%,-50%) rotate(45deg)}