1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6301],{96301:function(e,t,r){r.r(t),r.d(t,{default:function(){return b}});var i=r(80118),o=r(2265),n=r(36498),l=r(57437),s=r(54887),a=r(85293),_=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{let r=(0,a.Z8)(`Primitive.${t}`),i=o.forwardRef((e,i)=>{let{asChild:o,...n}=e,s=o?r:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,l.jsx)(s,{...n,ref:i})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{}),d=globalThis?.document?o.useLayoutEffect:()=>{},h=o.forwardRef((e,t)=>{var r,i;let{container:n,...a}=e,[h,g]=o.useState(!1);d(()=>g(!0),[]);let c=n||h&&(null===(i=globalThis)||void 0===i?void 0:null===(r=i.document)||void 0===r?void 0:r.body);return c?s.createPortal((0,l.jsx)(_.div,{...a,ref:t}),c):null});h.displayName="Portal";var g="fec6b8638e76466d1b7c01af48179311896075973b211358ed0723298a2a19d4",c=`@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap"); 2._root_hgyrj_2 { 3 --color-gray-lighter: #a3a3a3; 4 --color-gray-light: #383838; 5 --color-gray: #232323; 6 --color-gray-dark: #121212; 7 --color-black: #000000; 8 --color-white: #ffffff; 9 --color-orange: #ff4d00; 10 display: flex; 11 flex-direction: column; 12 width: 90vw; 13 max-width: 800px; 14 height: auto; 15 max-height: 50vh; 16 position: fixed; 17 z-index: 9999; 18 background: #2b2d37; 19 border: 1px solid var(--color-gray-light); 20 border-radius: 8px; 21 overflow: hidden; 22 line-height: 1; 23 top: 16px; 24 left: 16px; 25 font-family: "JetBrains Mono", monospace; 26 visibility: hidden; 27 color: var(--color-white); 28} 29._root_hgyrj_2._initialized_hgyrj_29 { 30 visibility: visible; 31} 32._root_hgyrj_2 ._header_hgyrj_32 { 33 background: var(--color-gray-dark); 34 text-align: center; 35 padding: 4px 16px; 36 min-height: 44px; 37 font-size: 12px; 38 display: flex; 39 justify-content: space-between; 40 align-items: center; 41 text-transform: uppercase; 42} 43._root_hgyrj_2 ._header_hgyrj_32:hover { 44 cursor: grab; 45} 46._root_hgyrj_2 ._header_hgyrj_32:active { 47 cursor: grabbing; 48} 49._root_hgyrj_2 ._header_hgyrj_32 ._actions_hgyrj_49 { 50 display: flex; 51 gap: 0 8px; 52 align-items: center; 53} 54._root_hgyrj_2 ._header_hgyrj_32 ._actions_hgyrj_49 ._button_hgyrj_54 { 55 color: var(--color-white); 56 display: flex; 57 align-items: center; 58 height: 24px; 59 padding: 0px 4px; 60 border-radius: 4px; 61 background: var(--color-gray); 62 border: 1px solid var(--color-gray-light); 63} 64._root_hgyrj_2 ._header_hgyrj_32 ._actions_hgyrj_49 ._button_hgyrj_54 svg { 65 width: 14px; 66 height: 14px; 67} 68._root_hgyrj_2 ._header_hgyrj_32 ._actions_hgyrj_49 ._scrollToRoot_hgyrj_68 { 69 display: flex; 70 align-items: center; 71 padding-left: 8px; 72 padding-right: 8px; 73 gap: 0 8px; 74} 75._root_hgyrj_2 ._header_hgyrj_32 ._actions_hgyrj_49 ._scrollToRoot_hgyrj_68 ._text_hgyrj_75 { 76 transform: translateY(0.05em); 77} 78._root_hgyrj_2 ._main_hgyrj_78 { 79 border-top: 1px solid var(--color-gray-light); 80 border-bottom: 1px solid var(--color-gray-light); 81 background: var(--color-black); 82 padding: 24px 32px 24px; 83 flex: 1; 84 overflow: auto; 85 max-height: 100%; 86} 87._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 { 88 margin-top: 32px; 89 position: relative; 90 height: 100%; 91 width: 100%; 92} 93._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._guides_hgyrj_93 { 94 position: absolute; 95 height: 100%; 96 bottom: 0; 97 width: 100%; 98 display: flex; 99 flex-direction: column; 100 justify-content: space-between; 101} 102._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._guides_hgyrj_93 ._guide_hgyrj_93 { 103 position: absolute; 104 height: 100%; 105 width: 1px; 106 border-right: 1px dashed rgba(255, 255, 255, 0.5333333333); 107 font-size: 14px; 108} 109._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._guides_hgyrj_93 ._guide_hgyrj_93 ._percent_hgyrj_109 { 110 padding-bottom: 16px; 111 position: absolute; 112 top: 0; 113 left: 50%; 114 line-height: 1; 115 transform: translateY(-100%) translateX(-50%); 116 color: rgba(255, 255, 255, 0.5333333333); 117} 118._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._progress_hgyrj_118 { 119 pointer-events: none; 120 position: absolute; 121 inset: 0; 122} 123._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._progress_hgyrj_118 ._trail_hgyrj_123 { 124 position: absolute; 125 height: 100%; 126 top: 0; 127 bottom: 0; 128 left: 0; 129 width: 100%; 130 overflow: hidden; 131} 132._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._progress_hgyrj_118 ._trail_hgyrj_123 ._gradient_hgyrj_132 { 133 position: absolute; 134 height: 100%; 135 top: 0; 136 bottom: 0; 137 width: 200px; 138 background: linear-gradient(270deg, rgba(255, 255, 255, 0.14) 0.53%, rgba(255, 255, 255, 0) 100%); 139 transform: translateX(-100%); 140} 141._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._progress_hgyrj_118 ._marker_hgyrj_141 { 142 position: absolute; 143 height: 100%; 144 top: 0; 145 bottom: 0; 146 width: 1px; 147 background: var(--color-white); 148 box-sizing: content-box; 149 font-size: 14px; 150} 151._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._progress_hgyrj_118 ._marker_hgyrj_141 ._thumb_hgyrj_151 { 152 top: 0; 153 transform: translateX(-50%) translateY(-100%); 154 left: 50%; 155 position: absolute; 156 display: flex; 157 flex-direction: column; 158 align-items: center; 159 padding-bottom: 2px; 160} 161._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._progress_hgyrj_118 ._marker_hgyrj_141 ._thumb_hgyrj_151 ._percent_hgyrj_109 { 162 line-height: 1; 163 padding-bottom: 3px; 164} 165._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._tweens_hgyrj_165 { 166 position: relative; 167 height: 100%; 168 display: flex; 169 flex-direction: column; 170} 171._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._tweens_hgyrj_165 ._row_hgyrj_171 { 172 padding: 4px 0; 173} 174._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._tweens_hgyrj_165 ._row_hgyrj_171:nth-child(odd) { 175 background: rgba(20, 21, 26, 0.3764705882); 176} 177._root_hgyrj_2 ._main_hgyrj_78 ._timeline_hgyrj_87 ._tweens_hgyrj_165 ._row_hgyrj_171:nth-child(even) { 178 background: rgba(20, 21, 26, 0.5647058824); 179} 180._root_hgyrj_2 ._footer_hgyrj_180 { 181 background: var(--color-gray-dark); 182 text-transform: uppercase; 183 text-align: center; 184 padding: 4px 16px; 185 min-height: 44px; 186 font-size: 14px; 187 display: flex; 188 align-items: center; 189 justify-content: space-between; 190 color: var(--color-white); 191} 192._root_hgyrj_2 ._footer_hgyrj_180 ._version_hgyrj_192 {
193 color: var(--color-gray-lighter); 194} 195._root_hgyrj_2 ._footer_hgyrj_180 ._bsmnt_hgyrj_195 { 196 color: var(--color-orange); 197} 198 199._tween_hgyrj_165 { 200 --duration-percentage: 0; 201 --start-offset-percentage: 0; 202 left: var(--start-offset-percentage); 203 /* (1px for outline width + 1px for outline offset) */ 204 width: calc(var(--duration-percentage) - 3px); 205 cursor: default; 206 font-size: 12px; 207 color: var(--color-white); 208 position: relative; 209 display: flex; 210 align-items: center; 211 min-height: 12px; 212 height: 18px; 213 background: white; 214 padding-left: 8px; 215 font-weight: 500; 216 border-radius: 0px 4px 4px 0px; 217 margin: 0 2px; 218 outline: 1px solid var(--color-gray-light); 219 outline-offset: 1px; 220 overflow: hidden; 221 white-space: nowrap; 222} 223 224._waypoint_hgyrj_224 { 225 --start-offset-percentage: 0; 226 position: relative; 227 left: var(--start-offset-percentage); 228 width: 22px; 229 height: 22px; 230 display: flex; 231 align-items: center; 232 justify-content: center; 233 background: var(--color-gray); 234 border: 1px solid var(--color-gray-light); 235 border-radius: 6px; 236 transform: translateX(-50%); 237} 238._waypoint_hgyrj_224 ._onCall_hgyrj_238, 239._waypoint_hgyrj_224 ._onReverseCall_hgyrj_239 { 240 opacity: 0; 241 transition-property: transform opacity; 242 transition-duration: 0.2s; 243 transition-timing-function: ease-out; 244} 245._waypoint_hgyrj_224 ._onCall_hgyrj_238 { 246 position: absolute; 247 right: -8px; 248 transform: translateX(50%); 249} 250._waypoint_hgyrj_224 ._onCall_hgyrj_238._active_hgyrj_250 { 251 opacity: 1; 252 transform: translateX(100%) scale(1.2); 253} 254._waypoint_hgyrj_224 ._onReverseCall_hgyrj_239 { 255 position: absolute; 256 left: -8px; 257 transform: translateX(-50%); 258} 259._waypoint_hgyrj_224 ._onReverseCall_hgyrj_239._active_hgyrj_250 { 260 opacity: 1; 261 transform: translateX(-100%) scale(1.2); 262} 263 264._selectWrapper_hgyrj_264 { 265 position: relative; 266} 267._selectWrapper_hgyrj_264 ._select_hgyrj_264 { 268 appearance: none; 269 cursor: pointer; 270 background: var(--color-gray); 271 color: var(--color-white); 272 border: 1px solid var(--color-gray-light); 273 height: 24px; 274 border-radius: 4px; 275 width: max-content; 276 min-width: 110px; 277 padding: 0 8px; 278 padding-right: 24px; 279} 280._selectWrapper_hgyrj_264 ._arrow_hgyrj_280 { 281 pointer-events: none; 282 position: absolute; 283 content: ""; 284 right: 8px; 285 top: 50%; 286 width: 12px; 287 height: 12px; 288 z-index: 10; 289 transform: translateY(-50%); 290} 291 292._highlight_hgyrj_292 { 293 background: rgba(236, 91, 41, 0.6666666667); 294 z-index: 999; 295} 296 297@media (max-width: 768px) { 298 ._root_hgyrj_2 { 299 left: 50%; 300 transform: translateX(-50%); 301 } 302 ._root_hgyrj_2 ._version_hgyrj_192 { 303 display: none; 304 } 305 ._root_hgyrj_2 ._scrollToRoot_hgyrj_68 ._text_hgyrj_75 { 306 display: none; 307 } 308}`;!function(){if("undefined"!=typeof document&&!document.getElementById(g)){var e=document.createElement("style");e.id=g,e.textContent=c,document.head.appendChild(e)}}();var p={root:"_root_hgyrj_2",initialized:"_initialized_hgyrj_29",header:"_header_hgyrj_32",actions:"_actions_hgyrj_49",button:"_button_hgyrj_54",scrollToRoot:"_scrollToRoot_hgyrj_68",text:"_text_hgyrj_75",main:"_main_hgyrj_78",timeline:"_timeline_hgyrj_87",guides:"_guides_hgyrj_93",guide:"_guide_hgyrj_93",percent:"_percent_hgyrj_109",progress:"_progress_hgyrj_118",trail:"_trail_hgyrj_123",gradient:"_gradient_hgyrj_132",marker:"_marker_hgyrj_141",thumb:"_thumb_hgyrj_151",tweens:"_tweens_hgyrj_165",row:"_row_hgyrj_171",footer:"_footer_hgyrj_180",version:"_version_hgyrj_192",bsmnt:"_bsmnt_hgyrj_195",tween:"_tween_hgyrj_165",waypoint:"_waypoint_hgyrj_224",onCall:"_onCall_hgyrj_238",onReverseCall:"_onReverseCall_hgyrj_239",active:"_active_hgyrj_250",selectWrapper:"_selectWrapper_hgyrj_264",select:"_select_hgyrj_264",arrow:"_arrow_hgyrj_280",highlight:"_highlight_hgyrj_292"},u={version:"0.3.3"},y=e=>{let t=document.createElement("div");t.style.position="fixed";let r=e.getBoundingClientRect();return t.style.top=`${r.top}px`,t.style.left=`${r.left}px`,t.style.width=`${r.width}px`,t.style.height=`${r.height}px`,t.classList.add(p.highlight),document.body.appendChild(t),()=>{document.body.removeChild(t)}},j=[["#F87171","#991B1B"],["#FACC15","#854D0E"],["#4ADE80","#166534"],["#2DD4BF","#115E59"],["#38BDF8","#075985"],["#818CF8","#3730A3"],["#C084FC","#6B21A8"],["#E879F9","#86198F"],["rgba(244, 114, 182, 0.40)","#9D174D"]],m=({tween:e,root:t,idx:r})=>{var n,s;let[a,_]=(0,o.useState)(!1),[d,h]=(0,o.useState)(!1);(0,o.useEffect)(()=>
308{if(a){let t=e.targets().map(e=>{if(e instanceof SVGElement||e instanceof HTMLElement)return y(e)});return()=>{t.forEach(e=>e&&e())}}},[a,e]),(0,o.useEffect)(()=>i.G0.on("timeline:update",()=>{var r;let i=null==(r=t.tween)?void 0:r.progress();if(!i)return;let o=e._start/100,n=(e._start+e._dur)/100;i>=o&&i<=n?h(!0):h(!1)}),[t.tween,e._dur,e._start]);let g=e.targets().map(e=>{if(e instanceof SVGElement||e instanceof HTMLElement)return`${e.tagName.toLocaleLowerCase()}${e.id?`#${e.id}`:""}${e.classList.length?"."+e.classList[0]:""}`;if(e instanceof Object){let t=Object.keys(e).filter(e=>"_gsap"!=e),r=t.slice(0,3);return t.length>r.length&&r.push("..."),`${e.constructor.name} { ${r.join(", ")} }`}}).join(", ");return(0,l.jsx)("div",{title:g,className:`${p.tween}${d?` ${[p.active]}`:""}`,style:{"--duration-percentage":e._dur+"%","--start-offset-percentage":e._start+"%",background:"linear-gradient(90deg, transparent 0%, "+(null==(n=j[r%j.length])?void 0:n[0])+" 100%)",outlineColor:null==(s=j[r%j.length])?void 0:s[1],minWidth:16},onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),onClick:()=>{var r;let i=null==(r=t.tween)?void 0:r.scrollTrigger;if(!i)return;let o=i.start,n=i.end,l=o+e._start/100*(n-o);console.log({start:o,end:n,tweenStart:e._start}),window.scrollTo({top:l,behavior:"smooth"})},children:g})},f=({tween:e,root:t})=>{let[r,n]=(0,o.useState)(void 0);return(0,o.useEffect)(()=>{"waypoint"===e.data.type&&(e.data._internalOnCall=()=>{n("complete")},e.data._internalOnReverseCall=()=>{n("reverse-complete")})},[e.data]),(0,l.jsxs)("div",{style:{"--start-offset-percentage":e._start+"%"},className:p.waypoint,onClick:()=>{var r,i;let o=null==(r=t.tween)?void 0:r.scrollTrigger;if(o&&"waypoint"===e.data.type&&(null==(i=t.tween)?void 0:i.labels[e.data.label])){let t=o.labelToScroll(e.data.label);window.scrollTo({top:t+0,behavior:"smooth"})}},children:[(0,l.jsx)("span",{className:(0,i.Wy)(p.onReverseCall,"reverse-complete"===r&&p.active),children:(0,l.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M6.375 9.75L2.625 6L6.375 2.25M9.375 9.75L5.625 6L9.375 2.25",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,l.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M1.5 1.5V2.25V1.5ZM1.5 10.5V7.5V10.5ZM1.5 7.5L2.885 7.1535C3.9272 6.89302 5.0282 7.01398 5.989 7.4945L6.043 7.5215C6.98459 7.9921 8.06137 8.11772 9.086 7.8765L10.643 7.5105C10.4523 5.76591 10.4515 4.00577 10.6405 2.261L9.0855 2.627C8.06097 2.86794 6.98439 2.74215 6.043 2.2715L5.989 2.2445C5.0282 1.76398 3.9272 1.64302 2.885 1.9035L1.5 2.25M1.5 7.5V2.25V7.5Z",fill:"white",fillOpacity:"0.12"}),(0,l.jsx)("path",{d:"M1.5 1.5V2.25M1.5 2.25L2.885 1.9035C3.9272 1.64302 5.0282 1.76398 5.989 2.2445L6.043 2.2715C6.98439 2.74215 8.06097 2.86794 9.0855 2.627L10.6405 2.261C10.4515 4.00577 10.4523 5.76591 10.643 7.5105L9.086 7.8765C8.06137 8.11772 6.98459 7.9921 6.043 7.5215L5.989 7.4945C5.0282 7.01398 3.9272 6.89302 2.885 7.1535L1.5 7.5M1.5 2.25V7.5M1.5 10.5V7.5",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round"})]}),(0,l.jsx)("span",{className:(0,i.Wy)(p.onCall,"complete"===r&&p.active),children:(0,l.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M5.625 2.25L9.375 6L5.625 9.75M2.625 2.25L6.375 6L2.625 9.75",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round"})})})]})},x=({root:e})=>{let[t,r]=(0,o.useState)(0);return(0,o.useEffect)(()=>i.G0.on("timeline:update",()=>{var t;let i=null==(t=null==e?void 0:e.tween)?void 0:t.progress();r(null!=i?i:0)}),[null==e?void 0:e.tween]),(0,l.jsxs)(l.Fragment,{children:[(100*t).toFixed(0),"%"]})},v=e=>(0,l.jsxs)("div",{className:p.selectWrapper,children:[(0,l.jsx)("select",(0,i.EZ)((0,i.ih)({},e),{className:(0,i.Wy)(p.select,e.className)})),(0,l.jsx)("svg",{className:p.arrow,width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M9.75 4.125L6 7.875L2.25 4.125",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round"})})]}),w=()=>{var e;let t=(0,o.useRef)(null),r=(0,o.useRef)(null),s=(0,o.useRef)(null),a=(0,o.useRef)(null),[_,d]=(0,o.useState)([]),[h,g]=(0,o.useState)(),[c,y]=(0,o.useState)(!1),[j,w]=(0,o.useState)(!1),[b,L]=(0,o.useState)(!1),[C,k]=(0,o.useState)(),[N,M]=(0,o.useState)(!0),E=null!=(e=_.find(e=>e.id===h))?e:_[0];return((0,o.useEffect)(()=>
308{if(!N)return;let e=()=>{k(window.scrollY)};window.addEventListener("scroll",e);let t=_.find(e=>{var t;let r=Math.round(100*(null==(t=null==e?void 0:e.tween)?void 0:t.progress()))/100;return void 0!==r&&r>0&&r<1});if(t)return g(t.id),()=>{window.removeEventListener("scroll",e)}},[N,_,C]),(0,o.useEffect)(()=>i.G0.on("timeline:update",()=>{var e;let t=null==(e=null==E?void 0:E.tween)?void 0:e.progress();s.current&&a.current&&void 0!==t&&(s.current.style.left=`${100*t}%`,a.current.style.left=`${100*t}%`)}),[null==E?void 0:E.tween]),(0,o.useEffect)(()=>{let e=t.current,i=r.current,o=sessionStorage.getItem("@bmsmnt/scrollytelling-visualizer:position");if(!e||!i)return;let n=0,l=0,s=0,a=0;if(o){let{top:t,left:r}=JSON.parse(o);e.style.top=t,e.style.left=r}let _=e=>{let t=(e=e||window.event).target;t instanceof HTMLElement&&(t.closest("button")||t.closest("select")||t.closest("input"))||(e.preventDefault(),s=e.clientX,a=e.clientY,document.addEventListener("mouseup",h),document.addEventListener("mousemove",d))},d=t=>{e&&((t=t||window.event).preventDefault(),n=s-t.clientX,l=a-t.clientY,s=t.clientX,a=t.clientY,e.style.top=e.offsetTop-l+"px",e.style.left=e.offsetLeft-n+"px")};function h(){document.removeEventListener("mouseup",h),document.removeEventListener("mousemove",d),sessionStorage.setItem("@bmsmnt/scrollytelling-visualizer:position",JSON.stringify({top:null==e?void 0:e.style.top,left:null==e?void 0:e.style.left}))}return i.addEventListener("mousedown",_),L(!0),()=>{i.removeEventListener("mousedown",_),h()}},[]),(0,o.useEffect)(()=>i.G0.on("timeline:refresh",()=>{let e=[];
308n.p8.globalTimeline.getChildren().forEach(t=>{var r;if(!(null==(r=t.data)?void 0:r.isScrollytellingTween))return;let i=t.data;switch(i.type){case"root":{let r=e.find(e=>e.id===i.id);r?(r.debug=i.debug,r.tween=t,r.label=i.label):e.push({id:i.id,debug:i.debug,label:i.label,children:[],tween:t});break}case"rest":case"waypoint":case"animation":{let r=e.find(e=>e.id===i.rootId);r?r.children.push(t):e.push({id:i.rootId,debug:!1,label:i.rootId,children:[t],tween:void 0})}}}),e.sort((e,t)=>{var r,i,o,n;let l=null==(i=null==(r=e.tween)?void 0:r.scrollTrigger)?void 0:i.trigger,s=null==(n=null==(o=t.tween)?void 0:o.scrollTrigger)?void 0:n.trigger;return l&&s?l.getBoundingClientRect().top-s.getBoundingClientRect().top:0}),d(e.filter(e=>e.debug))}),[]),(0,o.useEffect)(()=>{i.G0.emit("timeline:refresh")},[]),c)?(0,l.jsx)(l.Fragment,{}):(0,l.jsxs)("div",{className:(0,i.Wy)(p.root,b&&p.initialized),ref:t,children:[(0,l.jsxs)("header",{className:p.header,ref:r,children:[(0,l.jsxs)("div",{className:p.actions,children:[(0,l.jsx)(v,{value:h,onChange:e=>g(e.currentTarget.value),onPointerDown:e=>e.stopPropagation(),children:_.map(e=>(0,l.jsx)("option",{value:e.id,children:e.label},e.id))}),(0,l.jsx)("div",{className:p.actions,children:(0,l.jsxs)("button",{className:(0,i.Wy)(p.button,p.scrollToRoot),onClick:()=>{var e,t;let r=null==(t=null==(e=null==E?void 0:E.tween)?void 0:e.scrollTrigger)?void 0:t.trigger;r&&(M(!1),setTimeout(()=>{M(!0)},1500),r.scrollIntoView({behavior:"smooth"}))},children:[(0,l.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M10.875 6.00004L6.398 1.52254C6.178 1.30304 5.822 1.30304 5.6025 1.52254L1.125 6.00004M9.75 4.87504V9.93754C9.75 10.248 9.498 10.5 9.1875 10.5H7.125V8.06254C7.125 7.75204 6.873 7.50004 6.5625 7.50004H5.4375C5.127 7.50004 4.875 7.75204 4.875 8.06254V10.5H2.8125C2.502 10.5 2.25 10.248 2.25 9.93754V4.87504M7.875 10.5H3.75",stroke:"white",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("span",{className:p.text,children:"SCROLL TO ROOT"})]})})]}),(0,l.jsxs)("div",{className:p.actions,children:[(0,l.jsx)("button",{className:p.button,onClick:()=>w(e=>!e),children:j?(0,l.jsxs)("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.43359 8C2.43359 7.72386 2.65745 7.5 2.93359 7.5H13.0669C13.3431 7.5 13.5669 7.72386 13.5669 8C13.5669 8.27614 13.3431 8.5 13.0669 8.5H2.93359C2.65745 8.5 2.43359 8.27614 2.43359 8Z",fill:"white"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.43311C8.27614 2.43311 8.5 2.65697 8.5 2.93311L8.5 13.0664C8.5 13.3426 8.27614 13.5664 8 13.5664C7.72386 13.5664 7.5 13.3426 7.5 13.0664L7.5 2.93311C7.5 2.65697 7.72386 2.43311 8 2.43311Z",fill:"white"})]}):(0,l.jsx)("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.43359 8C2.43359 7.72386 2.65745 7.5 2.93359 7.5H13.0669C13.3431 7.5 13.5669 7.72386 13.5669 8C13.5669 8.27614 13.3431 8.5 13.0669 8.5H2.93359C2.65745 8.5 2.43359 8.27614 2.43359 8Z",fill:"white"})})}),(0,l.jsx)("button",{className:p.button,onClick:()=>y(!0),children:(0,l.jsx)("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5402 4.27333C12.7648 4.04878 12.7648 3.68471 12.5402 3.46016C12.3157 3.23561 11.9516 3.23561 11.7271 3.46016L8.00033 7.18691L4.27358 3.46016C4.04903 3.23561 3.68496 3.23561 3.46041 3.46016C3.23585 3.68471 3.23585 4.04878 3.46041 4.27333L7.18715 8.00008L3.46041 11.7268C3.23585 11.9514 3.23585 12.3154 3.46041 12.54C3.68496 12.7646 4.04903 12.7646 4.27358 12.54L8.00033 8.81325L11.7271 12.54C11.9516 12.7646 12.3157 12.7646 12.5402 12.54C12.7648 12.3154 12.7648 11.9514 12.5402 11.7268L8.8135 8.00008L12.5402 4.27333Z",fill:"white"})})})]})]}),!j&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("main",{className:p.main,children:(0,l.jsxs)("div",{className:p.timeline,children:[(0,l.jsxs)("div",{className:p.guides,children:[(0,l.jsx)("div",{className:p.guide,style:{left:"0%"},children:(0,l.jsx)("span",{className:p.percent,children:"0%"})}),(0,l.jsx)("div",{className:p.guide,style:{left:"25%"},children:(0,l.jsx)("span",{className:p.percent,children:"25%"})}),(0,l.jsx)("div",{className:p.guide,style:{left:"50%"},children:(0,l.jsx)("span",{className:p.percent,children:"50%"})}),(0,l.jsx)("div",{className:p.guide,style:{left:"75%"},children:(0,l.jsx)("span",{className:p.percent,children:"75%"})}),(0,l.jsx)("div",{className:p.guide,style:{left:"100%"},children:(0,l.jsx)("span",{className:p.percent,children:"100%"})})]}),(0,l.jsx)("div",{className:p.tweens,children:null==E?void 0:E.
308children.map((e,t)=>{let r=e.data;return"animation"===r.type?(0,l.jsx)("div",{className:p.row,children:(0,l.jsx)(m,{tween:e,root:E,idx:t})},t):"waypoint"===r.type?(0,l.jsx)("div",{className:p.row,children:(0,l.jsx)(f,{tween:e,root:E,idx:t})},t):(0,l.jsx)(l.Fragment,{})})}),(0,l.jsxs)("div",{className:p.progress,children:[(0,l.jsx)("div",{className:p.marker,ref:s,children:(0,l.jsxs)("span",{className:p.thumb,children:[(0,l.jsx)("span",{className:p.percent,children:(0,l.jsx)(x,{root:E})}),(0,l.jsxs)("svg",{width:"8",height:"11",viewBox:"0 0 8 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("mask",{id:"path-1-inside-1_2793_1632",fill:"white",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 0H0V8L4 11L8 8V0Z"})}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 0H0V8L4 11L8 8V0Z",fill:"white"}),(0,l.jsx)("path",{d:"M0 0V-1H-1V0H0ZM8 0H9V-1H8V0ZM0 8H-1V8.5L-0.6 8.8L0 8ZM4 11L3.4 11.8L4 12.25L4.6 11.8L4 11ZM8 8L8.6 8.8L9 8.5V8H8ZM0 1H8V-1H0V1ZM1 8V0H-1V8H1ZM4.6 10.2L0.6 7.2L-0.6 8.8L3.4 11.8L4.6 10.2ZM7.4 7.2L3.4 10.2L4.6 11.8L8.6 8.8L7.4 7.2ZM7 0V8H9V0H7Z",fill:"white",mask:"url(#path-1-inside-1_2793_1632)"})]})]})}),(0,l.jsx)("div",{className:p.trail,children:(0,l.jsx)("div",{className:p.gradient,ref:a})})]})]})}),(0,l.jsxs)("footer",{className:p.footer,children:[(0,l.jsxs)("span",{children:["Visualizer",(0,l.jsxs)("span",{className:p.version,children:[" (v.",u.version,")"]})]}),(0,l.jsxs)("span",{children:["made with \uD83D\uDDA4 by"," ",(0,l.jsx)("a",{href:"https://basement.studio",target:"_blank",className:p.bsmnt,rel:"noopener",children:"bsmnt"}),"."]})]})]})]})};function b(){let[e,t]=(0,o.useState)(!1);return((0,o.useEffect)(()=>{let e=window;e.__scrollytelling_alreadyMountedDebuggerInstance||(t(!0),e.__scrollytelling_alreadyMountedDebuggerInstance=!0)},[]),e)?(0,l.jsx)(h,{children:(0,l.jsx)(w,{})}):(0,l.jsx)(l.Fragment,{})}}}]);
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.