<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="description" content="The CDN for everything on npm"/><link rel="icon" type="image/jpeg" href="/favicon.jpg"/><link rel="stylesheet" href="https://app.unpkg.com/_assets/styles-D6XP7YEC.css"/><link rel="stylesheet" href="https://app.unpkg.com/_assets/code-light-B2LHUSJR.css"/><script type="importmap">{"imports":{"preact":"https://unpkg.com/preact@10.25.4/dist/preact.module.js","preact/hooks":"https://unpkg.com/preact@10.25.4/hooks/dist/hooks.module.js","preact/jsx-runtime":"https://unpkg.com/preact@10.25.4/jsx-runtime/dist/jsxRuntime.module.js"}}</script><script type="module" src="https://app.unpkg.com/_assets/scripts-5LWG6LQM.js" defer></script><title>UNPKG</title><script async src="https://www.googletagmanager.com/gtag/js?id=UA-140352188-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-140352188-1');</script></head><body><header class="border-b border-slate-300 bg-slate-100 text-slate-950"><div class="p-4 mx-auto flex justify-between items-center lg:max-w-screen-xl"><h1 class="text-2xl font-bold inline-block"><a href="https://unpkg.com">UNPKG</a></h1><span class="inline-block h-full"><a href="https://github.com/unpkg"><svg aria-hidden="true" fill="currentColor" viewBox="0 0 24 24" class="w-6 h-6"><path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"></path></svg></a></span></div></header><main class="px-4 pb-24 mx-auto lg:max-w-screen-xl lg:pb-44"><header class="pt-6 pb-4 lg:pt-16"><div class="mb-6 flex justify-between items-center"><h1 class="text-black text-3xl leading-tight font-semibold">tippy.js</h1><div class="text-right w-48"><span>Version: </span><span data-hydrate="{&quot;key&quot;:&quot;VersionSelector&quot;,&quot;props&quot;:{&quot;availableTags&quot;:{&quot;latest&quot;:&quot;6.3.7&quot;,&quot;next&quot;:&quot;6.0.0-alpha.0&quot;},&quot;availableVersions&quot;:[&quot;6.3.7&quot;,&quot;6.3.6&quot;,&quot;6.3.5&quot;,&quot;6.3.4&quot;,&quot;6.3.3&quot;,&quot;6.3.2&quot;,&quot;6.3.1&quot;,&quot;6.3.0&quot;,&quot;6.2.7&quot;,&quot;6.2.6&quot;,&quot;6.2.5&quot;,&quot;6.2.4&quot;,&quot;6.2.3&quot;,&quot;6.2.2&quot;,&quot;6.2.1&quot;,&quot;6.2.0&quot;,&quot;6.1.1&quot;,&quot;6.1.0&quot;,&quot;6.0.3&quot;,&quot;6.0.2&quot;,&quot;6.0.1&quot;,&quot;6.0.0&quot;,&quot;6.0.0-alpha.0&quot;,&quot;5.2.1&quot;,&quot;5.2.0&quot;,&quot;5.1.4&quot;,&quot;5.1.3&quot;,&quot;5.1.2&quot;,&quot;5.1.1&quot;,&quot;5.1.0&quot;,&quot;5.0.4&quot;,&quot;5.0.3&quot;,&quot;5.0.2&quot;,&quot;5.0.1&quot;,&quot;5.0.0&quot;,&quot;5.0.0-beta.3&quot;,&quot;5.0.0-beta.2&quot;,&quot;5.0.0-beta.1&quot;,&quot;5.0.0-beta.0&quot;,&quot;5.0.0-alpha.2&quot;,&quot;5.0.0-alpha.1&quot;,&quot;5.0.0-alpha.0&quot;,&quot;4.3.5&quot;,&quot;4.3.4&quot;,&quot;4.3.3&quot;,&quot;4.3.2&quot;,&quot;4.3.1&quot;,&quot;4.3.0&quot;,&quot;4.2.1&quot;,&quot;4.2.0&quot;,&quot;4.1.0&quot;,&quot;4.0.4&quot;,&quot;4.0.3&quot;,&quot;4.0.2&quot;,&quot;4.0.1&quot;,&quot;4.0.0&quot;,&quot;4.0.0-alpha.0&quot;,&quot;3.4.1&quot;,&quot;3.4.0&quot;,&quot;3.3.0&quot;,&quot;3.2.0&quot;,&quot;3.1.3&quot;,&quot;3.1.2&quot;,&quot;3.1.1&quot;,&quot;3.1.0&quot;,&quot;3.0.6&quot;,&quot;3.0.5&quot;,&quot;3.0.4&quot;,&quot;3.0.3&quot;,&quot;3.0.2&quot;,&quot;3.0.1&quot;,&quot;3.0.0&quot;,&quot;3.0.0-beta.2&quot;,&quot;3.0.0-beta.0&quot;,&quot;3.0.0-alpha.3&quot;,&quot;3.0.0-alpha.2&quot;,&quot;3.0.0-alpha.1&quot;,&quot;3.0.0-alpha.0&quot;,&quot;2.6.0&quot;,&quot;2.5.4&quot;,&quot;2.5.3&quot;,&quot;2.5.2&quot;,&quot;2.5.1&quot;,&quot;2.5.0&quot;,&quot;2.4.2&quot;,&quot;2.4.1&quot;,&quot;2.4.0&quot;,&quot;2.3.0&quot;,&quot;2.2.3&quot;,&quot;2.2.2&quot;,&quot;2.2.1&quot;,&quot;2.2.0&quot;,&quot;2.1.1&quot;,&quot;2.1.0&quot;,&quot;2.0.9&quot;,&quot;2.0.8&quot;,&quot;2.0.7&quot;,&quot;2.0.6&quot;,&quot;2.0.5&quot;,&quot;2.0.4&quot;,&quot;2.0.3&quot;,&quot;2.0.2&quot;,&quot;2.0.1&quot;,&quot;2.0.0&quot;,&quot;2.0.0-beta.2&quot;,&quot;1.4.2&quot;,&quot;1.4.1&quot;,&quot;1.4.0&quot;,&quot;1.3.0&quot;,&quot;1.2.2&quot;,&quot;1.2.1&quot;,&quot;1.2.0&quot;,&quot;1.1.3&quot;,&quot;1.1.2&quot;,&quot;1.1.1&quot;,&quot;1.1.0&quot;,&quot;1.0.1&quot;,&quot;1.0.0&quot;,&quot;0.17.0&quot;,&quot;0.16.3&quot;,&quot;0.16.2&quot;,&quot;0.16.1&quot;,&quot;0.16.0&quot;,&quot;0.15.0&quot;,&quot;0.14.2&quot;,&quot;0.14.1&quot;,&quot;0.14.0&quot;,&quot;0.13.0&quot;,&quot;0.12.2&quot;,&quot;0.12.1&quot;,&quot;0.12.0&quot;,&quot;0.11.3&quot;,&quot;0.11.2&quot;,&quot;0.11.1&quot;,&quot;0.11.0&quot;,&quot;0.10.2&quot;,&quot;0.10.1&quot;,&quot;0.10.0&quot;,&quot;0.9.0&quot;,&quot;0.8.2&quot;,&quot;0.8.1&quot;,&quot;0.8.0&quot;,&quot;0.7.0&quot;,&quot;0.6.1&quot;,&quot;0.6.0&quot;,&quot;0.5.1&quot;,&quot;0.5.0&quot;,&quot;0.4.1&quot;,&quot;0.4.0&quot;,&quot;0.3.6&quot;,&quot;0.3.5&quot;,&quot;0.3.4&quot;],&quot;currentVersion&quot;:&quot;6.3.7&quot;,&quot;pathnameFormat&quot;:&quot;/tippy.js@%s/files/dist/tippy.css&quot;,&quot;class&quot;:&quot;w-28 p-1 border border-slate-300 bg-slate-100 text-sm&quot;}}"><select name="version" class="w-28 p-1 border border-slate-300 bg-slate-100 text-sm"><optgroup label="Tags"><option selected value="6.3.7">latest (6.3.7)</option><option value="6.0.0-alpha.0">next (6.0.0-alpha.0)</option></optgroup><optgroup label="Versions"><option selected value="6.3.7">6.3.7</option><option value="6.3.6">6.3.6</option><option value="6.3.5">6.3.5</option><option value="6.3.4">6.3.4</option><option value="6.3.3">6.3.3</option><option value="6.3.2">6.3.2</option><option value="6.3.1">6.3.1</option><option value="6.3.0">6.3.0</option><option value="6.2.7">6.2.7</option><option value="6.2.6">6.2.6</option><option value="6.2.5">6.2.5</option><option value="6.2.4">6.2.4</option><option value="6.2.3">6.2.3</option><option value="6.2.2">6.2.2</option><option value="6.2.1">6.2.1</option><option value="6.2.0">6.2.0</option><option value="6.1.1">6.1.1</option><option value="6.1.0">6.1.0</option><option value="6.0.3">6.0.3</option><option value="6.0.2">6.0.2</option><option value="6.0.1">6.0.1</option><option value="6.0.0">6.0.0</option><option value="6.0.0-alpha.0">6.0.0-alpha.0</option><option value="5.2.1">5.2.1</option><option value="5.2.0">5.2.0</option><option value="5.1.4">5.1.4</option><option value="5.1.3">5.1.3</option><option value="5.1.2">5.1.2</option><option value="5.1.1">5.1.1</option><option value="5.1.0">5.1.0</option><option value="5.0.4">5.0.4</option><option value="5.0.3">5.0.3</option><option value="5.0.2">5.0.2</option><option value="5.0.1">5.0.1</option><option value="5.0.0">5.0.0</option><option value="5.0.0-beta.3">5.0.0-beta.3</option><option value="5.0.0-beta.2">5.0.0-beta.2</option><option value="5.0.0-beta.1">5.0.0-beta.1</option><option value="5.0.0-beta.0">5.0.0-beta.0</option><option value="5.0.0-alpha.2">5.0.0-alpha.2</option><option value="5.0.0-alpha.1">5.0.0-alpha.1</option><option value="5.0.0-alpha.0">5.0.0-alpha.0</option><option value="4.3.5">4.3.5</option><option value="4.3.4">4.3.4</option><option value="4.3.3">4.3.3</option><option value="4.3.2">4.3.2</option><option value="4.3.1">4.3.1</option><option value="4.3.0">4.3.0</option><option value="4.2.1">4.2.1</option><option value="4.2.0">4.2.0</option><option value="4.1.0">4.1.0</option><option value="4.0.4">4.0.4</option><option value="4.0.3">4.0.3</option><option value="4.0.2">4.0.2</option><option value="4.0.1">4.0.1</option><option value="4.0.0">4.0.0</option><option value="4.0.0-alpha.0">4.0.0-alpha.0</option><option value="3.4.1">3.4.1</option><option value="3.4.0">3.4.0</option><option value="3.3.0">3.3.0</option><option value="3.2.0">3.2.0</option><option value="3.1.3">3.1.3</option><option value="3.1.2">3.1.2</option><option value="3.1.1">3.1.1</option><option value="3.1.0">3.1.0</option><option value="3.0.6">3.0.6</option><option value="3.0.5">3.0.5</option><option value="3.0.4">3.0.4</option><option value="3.0.3">3.0.3</option><option value="3.0.2">3.0.2</option><option value="3.0.1">3.0.1</option><option value="3.0.0">3.0.0</option><option value="3.0.0-beta.2">3.0.0-beta.2</option><option value="3.0.0-beta.0">3.0.0-beta.0</option><option value="3.0.0-alpha.3">3.0.0-alpha.3</option><option value="3.0.0-alpha.2">3.0.0-alpha.2</option><option value="3.0.0-alpha.1">3.0.0-alpha.1</option><option value="3.0.0-alpha.0">3.0.0-alpha.0</option><option value="2.6.0">2.6.0</option><option value="2.5.4">2.5.4</option><option value="2.5.3">2.5.3</option><option value="2.5.2">2.5.2</option><option value="2.5.1">2.5.1</option><option value="2.5.0">2.5.0</option><option value="2.4.2">2.4.2</option><option value="2.4.1">2.4.1</option><option value="2.4.0">2.4.0</option><option value="2.3.0">2.3.0</option><option value="2.2.3">2.2.3</option><option value="2.2.2">2.2.2</option><option value="2.2.1">2.2.1</option><option value="2.2.0">2.2.0</option><option value="2.1.1">2.1.1</option><option value="2.1.0">2.1.0</option><option value="2.0.9">2.0.9</option><option value="2.0.8">2.0.8</option><option value="2.0.7">2.0.7</option><option value="2.0.6">2.0.6</option><option value="2.0.5">2.0.5</option><option value="2.0.4">2.0.4</option><option value="2.0.3">2.0.3</option><option value="2.0.2">2.0.2</option><option value="2.0.1">2.0.1</option><option value="2.0.0">2.0.0</option><option value="2.0.0-beta.2">2.0.0-beta.2</option><option value="1.4.2">1.4.2</option><option value="1.4.1">1.4.1</option><option value="1.4.0">1.4.0</option><option value="1.3.0">1.3.0</option><option value="1.2.2">1.2.2</option><option value="1.2.1">1.2.1</option><option value="1.2.0">1.2.0</option><option value="1.1.3">1.1.3</option><option value="1.1.2">1.1.2</option><option value="1.1.1">1.1.1</option><option value="1.1.0">1.1.0</option><option value="1.0.1">1.0.1</option><option value="1.0.0">1.0.0</option><option value="0.17.0">0.17.0</option><option value="0.16.3">0.16.3</option><option value="0.16.2">0.16.2</option><option value="0.16.1">0.16.1</option><option value="0.16.0">0.16.0</option><option value="0.15.0">0.15.0</option><option value="0.14.2">0.14.2</option><option value="0.14.1">0.14.1</option><option value="0.14.0">0.14.0</option><option value="0.13.0">0.13.0</option><option value="0.12.2">0.12.2</option><option value="0.12.1">0.12.1</option><option value="0.12.0">0.12.0</option><option value="0.11.3">0.11.3</option><option value="0.11.2">0.11.2</option><option value="0.11.1">0.11.1</option><option value="0.11.0">0.11.0</option><option value="0.10.2">0.10.2</option><option value="0.10.1">0.10.1</option><option value="0.10.0">0.10.0</option><option value="0.9.0">0.9.0</option><option value="0.8.2">0.8.2</option><option value="0.8.1">0.8.1</option><option value="0.8.0">0.8.0</option><option value="0.7.0">0.7.0</option><option value="0.6.1">0.6.1</option><option value="0.6.0">0.6.0</option><option value="0.5.1">0.5.1</option><option value="0.5.0">0.5.0</option><option value="0.4.1">0.4.1</option><option value="0.4.0">0.4.0</option><option value="0.3.6">0.3.6</option><option value="0.3.5">0.3.5</option><option value="0.3.4">0.3.4</option></optgroup></select></span></div></div><div class="mt-2"><p class="mb-3 leading-tight"><span>The complete tooltip, popover, dropdown, and menu solution for the web</span></p><div class="lg:hidden"><p class="mt-1 text-sm leading-4"><a href="https://atomiks.github.io/tippyjs/" title="Visit the tippy.js website" class="inline-flex items-center hover:text-slate-950 hover:underline"><svg aria-hidden="true" fill="none" viewBox="0 0 24 24" class="w-6 h-6"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.213 9.787a3.391 3.391 0 0 0-4.795 0l-3.425 3.426a3.39 3.39 0 0 0 4.795 4.794l.321-.304m-.321-4.49a3.39 3.39 0 0 0 4.795 0l3.424-3.426a3.39 3.39 0 0 0-4.794-4.795l-1.028.961"></path></svg><span class="ml-1">atomiks.github.io/tippyjs/</span></a></p><p class="mt-1 text-sm leading-4"><a href="https://github.com/atomiks/tippyjs" title="View the tippy.js repository on GitHub" class="inline-flex items-center hover:text-slate-950 hover:underline"><svg aria-hidden="true" fill="currentColor" viewBox="0 0 24 24" class="w-6 h-6"><path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"></path></svg><span class="ml-1">atomiks/tippyjs</span></a></p></div></div></header><nav class="py-2"><span><a href="https://app.unpkg.com/tippy.js@6.3.7" class="text-blue-600 hover:underline">tippy.js</a></span><span> / </span><span><a href="https://app.unpkg.com/tippy.js@6.3.7/files/dist" class="text-blue-600 hover:underline">dist</a></span><span> / </span><span>tippy.css</span></nav><div class="p-3 border border-slate-300 bg-slate-100 text-sm flex justify-between select-none"><div class="w-64"><span><span>1 lines </span><span>• </span></span><span>1.41 kB</span></div><div class="hidden flex-grow sm:block text-center">CSS</div><div class="w-64 hidden sm:block text-right"><a href="https://unpkg.com/tippy.js@6.3.7/dist/tippy.css" class="py-1 px-2 border border-slate-300 bg-slate-100 hover:bg-slate-200 rounded-sm">View Raw</a></div></div><div data-hydrate="{&quot;key&quot;:&quot;CodeViewer&quot;,&quot;props&quot;:{&quot;html&quot;:&quot;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-animation=fade]&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-state=hidden]&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-tippy-root]&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>max-width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>calc&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>100vw&lt;/span> - &lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>background-color&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#333&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>color&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#fff&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>font-size&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>14px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>line-height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1.4&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>white-space&lt;/span>:normal;&lt;span class=\&quot;hljs-attribute\&quot;>outline&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transition-property&lt;/span>:transform,visibility,opacity}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=top]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=top]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>7px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-top-color&lt;/span>:initial;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center top}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=bottom]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=bottom]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>7px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-bottom-color&lt;/span>:initial;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center bottom}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=left]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=left]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>border-width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>0&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-left-color&lt;/span>:initial;&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>7px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center left}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=right]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-placement^=right]&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>7px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-right-color&lt;/span>:initial;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center right}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-box&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-inertia]&lt;/span>&lt;span class=\&quot;hljs-selector-attr\&quot;>[data-state=visible]&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transition-timing-function&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>cubic-bezier&lt;/span>(.&lt;span class=\&quot;hljs-number\&quot;>54&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>1.5&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>38&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>1.11&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>16px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>16px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>color&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#333&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-arrow&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;quot;&amp;quot;&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>border-color&lt;/span>:transparent;&lt;span class=\&quot;hljs-attribute\&quot;>border-style&lt;/span>:solid}&lt;span class=\&quot;hljs-selector-class\&quot;>.tippy-content&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>padding&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>5px&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>9px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>}&quot;,&quot;numLines&quot;:1}}"><div class="flex relative bg-white font-mono text-sm leading-6"><div class="py-4 border-b border-x border-slate-300 bg-slate-100 text-right select-none"><div><div class="relative"><a id="L1" href="#L1" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">1</a></div></div></div><div class="py-4 pl-4 pr-6 relative border-b border-r border-slate-300 flex-grow whitespace-pre overflow-x-auto" style="tab-size:2;"><span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-animation=fade]</span><span class="hljs-selector-attr">[data-state=hidden]</span>{<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-attr">[data-tippy-root]</span>{<span class="hljs-attribute">max-width</span>:<span class="hljs-built_in">calc</span>(<span class="hljs-number">100vw</span> - <span class="hljs-number">10px</span>)}<span class="hljs-selector-class">.tippy-box</span>{<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">background-color</span>:<span class="hljs-number">#333</span>;<span class="hljs-attribute">color</span>:<span class="hljs-number">#fff</span>;<span class="hljs-attribute">border-radius</span>:<span class="hljs-number">4px</span>;<span class="hljs-attribute">font-size</span>:<span class="hljs-number">14px</span>;<span class="hljs-attribute">line-height</span>:<span class="hljs-number">1.4</span>;<span class="hljs-attribute">white-space</span>:normal;<span class="hljs-attribute">outline</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">transition-property</span>:transform,visibility,opacity}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=top]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span>{<span class="hljs-attribute">bottom</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=top]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span><span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">bottom</span>:-<span class="hljs-number">7px</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">border-width</span>:<span class="hljs-number">8px</span> <span class="hljs-number">8px</span> <span class="hljs-number">0</span>;<span class="hljs-attribute">border-top-color</span>:initial;<span class="hljs-attribute">transform-origin</span>:center top}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=bottom]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span>{<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=bottom]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span><span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">top</span>:-<span class="hljs-number">7px</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">border-width</span>:<span class="hljs-number">0</span> <span class="hljs-number">8px</span> <span class="hljs-number">8px</span>;<span class="hljs-attribute">border-bottom-color</span>:initial;<span class="hljs-attribute">transform-origin</span>:center bottom}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=left]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span>{<span class="hljs-attribute">right</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=left]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span><span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">border-width</span>:<span class="hljs-number">8px</span> <span class="hljs-number">0</span> <span class="hljs-number">8px</span> <span class="hljs-number">8px</span>;<span class="hljs-attribute">border-left-color</span>:initial;<span class="hljs-attribute">right</span>:-<span class="hljs-number">7px</span>;<span class="hljs-attribute">transform-origin</span>:center left}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=right]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span>{<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-placement^=right]</span>&gt;<span class="hljs-selector-class">.tippy-arrow</span><span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">left</span>:-<span class="hljs-number">7px</span>;<span class="hljs-attribute">border-width</span>:<span class="hljs-number">8px</span> <span class="hljs-number">8px</span> <span class="hljs-number">8px</span> <span class="hljs-number">0</span>;<span class="hljs-attribute">border-right-color</span>:initial;<span class="hljs-attribute">transform-origin</span>:center right}<span class="hljs-selector-class">.tippy-box</span><span class="hljs-selector-attr">[data-inertia]</span><span class="hljs-selector-attr">[data-state=visible]</span>{<span class="hljs-attribute">transition-timing-function</span>:<span class="hljs-built_in">cubic-bezier</span>(.<span class="hljs-number">54</span>,<span class="hljs-number">1.5</span>,.<span class="hljs-number">38</span>,<span class="hljs-number">1.11</span>)}<span class="hljs-selector-class">.tippy-arrow</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">16px</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">16px</span>;<span class="hljs-attribute">color</span>:<span class="hljs-number">#333</span>}<span class="hljs-selector-class">.tippy-arrow</span><span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">content</span>:<span class="hljs-string">&quot;&quot;</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">border-color</span>:transparent;<span class="hljs-attribute">border-style</span>:solid}<span class="hljs-selector-class">.tippy-content</span>{<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">padding</span>:<span class="hljs-number">5px</span> <span class="hljs-number">9px</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>}</div></div></div></main></body></html>