1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,83219,e=>{e.v({howToWrapper:"HowToSection-module-scss-module__XIsF6a__howToWrapper",videoWrapper:"HowToSection-module-scss-module__XIsF6a__videoWrapper"})},886721,e=>{"use strict";var r=e.i(843476),t=e.i(271645),n=e.i(83219);e.s(["default",0,({title:e,video:o,steps:s,schema:i})=>{let l=(0,t.useRef)(null),c=(0,t.useCallback)(()=>{if(!l.current)return;let{right:e,bottom:r,top:t,left:n}=l.current.getBoundingClientRect()??{};t>=0&&n>=0&&e<=(window.innerWidth||document.documentElement.clientWidth)&&r<=(window.innerHeight||document.documentElement.clientHeight)?l.current.play():l.current.pause()},[l]);return(0,t.useEffect)(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[c]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(i).replace(/</g,"\\u003c")}}),(0,r.jsxs)("section",{id:"how-to",className:n.default.howToWrapper,children:[(0,r.jsx)("h2",{children:e}),(0,r.jsx)("div",{className:n.default.videoWrapper,children:o&&(0,r.jsxs)("video",{ref:l,controls:!0,muted:!0,loop:!0,playsInline:!0,"aria-label":o.alt,children:[(0,r.jsx)("track",{kind:"captions"}),(0,r.jsx)("source",{src:o.src,type:"video/mp4"}),"Your browser does not support the video tag."]})}),(0,r.jsx)("ol",{children:s.map(({title:e,description:t},n)=>(0,r.jsxs)("li",{children:[(0,r.jsxs)("span",{children:["Step ",n+1]}),(0,r.jsx)("h4",{children:e}),(0,r.jsx)("p",{children:t})]},e))})]})]})}])}]);
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.