1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4942],{3620:(e,t,l)=>{l.d(t,{L:()=>D});var a,n,r,s,i,o=l(3436),u=l(1692),c=l(3884),d=l.n(c),h=l(8012),m=l(3813),f=l(1872);let p={current:!0},g=(0,f.forwardRef)(({className:e,unoptimized:t,sources:l,defaultSource:a,draggable:n,priority:r,imageClassName:s,style:i,fill:c,animate:d=!0,imageStyle:m,fetchPriority:g},v)=>{let b=(0,f.useRef)(null);return(0,u.Es)(()=>{var e,t;p.current||(null==(e=b.current)?void 0:e.complete)||!d||null==(t=b.current)||t.classList.add("opacity-0"),p.current=!1},[]),(0,o.jsxs)("picture",{className:(0,h.A)(e),ref:v,style:i,children:[!t&&l.map(({srcSet:e,media:t,sizes:l,width:a,height:n},r)=>(0,o.jsx)("source",{media:t,sizes:l,srcSet:e,width:a,height:n},r)),(0,o.jsx)("img",{className:(0,h.A)("block w-full",c&&"absolute h-full w-full object-cover",s),ref:b,onLoad:()=>{var e,t,l;(null==(e=b.current)?void 0:e.classList.contains("animate-fade-in"))||!d||(null==(t=b.current)||t.classList.remove("opacity-0"),null==(l=b.current)||l.classList.add("opacity-100","animate-fade-in"))},alt:a.alt,src:a.src,loading:a.loading,decoding:r?"sync":a.decoding,fetchPriority:g||(r?"high":"auto"),draggable:n,width:a.width,height:a.height,style:m})]})}),v=d().mobile.mockupWidth,b=d().desktop.mockupWidth,w=d().desktop.screenSize,x="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",y=(0,f.forwardRef)(({mobileSize:e,desktopSize:t,alt:l,fill:a,priority:n,className:r,imageClassName:s,defaultAspectRatio:i=16/9,loader:u,draggable:c,unoptimized:d,style:f,animate:p,imageStyle:y},k)=>{if(!(null==e?void 0:e.width)&&!(null==t?void 0:t.width))return null;let j=[],A={src:u(i)({width:1200}),priority:n,fill:a,alt:l||"",unoptimized:d},N=(t,l)=>{var n;let r=u(t.height?t.width/t.height:i),{props:s}=(0,m.getImageProps)({...A,width:a?void 0:t.width,height:a?void 0:(null==t?void 0:t.height)||t.width/i|0,loader:r,sizes:`${Math.round(100*t.width/l)}vw`}),o=0,c=null==s||null==(n=s.srcSet)?void 0:n.split(", ").filter((l,a)=>{let n=Number.parseInt(l.split(" ")[1]);return!a&&t.width<=w&&n>((null==e?void 0:e.width)||t.width)?(o++,!0):n>=t.width&&++o<=3});return{...s,...t,srcSet:null==c?void 0:c.join(", ")}};if(e&&t&&JSON.stringify(e)===JSON.stringify(t)){let l=`(min-width: ${w}px) ${Math.round(100*t.width/b)}vw, ${Math.round(100*e.width/v)}vw`;j.push({...N(e,v),sizes:l})}else{let l=`(max-width: ${w-1}px)`;(null==e?void 0:e.width)?j.push({...N(e,v),media:l}):j.push({...A,srcSet:x,media:l}),l=`(min-width: ${w}px)`,(null==t?void 0:t.width)?j.push({...N(t,b),media:l}):j.push({...A,srcSet:x,media:l})}let z=j.find(e=>d?e.src:e.srcSet!==x);return z?(0,o.jsx)(g,{ref:k,style:f,className:(0,h.A)(e&&!t?"lg:hidden":t&&!e&&"lg-max:hidden",r),imageClassName:s,unoptimized:d,defaultSource:z,sources:j,priority:n,draggable:c,fill:a,animate:p,imageStyle:y}):null}),k=(0,f.forwardRef)(({playbackId:e,mobileSize:t,draggable:l,desktopSize:a,alt:n,fill:r,priority:s,className:i,style:u,imageClassName:c,animate:d},m)=>(0,o.jsx)(y,{ref:m,style:u,draggable:l,animate:d,mobileSize:t,desktopSize:a,alt:n,fill:r,priority:s,className:i,imageClassName:(0,h.A)(c,"object-cover"),loader:()=>({width:t,quality:l=75})=>`https://image.mux.com/${e}/thumbnail.jpg?time=0`})),j=(0,f.forwardRef)(({playbackId:e,mobilePlaybackId:t,mobileSize:l,desktopSize:a,alt:n,...r},s)=>e?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(k,{ref:s,...r,playbackId:e,desktopSize:a,mobileSize:t?void 0:l}),t&&(0,o.jsx)(k,{...r,playbackId:t,mobileSize:l})]}):(0,o.jsx)(o.Fragment,{}));var A=l(5282),N=l(1212),z=l(5748),S=l(3832),E=l(1180),C=l(6360),M=l(3314);function O(){return(O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(null,arguments)}let R=e=>f.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"presentation"},e),a||(a=f.createElement("path",{fill:"#fff",d:"M2.462 7.808v-.721h-.72v.72zm4.846 0v.721h.252l.197-.156zm6.695-5.315h.72V1l-1.169.929zm0 18.323-.449.565 1.17.928v-1.493zM7.308 15.5l.448-.565-.197-.156h-.251zm-4.846 0h-.72v.722h.72zm.722-3.846V7.808H1.74v3.847zm-.722-3.126h4.846V7.087H2.462zm5.295-.156 6.694-5.315-.897-1.13L6.86 7.244zm5.524-5.88v18.323h1.443V2.493zm1.17 17.758-6.695-5.315-.896 1.13 6.694 5.315zm-7.143-5.47H2.462v1.442h4.846zm-4.124.72v-3.846H1.74V15.5z"})));function $(){return($=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(null,arguments)}let P=e=>f.createElement("svg",$({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"presentation"},e),n||(n=f.createElement("path",{fill:"#fff",d:"M2.463 7.808v-.721h-.72v.72zm4.846 0v.721h.252l.197-.156zm6.695-5.315h.72V1l-1.169.929zm0 18.323-.449.565 1.17.928v-1.493zM7.309 15.5l.448-.565-.197-.156H7.31zm-4.846 0h-.72v.722h.72zm.722-3.846V7.808H1.742v3.847zm-.722-3.126H7.31V7.087H2.463zm5.295-.156 6.694-5.315-.897-1.13-6.694 5.315zm5.524-5.88v18.323h1.443V2.493zm1.17 17.758-6.695-5.315-.896 1.13 6.694 5.315zm-7.143-5.47H2.463v1.442H7.31zm-4.124.72v-3.846H1.742V15.5z"})),r||(r=f.createElement("path",{stroke:"#fff",strokeWidth:1.923,d:"M17.848 7.808v7.694M21.695 5.885v11.54"})));function L(){return(L=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(null,arguments)}let T=e=>f.createElement("svg",L({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"presentation"},e),s||(s=f.createElement("path",{stroke:"#fff",strokeWidth:1.6,d:"M8.5 21.5v-6h-6M15.5 21.5v-6h6M8.5 2.5v6h-6M15.5 2.5v6h6"})));function V(){return(V=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(null,arguments)}let W=e=>f.createElement("svg",V({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",role:"presentation"},e),i||(i=f.createElement("path",{stroke:"#fff",strokeWidth:1.6,d:"M8.5 21.5v-6h-6M15.5 21.5v-6h6M8.5 2.5v6h-6M15.5 2.5v6h6"}))),H=e=>(0,o.jsxs)("div",{className:"relative w-full h-20 my-10 overflow-hidden",children:[(0,o.jsx)("input",{...e,onTouchStart:e.onMouseDown,onTouchEnd:e.onMouseUp,className:"absolute z-1 inset-0 appearance-none outline-0 bg-transparent border-0 p-0 m-0 select-none cursor-pointer [&::-webkit-slider-thumb]:opacity-0",type:"range",min:0,max:.999999,step:"any","aria-label":"Video timeline controller"}),(0,o.jsxs)("div",{className:"absolute z-0 top-1/2 left-0 w-full h-2 -mt-1 overflow-hidden before:block before:w-full before:h-full before:bg-current before:opacity-30",children:[(0,o.jsx)("div",{className:"absolute bg-current w-full top-0 right-full h-full","aria-label":"Progress","aria-hidden":!0,style:{transform:`translateX(${100*e.value}%) translateZ(0)`}}),(0,o.jsx)("div",{className:"absolute bg-current opacity-30 w-full top-0 right-full h-full transition-transform","aria-label":"Buffer","aria-hidden":!0,style:{transform:`translateX(${100*e.loaded}%) translateZ(0)`}})]})]}),F=e=>(0,o.jsxs)("div",{className:(0,h.A)("relative w-54 h-15 overflow-hidden",e.className),children:[(0,o.jsx)("input",{...e,className:"absolute z-1 inset-0 appearance-none outline-0 bg-transparent border-0 p-0 m-0 select-none cursor-pointer [&::-webkit-slider-thumb]:opacity-0",type:"range",min:0,max:.999999,step:.01,"aria-label":"Video sound volume controller"}),(0,o.jsx)("div",{className:"absolute z-0 top-1/2 left-0 w-full h-2 -mt-1 overflow-hidden before:block before:w-full before:h-full before:bg-current before:opacity-40",children:(0,o.jsx)("div",{className:"absolute bg-current w-full top-0 right-full h-full","aria-label":"Progress","aria-hidden":!0,style:{transform:`translateX(${e.muted?0:100*e.value}%) translateZ(0)`}})})]}),I=(0,f.forwardRef)(({title:e,controls:t,controlsClassname:l,onTogglePlay:a,onToggleMute:n,onVolumeChange:r,onToggleFullscreen:s,onSeekChange:i,onSeekMouseDown:c,onSeekMouseUp:d,playing:m=!1,muted:p=!1,fullscreen:g,loaded:v=0,played:b=0,volume:w=1,duration:x=0,progress:y=0,isActive:k=!1,theme:j="white",variant:A="none",className:N},z)=>{let[O,$]=(0,f.useState)(!1),L=(0,u.Ym)();(0,f.useEffect)(()=>{(!document.fullscreenEnabled||E.Oh)&&$(!0)},[]);let V=e=>`${(e/60|0).toString().padStart(2,"0")} : ${(e%60|0).toString().padStart(2,"0")}`;return(0,o.jsx)("div",{ref:z,className:(0,h.A)("absolute z-0 bottom-0 w-full transition-opacity",{white:"text-white",black:"text-black-full"}[j],k?"opacity-100 duration-600":"opacity-0 duration-1000",N),children:(0,o.jsx)("div",{className:(0,h.A)("text-12","flex items-center jutify-between gap-x-15 mb-20 margin-mx-1","absolute z-1 bottom-0 left-0 right-0 text-12 opacity-100 transition-opacity ease-quart-out",l),children:t&&t.map((t,l)=>((t,l)=>{switch(t){case"play":return(0,o.jsx)(S.$,{variant:"none",className:"p-4 -m-4",onClick:a,"aria-label":m?L("Pause"):L("Play"),children:m?(0,o.jsx)(M.A,{className:"w-15"}):(0,o.jsx)(C.A,{className:"w-16"})},l);case"progress":return(0,o.jsx)(H,{value:b,loaded:v,onChange:i,onMouseDown:c,onMouseUp:d},l);case"mute":return(0,o.jsx)(S.$,{variant:"none",className:(0,h.A)("p-4 -m-4","[&+.volume]:-ml-6"),onClick:e=>{e.stopPropagation(),null==n||n()},"aria-label":p?L("Unmute"):L("Mute"),children:p?(0,o.jsx)(R,{className:"w-16"}):(0,o.jsx)(P,{className:"w-16"})},l);case"fullscreen":return(0,o.jsx)(S.$,{variant:"none",className:(0,h.A)("p-4 -m-4",O&&"hidden"),onClick:s,"aria-label":g?L("Exit fullscreen"):L("Enter fullscreen"),children:g?(0,o.jsx)(W,{className:"w-16"}):(0,o.jsx)(T,{className:"w-16"})},l);case"current-time":return(0,o.jsx)("span",{className:"whitespace-nowrap",children:V(y)},l);case"duration":return(0,o.jsx)("span",{className:"whitespace-nowrap",children:V(x)},l);case"full-time":return(0,o.jsxs)(f.Fragment,{children:[(0,o.jsxs)("span",{className:(0,h.A)("inline-flex items-center justify-center gap-x-8 mx-auto whitespace-nowrap","modal"===A&&"-z-1 absolute inset-x-0 bottom-0 h-16 lg:h-24"),children:[(0,o.jsx)("span",{children:V(y)}),"|",(0,o.jsx)("span",{children:V(x)})]}),"modal"===A&&(0,o.jsx)("span",{className:"grow"})]},l);case"title":return(0,o.jsx)("span",{className:(0,h.A)("span-w-9 lg:span-w-6 my-10 text-12 leading-snug uppercase","modal"===A&&"absolute left-0 bottom-full pointer-events-none"),children:e},l);case"volume":return(0,o.jsx)(F,{className:"volume lg-max:hidden",value:w,muted:p,onChange:r},l)}})(t,`${t}-${l}`))})})});var B=l(8903);let _=({playerInstance:e,tracks:t,className:l})=>{let[a,n]=(0,f.useState)();return((0,f.useEffect)(()=>{var l,a;let r=t[0],s=null,i=()=>{var e;(null==s||null==(e=s.activeCues)?void 0:e.length)?n(s.activeCues[0].text):n(void 0)},o=()=>
1{if(!s&&e)for(let t=0;t<e.textTracks.length;t++){let l=e.textTracks[t];if(l.kind===r.kind&&l.language===r.srcLang){(s=l).mode="hidden",s.addEventListener("cuechange",i),i();return}}};return o(),e.addEventListener("loadedmetadata",o),null==(l=(a=e.textTracks).addEventListener)||l.call(a,"addtrack",o),()=>{var t,l;null==s||s.removeEventListener("cuechange",i),null==e||e.removeEventListener("loadedmetadata",o),null==e||null==(t=(l=e.textTracks).removeEventListener)||t.call(l,"addtrack",o)}},[e,t]),a)?(0,o.jsx)("div",{className:(0,h.A)("absolute z-10 bottom-[15vh] left-1/2 -translate-x-1/2","w-10/12 lg:w-8/12","text-white text-center text-24 lg:text-32","pointer-events-none",l),children:(0,o.jsx)("p",{children:a})}):null},D=(0,f.forwardRef)(({landscapePlaybackId:e,portraitPlaybackId:t,playing:l=!1,className:a="",muted:n=!1,loop:r=!1,playsinline:s=!1,controls:i=["play","progress","duration","mute","fullscreen"],hasControls:c=!0,onReady:d,onTogglePlay:m,onEnded:p,light:g=!1,desktopOnly:v=!1,controllerClassName:b="",mobileSize:w={width:640,height:360},desktopSize:x={width:1920,height:1080},fill:y,priority:k,posterClassName:S,tracks:E,hideAnimatedTracks:C=!1},M)=>{let O=(0,f.useRef)(null),R=(0,f.useRef)(null),$=(0,f.useRef)(null),[P,L]=(0,f.useState)(null),[T,V]=(0,f.useState)(!1),[W,H]=(0,f.useState)(!!l||n),[F,D]=(0,f.useState)(l),[X,U]=(0,f.useState)(!1),[Z,G]=(0,f.useState)(!0),[J,K]=(0,f.useState)("mouseOnly"),[Y,q]=(0,f.useState)(c),Q=(0,f.useRef)(null),ee=(0,u.Y0)(),[et,el]=(0,N.Wx)({rootMargin:"0px"}),ea=(0,f.useCallback)(e=>{$.current=e,"function"==typeof M?M(e):M&&(M.current=e),et(e)},[et,M]);(0,f.useEffect)(()=>{null==m||m(F),F&&Z&&G(!1)},[F,Z,m]),(0,f.useEffect)(()=>{D(l)},[l]),(0,f.useEffect)(()=>{T&&!el&&F&&D(!1)},[el,T,F]),(0,f.useEffect)(()=>{H(n)},[n]);let[en,er]=(0,f.useState)({pip:!1,fullscreen:!1,controls:!1,light:g,volume:1,played:0,loaded:0,duration:0,durationFormatted:"00:00",playedSeconds:0,playbackRate:1,playsinline:s,loop:r,seeking:!1});(0,f.useEffect)(()=>{1!==en.played||r||er(e=>({...e,played:0,playedSeconds:0}))},[en.played,r]),(0,f.useEffect)(()=>{K(null!==A.RX&&void 0!==A.RX?A.RX:"mouseOnly")},[]),(0,f.useEffect)(()=>{let e=()=>{er(e=>({...e,fullscreen:z.A.isFullscreen}))};if(z.A.isEnabled)return z.A.on("change",e),()=>{z.A.off("change",e)}},[]);let es=(0,f.useCallback)(()=>{T&&c&&(q(!0),Q.current&&clearTimeout(Q.current),Q.current=setTimeout(()=>{q(!1)},2500))},[T,c]),ei=(0,f.useCallback)(()=>{G(!0),null==p||p()},[p]),eo=(0,f.useCallback)(()=>{V(!0),null==d||d(O.current)},[d]),eu=(0,f.useCallback)(()=>{U(!0)},[]),ec=(0,f.useCallback)(()=>{U(!1)},[]),ed=(0,f.useCallback)(e=>{if(!en.seeking){let t=e.target,l=t.currentTime,a=t.duration||0,n=a>0?l/a:0,r=t.buffered,s=r.length>0&&a>0?r.end(r.length-1)/a:0;er(e=>({...e,played:n,playedSeconds:l,loaded:s})),n>=1&&ei()}},[en.seeking,ei]),eh=(0,f.useCallback)(e=>{let t=e.target.duration;Number.isFinite(t)&&t>0&&er(e=>({...e,duration:t,durationFormatted:(e=>{if(!Number.isFinite(e)||e<=0)return"00:00";let t=new Date(0);t.setSeconds(e);let l=t.toISOString().slice(11,19);return l.startsWith("00:")?l.slice(3):l})(t)}))},[]),em=(0,f.useCallback)(()=>{T||V(!0)},[T]),ef=(0,f.useCallback)(()=>{var e;(null==(e=O.current)?void 0:e.paused)&&D(!1)},[]),ep=(0,f.useCallback)(()=>{if(X)D(!1);else{var e;D(!0),null==(e=O.current)||e.play().catch(()=>{})}},[X]),eg=(0,f.useCallback)(()=>{H(e=>!e)},[]),ev=(0,f.useCallback)(()=>{z.A.isEnabled&&$.current&&z.A.toggle($.current)},[]),eb=(0,f.useCallback)(e=>{let t=Number.parseFloat(e.target.value);er(e=>({...e,played:t}))},[]),ew=(0,f.useCallback)(()=>{er(e=>({...e,seeking:!0}))},[]),ex=(0,f.useCallback)(e=>{if(e){let t=Number.parseFloat(e.target.value);T&&O.current&&en.duration>0?(O.current.currentTime=t*en.duration,er(e=>({...e,played:t,seeking:!1}))):er(e=>({...e,seeking:!1}))}else er(e=>({...e,seeking:!1}))},[en.duration,T]),ey=(0,f.useCallback)(e=>{var t;null!=(t=R.current)&&t.contains(e.target)||ep()},[ep]);return(0,u.G4)(({innerWidth:l,innerHeight:a})=>{if($.current&&(e||t))if(v&&"desktop"!==ee&&"tablet"!==ee)null!==P&&L(null);else{let n=null!=l?l:window.innerWidth,r=n/(null!=a?a:window.innerHeight)>=1?e:t,s=`https://stream.mux.com/${r}.m3u8`;s!==P&&L(s)}},!0),(0,o.jsxs)("div",{ref:ea,className:(0,h.A)("relative h-full w-full overflow-clip",en.fullscreen&&"lg-max:[&_video]:object-contain",a),onMouseMove:es,onClick:c?ey:void 0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&c&&ey(e)},"aria-label":"Video Player",children:[(e||t)&&(0,o.jsx)(j,{playbackId:e,mobilePlaybackId:t,mobileSize:w,desktopSize:x,fill:y,priority:k,
1className:(0,h.A)("-z-1 absolute inset-0 h-full w-full object-cover",S)}),(0,o.jsx)(B.A,{ref:O,src:null!=P?P:"",pip:en.pip,playing:F&&el,controls:!1,loop:en.loop,playbackRate:en.playbackRate,volume:en.volume,muted:W,playsInline:en.playsinline,width:"100%",height:"100%",crossOrigin:"anonymous",onReady:eo,onPlay:eu,onPause:ec,onCanPlay:em,onTimeUpdate:ed,onDurationChange:eh,onError:ef,children:null==E?void 0:E.map(e=>(0,o.jsx)("track",{kind:e.kind,src:e.src,srcLang:e.srcLang,label:e.label,default:e.default},`${e.srcLang}-${e.src}`))}),T&&O.current&&!!(null==E?void 0:E.length)&&!C&&(0,o.jsx)(_,{playerInstance:O.current,tracks:E}),c&&(0,o.jsx)(I,{ref:R,isActive:T&&("touchOnly"===J||Y||!X)&&c,controls:i,onTogglePlay:ep,onToggleMute:eg,onToggleFullscreen:ev,onSeekChange:eb,onSeekMouseDown:ew,onSeekMouseUp:ex,className:b,fullscreen:en.fullscreen,playing:X,muted:W,duration:en.duration,progress:en.playedSeconds,loaded:en.loaded,played:en.played})]})});D.displayName="VideoPlayer"},3884:e=>{e.exports={mobile:{columns:12,gutter:10/34,margin:10,mockupWidth:414,fontScalingMaxWidth:475},tablet:{columns:12,gutter:10/34,margin:10,mockupWidth:768,screen:"md"},desktop:{columns:24,gutter:16/57,margin:40,mockupWidth:1440,fontScalingMaxWidth:1680,screen:"lg"}}},8063:(e,t,l)=>{l.d(t,{A:()=>o});var a=l(3436);l(1692);var n=l(5458),r=l(1872),s=l(1212),i=l(8012);let o=(0,r.forwardRef)(({id:e,children:t,className:l,as:o="section",_type:u,pageType:c,pageTypeDetail
1:d,anchor:h,index:m,slicesCount:f,dataTag:p,collapseTop:g,collapseBottom:v},b)=>{let w=(0,r.useRef)(),[x]=(0,s.Wx)({triggerOnce:!0,initialInView:!1,threshold:.8,delay:1e3,onChange(t){t&&u&&d&&!("productPage"===c&&!h&&m!==f)&&(0,n.f0)("view_content",{content_id:e||p||u,content_type:d})}});return(0,a.jsx)(o,{ref:e=>{w.current=e,b&&(b.current=e),e&&x(e)},id:e,"data-tag":p,className:(0,i.A)(l,g&&"!mt-0 !pt-0",v&&"!mb-0 !pb-0"),children:t})})}}]);
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.