PageSourceSearch

https://product-tour.webflow.io/

html product-tour.webflow.io collected 2026-10-03 13:37:13 UTC 22,495 bytes, 140 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Tue Apr 25 2023 05:44:40 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="product-tour.webflow.io" data-wf-page="61f9332ac9ccaf472fbb3c18" data-wf-site="61f9332ac9ccaf0907bb3c17" data-wf-status="1"><head><meta charset="utf-8"/><title>Webflow Product Tour</title><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/css/product-tour.7dd99040b.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Outfit:200,300,regular,500,600"]  }});</script>
1<!--[if lt IE 9]>
1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
1<![endif]-->
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon"/></head><body><div class="page-wrapper"><div class="copy-me"><div class="remove-flicker w-embed w-script"><!-- This prevents elements from flickering when the page loads -->
2<style>
3.hide-on-load {
4	display: none;
5}
6</style>
7
8<!-- This prevents elements from being hidden until after Webflow publishes -->
9<script></script>
9</div><div class="tooltip-embed hide-on-load w-embed">[EMBED] Tooltip Custom Code
10<style>
11@keyframes tourDot {
12     0%   {box-shadow: 0 0 0 0px rgba(42, 168, 255, 0.8);}
13     100% {box-shadow: 0 0 0 50px rgba(42, 168, 255, 0);}
14}
15.tooltip-dot{
16	animation: tourDot 1.5s ease-out infinite;
17}
18</style></div><div class="tooltip-section overflow-none wf-section"><div class="tour-launch"><a data-w-id="b8609a5b-f690-0155-195a-5f1a61ab99b7" href="#" class="tooltip-button hide-on-load w-button">Re-enable Tour</a></div><a data-w-id="1d174001-559e-150f-cf93-c84b91e1118c" href="#" class="tooltip-button start w-inline-block"><div class="tooltip-dot right"></div><div>Start the tour :)</div></a><div class="relative"><div class="nothing"><div class="w-layout-grid grid"><div class="relative"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f97827fe91bc970d4f8641_github-avatar.png" loading="lazy" alt=""/><div class="tour-step _3 hide-on-load"><div class="tooltip-highlight"><div class="tooltip-highlight-content"></div></div><div class="tooltip-anchor left top-on-mobile"><div data-cy="step5" class="tooltip-wrapper"><div class="tooltip-navigation top"><div class="tooltip-author-wrap"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f973ee034829de89a98844_duncan%20(1).jpg" loading="lazy" alt="" class="tooltip-author"/><div><strong>Duncan</strong> from Memberstack</div></div><a href="#" class="tooltip-close w-inline-block"><div class="tooltip-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
19<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></div></a></div><div class="tooltip-container"><div class="tooltip-title">Then change the position of the pointer.</div><div class="relative">Give the <span class="tooltip-code diamond">.tooltip-diamond</span>  a class name of <span class="tooltip-code">.top</span> <span class="tooltip-code">.right</span> <span class="tooltip-code">.bottom</span> or <span class="tooltip-code">.left</span> to send it in the appropriate direction. <br/></div></div><div class="tooltip-navigation"><div>Step 3 of 4</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" data-w-id="eacc598f-1679-ccbe-27c8-d5a670e5a1db" class="tooltip-button step4 w-inline-block"><div>Next</div></a></div><div class="tooltip-diamond right bottom-on-mobile"></div></div></div></div></div><div class="relative"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f978272f2df1d4799acde0_paypal-avatar.png" loading="lazy" alt=""/><div class="tour-step _4 hide-on-load"><div class="tooltip-highlight"><div class="tooltip-highlight-content"></div></div><div class="tooltip-anchor top"><div data-cy="step5" class="tooltip-wrapper"><div class="tooltip-navigation top"><div class="tooltip-author-wrap"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f973ee034829de89a98844_duncan%20(1).jpg" loading="lazy" alt="" class="tooltip-author"/><div><strong>Duncan</strong> from Memberstack</div></div><a href="#" class="tooltip-close w-inline-block"><div class="tooltip-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
20<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></div></a></div><div class="tooltip-container"><div class="tooltip-title">Done! Scroll down for more...</div><div class="relative">I hope you&#x27;ve found this useful. These tooltips are 100% native Webflow. I hope they serve you well!<br/></div></div><div class="tooltip-navigation"><div>Step 4 of 4</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" data-w-id="aac46092-d35a-101c-d54d-cf1a470eb2b3" class="tooltip-button step3 w-inline-block"><div>Start over</div></a></div><div class="tooltip-diamond bottom"></div></div></div></div></div><div class="relative"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f97828309c2c53accda68b_figma-avatar.png" loading="lazy" alt=""/><div class="tour-step _2 hide-on-load"><div class="tooltip-highlight"><div class="tooltip-highlight-content"></div></div><div class="tooltip-anchor bottom"><div data-cy="step5" class="tooltip-wrapper">
20<div class="tooltip-navigation top"><div class="tooltip-author-wrap"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f973ee034829de89a98844_duncan%20(1).jpg" loading="lazy" alt="" class="tooltip-author"/><div><strong>Duncan</strong> from Memberstack</div></div><a href="#" class="tooltip-close w-inline-block"><div class="tooltip-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
21<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></div></a></div><div class="tooltip-container"><div class="tooltip-title">Move the tooltip with class names.</div><div class="relative">Give the <span class="tooltip-code anchor">.tooltip-anchor</span> a class of <span class="tooltip-code">.top</span> <span class="tooltip-code">.right</span> <span class="tooltip-code">.bottom</span> or <span class="tooltip-code">.left</span> to position it relative to the target element.<br/></div></div><div class="tooltip-navigation"><div>Step 2 of 4</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" data-w-id="9a97a15b-746b-8f37-b4e0-924c9cc00f30" class="tooltip-button step2 w-inline-block"><div>Next</div></a></div><div class="tooltip-diamond top"></div></div></div></div></div><div class="relative"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f978275dfa33681a0e1ca9_dribbble-avatar.png" loading="lazy" alt=""/><div class="tour-step _1 hide-on-load"><div class="tooltip-highlight"><div class="tooltip-highlight-content"></div></div><div class="tooltip-anchor right"><div data-cy="step5" class="tooltip-wrapper"><div class="tooltip-navigation top"><div class="tooltip-author-wrap"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f973ee034829de89a98844_duncan%20(1).jpg" loading="lazy" alt="" class="tooltip-author"/><div><strong>Duncan</strong> from Memberstack</div></div><a href="#" class="tooltip-close w-inline-block"><div class="tooltip-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
22<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></div></a></div><div class="tooltip-container"><div class="tooltip-title">Welcome! Isn&#x27;t this cool?!</div><div class="relative">We can highlight almost any element with this setup. Each tour tip has a unique classname which let&#x27;s us show and hide in order. example: <span class="tooltip-code">.tour-step.1</span>, <span class="tooltip-code">.tour-step.2</span>, etc. <br/></div></div><div class="tooltip-navigation"><div>Step 1 of 4</div><a href="#" data-w-id="ff2c13d8-a843-ab8f-fb0a-ea926a292409" class="tooltip-button step1 w-inline-block"><div>Next</div></a></div><div class="tooltip-diamond left"></div></div></div></div></div></div></div></div><div class="nothing-scroll hide-on-load"><div data-w-id="fbb52a39-c997-c3bd-6df8-2ed101bf2d03" data-animation-type="lottie" data-src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f986978473f04b6292a0ea_lf30_editor_lcbur3gl.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="1" data-duration="0"></div></div><div style="display:none" class="hide-on-load"></div></div></div><div class="tooltip-section top wf-section"><div class="relative"><div class="nothing"><h1 class="nothing-heading">Top</h1></div><div class="tooltip-anchor top"><div class="tooltip-dot nbottom"></div><div data-cy="step5" class="tooltip-wrapper"><div class="tooltip-container"><div class="tooltip-title">Top Tooltip</div><div class="relative">Btw - the pulsing dot is the result of some custom CSS at the top of this page. View in Webflow to see more. <br/></div></div><div class="tooltip-navigation"><div>Step 2 of 6</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" class="tooltip-button w-inline-block"><div>Skip</div></a></div><div class="tooltip-diamond bottom"></div></div></div></div></div><div class="tooltip-section right wf-section"><div class="relative"><div class="nothing"><h1>Right</h1></div><div class="tooltip-anchor right"><div class="tooltip-dot left"></div><div data-cy="step5" class="tooltip-wrapper thin-on-tablet"><div class="tooltip-container"><div class="tooltip-title">Right Tooltip</div><div class="relative">The element<span class="tooltip-code anchor">.tooltip-anchor</span>
22 a class of <span class="tooltip-code anchor">.right</span> and the element  <span class="tooltip-code diamond">.tooltip-diamond</span>  has combo class name of <span class="tooltip-code diamond">.left</span>. <br/></div></div><div class="tooltip-navigation"><div>Step 3 of 6</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" class="tooltip-button w-inline-block"><div>Skip</div></a></div><div class="tooltip-diamond left"></div></div></div></div></div><div class="tooltip-section bottom wf-section"><div class="relative"><div class="nothing"><h1>Bottom</h1></div><div class="tooltip-anchor"><div class="tooltip-dot top"></div><div data-cy="step5" class="tooltip-wrapper"><div class="tooltip-navigation top"><div class="tooltip-author-wrap"><img src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/61f973ee034829de89a98844_duncan%20(1).jpg" loading="lazy" alt="" class="tooltip-author"/><div><strong>Duncan</strong> from Memberstack</div></div><a href="#" class="tooltip-close w-inline-block"><div class="tooltip-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
23<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></div></a></div><div class="tooltip-container"><div class="tooltip-title">Bottom Tooltip</div><div class="relative">The element<span class="tooltip-code anchor">.tooltip-anchor</span> a class of <span class="tooltip-code anchor">.bottom</span> and the element  <span class="tooltip-code diamond">.tooltip-diamond</span>  has combo class name of <span class="tooltip-code diamond">.top</span>. <br/></div></div><div class="tooltip-navigation"><div>Step 4 of 6</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" class="tooltip-button w-inline-block"><div>Skip</div></a></div><div class="tooltip-diamond"></div></div></div></div></div><div class="tooltip-section left wf-section"><div class="relative"><div class="nothing"><h1>Left</h1></div><div class="tooltip-anchor left top-on-mobile"><div class="tooltip-dot right"></div><div data-cy="step5" class="tooltip-wrapper thin-on-tablet"><div class="tooltip-container"><div class="tooltip-title">Left Tooltip</div><div class="relative">The element<span class="tooltip-code anchor">.tooltip-anchor</span> a class of <span class="tooltip-code anchor">.left</span> and the element  <span class="tooltip-code diamond">.tooltip-diamond</span>  has combo class name of <span class="tooltip-code diamond">.right</span>. <br/></div></div><div class="tooltip-navigation"><div>Step 5 of 6</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" class="tooltip-button w-inline-block"><div>Skip</div></a></div><div class="tooltip-diamond right bottom-on-mobile"></div></div></div></div></div><div class="tooltip-section wf-section"><div class="relative"><div class="nothing"><h1>Video</h1></div><div class="tooltip-anchor right"><div class="tooltip-dot left"></div><div data-cy="step5" class="tooltip-wrapper thin-on-tablet"><div class="loom-video-box"><div class="loom-embed-width w-embed w-iframe"><div style="position: relative; padding-bottom: 62.5%; height: 0;"><iframe src="https://www.loom.com/embed/4dfabcc6a3bf4521ac13be76c2889e4c" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="tooltip-navigation"><div>Last step!</div><a href="#" v-on:click="nextStep(&#x27;50&#x27;)" class="tooltip-button w-inline-block"><div>Next Step</div></a></div><div class="tooltip-diamond left"></div></div></div></div></div><div class="tooltip-section wf-section"><div class="loom-embed w-embed w-iframe"><div style="position: relative; padding-bottom: 62.5%; height: 0;"><iframe src="https://www.loom.com/embed/027c89960d14449c902dbb149aaaf8be" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="tooltip-section wf-section"><div class="loom-embed w-embed w-iframe"><div style="position: relative; padding-bottom: 62.5%; height: 0;"><iframe src="https://www.loom.com/embed/4dfabcc6a3bf4521ac13be76c2889e4c" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div></div></div><div class="tooltip-section wf-section"><div class="tutorial w-richtext"><h2>FAQ</h2><h4>Show/hide in the designer?</h4><p>One of my favorite tricks is to wrap every tool tip in a div with the class .hide-on-load or something like it. When you want to edit your tour, change the display state to display. If you want to hide it and work on the rest of your site, set it to display none. </p><p>NOTE: If you do this, I recommend hard coding the correct display state in your site header. That way it always defaults back to the correct styling when you publish. </p><h4>Only show the first time someone visits? </h4><p>There are better solutions involving custom code which I&#x27;m not too familiar with. If you have a simple website, I recommend creating a &quot;welcome&quot; page which is only visiting the first time someone comes to your site. If maintaining two version of a page is too burdensome, you&#x27;ll want to have the tour tips off by default, and use some custom code to automatically turn them on the first time someone visits your site. Maybe with a URL param, flag on a user object, or something like that. </p><h4>Bugs when I clone?</h4><p>I&#x27;m not sure what&#x27;s wrong or how to fix it 🤔 It seems like Webflow will sometimes automatically make the following changes which need to be fixed after cloning...</p><ol start="1" role="list"><li>There&#x27;s a page load interaction which is supposed to There&#x27;s an element called &quot;hide-on-load&quot; at the bottom of the &quot;copy-me&quot; section. </li></ol></div></div>
23<div class="duncan-widget"><div class="duncan-video-wrapper"><div class="duncan-video-embed w-embed w-iframe"><div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/242774867748415692e7b98298d3d53b" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>
24
25<style>
26.duncan-widget:hover .duncan-move {
27	opacity: .50;
28}
29.duncan-move:hover {
30	opacity: 1 !important;
31}
32</style></div></div><a data-w-id="475528b4-aacf-7d59-afde-d20332d3a17b" href="#" class="duncan-move right w-inline-block"><div class="duncan-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
33<g><rect fill="none" height="24" width="24"/></g><g><g><polygon points="6,17.59 7.41,19 12,14.42 16.59,19 18,17.59 12,11.59"/><polygon points="6,11 7.41,12.41 12,7.83 16.59,12.41 18,11 12,5"/></g></g></svg></div></a><a data-w-id="2ac6835f-1258-e9bf-2f9e-dce8b0754157" href="#" class="duncan-move left w-inline-block"><div class="duncan-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
34<g><rect fill="none" height="24" width="24"/></g><g><g><polygon points="6,17.59 7.41,19 12,14.42 16.59,19 18,17.59 12,11.59"/><polygon points="6,11 7.41,12.41 12,7.83 16.59,12.41 18,11 12,5"/></g></g></svg></div></a><a data-w-id="d93e1ec9-6489-4624-c6e0-2e97a7a1463f" href="#" class="duncan-move down w-inline-block"><div class="duncan-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
35<g><rect fill="none" height="24" width="24"/></g><g><g><polygon points="6,17.59 7.41,19 12,14.42 16.59,19 18,17.59 12,11.59"/><polygon points="6,11 7.41,12.41 12,7.83 16.59,12.41 18,11 12,5"/></g></g></svg></div></a><a data-w-id="09fa99d4-e5ae-409c-5af9-3451e322067e" href="#" class="duncan-move w-inline-block"><div class="duncan-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
36<g><rect fill="none" height="24" width="24"/></g><g><g><polygon points="6,17.59 7.41,19 12,14.42 16.59,19 18,17.59 12,11.59"/><polygon points="6,11 7.41,12.41 12,7.83 16.59,12.41 18,11 12,5"/></g></g></svg></div></a><a data-w-id="a1b7c902-483f-0611-65b3-af7b35a85138" href="#" class="duncan-close w-inline-block"><div class="duncan-svg w-embed"><svg xmlns="http://www.w3.org/2000/svg" height="auto" viewBox="0 0 24 24" width="1000px" fill="currentColor">
37<path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg></div></a></div></div><div class="delete-me"><div><div class="ms-iframe"><div class="ms-iframe-embed w-embed w-iframe"><iframe id="memberstack-iframe" src="https://memberstack-embeds.webflow.io/branding?ref=blank" sandbox="allow-same-origin allow-scripts allow-forms allow-top-navigation allow-popups"></iframe>
38
39
40<style>
41iframe {
42		height: 100%;
43    width: 100%;
44    border-width: 0px;
45    border-style: inset;
46    border-color: initial;
47    border-image: initial;
48    border: 0;
49    border: none;
50    min-height: 0px;
51    min-width: 0px;
52    background: transparent;
53}
54
55* {
56    box-sizing: border-box;
57}
58
59/* width */
60::-webkit-scrollbar {
61    height: 0px;
62    width: 0px;
63    background-color:;
64}
65
66/* Track */
67::-webkit-scrollbar-track {
68    background: transparent; 
69}
70
71/* Handle */
72::-webkit-scrollbar-thumb {
73    background: transparent; 
74}
75
76/* Handle on hover */
77::-webkit-scrollbar-thumb:hover {
78    background: transparent; 
79}
80   
81</style></div><div class="hidden-embed w-embed w-script">
81<script>
82  // get the domain name of the page where the iframe is embedded
83  var domain = window.location.hostname;
84
85  // get the iframe element
86  var iframe = document.getElementById('memberstack-iframe');
87
88  // get the src attribute value of the iframe
89  var src = iframe.getAttribute('src');
90
91  // replace the ref value in the src with the domain name
92  src = src.replace('ref=blank', 'ref=' + domain);
93
94  // set the new src value to the iframe
95  iframe.setAttribute('src', src);
96</script>
96</div></div><div class="ms-iframe-footer-embed-2 w-embed w-iframe"><iframe src="https://memberstack-embeds.webflow.io/footer" sandbox="allow-same-origin allow-scripts allow-forms allow-top-navigation allow-popups"></iframe>
97
98
99<style>
100iframe {
101		height: 100%;
102    width: 100%;
103    border-width: 0px;
104    border-style: inset;
105    border-color: initial;
106    border-image: initial;
107    border: 0;
108    border: none;
109    min-height: 0px;
110    min-width: 0px;
111    background: transparent;
112}
113
114* {
115    box-sizing: border-box;
116}
117
118/* width */
119::-webkit-scrollbar {
120    height: 0px;
121    width: 0px;
122    background-color:;
123}
124
125/* Track */
126::-webkit-scrollbar-track {
127    background: transparent; 
128}
129
130/* Handle */
131::-webkit-scrollbar-thumb {
132    background: transparent; 
133}
134
135/* Handle on hover */
136::-webkit-scrollbar-thumb:hover {
137    background: transparent; 
138}
139   
140</style></div></div></div>
140<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61f9332ac9ccaf0907bb3c17" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
140<script src="https://assets.website-files.com/61f9332ac9ccaf0907bb3c17/js/product-tour.c1a944f39.js" type="text/javascript"></script>
140<!--[if lte IE 9]>
140<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
140<![endif]--></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.