\n\n\n\n

\n'.trim(),t="\n .playPauseButton {\n cursor: pointer;\n position: absolute;\n top: calc(50% - 24px);\n left: calc(50% - 24px);\n width: 48px;\n height: 48px;\n border-radius: 100%;\n background: rgba(17,23,29,.4);\n transition: opacity 0.2s ease-out;\n color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .loadingIndicator {\n width: 48px;\n height: 48px;\n position: absolute;\n }\n .loadingIndicator path {\n stroke-dasharray: 175;\n stroke-dashoffset: 350;\n animation: dash 5s linear forwards;\n animation-iteration-count: infinite;\n }\n @keyframes dash {\n to {\n stroke-dashoffset: 0;\n }\n }\n".trim(),n=document.createElement("template");n.id="playPauseButton",n.innerHTML=e,document.body.appendChild(n);const o=document.createElement("style");o.innerHTML=t,document.body.appendChild(o)})(),function(){if(document.querySelector("template#seekBar"))return;const e='\n

\n \n

\n \n \n

\n'.trim(),t="\n .videoSeek {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 0;\n box-sizing: border-box;\n background: linear-gradient(0, rgba(17,23,29,.4) 0%, transparent 100%);\n color: white;\n transition: opacity 0.2s ease-out;\n opacity: 0;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n\n .soundButton {\n flex-grow: 0;\n flex-shrink: 0;\n margin-right: 24px;\n cursor: pointer;\n }\n\n .soundOnSvg,\n .soundMutedSvg {\n color: white;\n }\n\n .soundMutedSvg {\n display: none;\n }\n\n .videoSeekBarContainer {\n position: relative;\n flex-grow: 1;\n }\n\n .videoSeekBar {\n position: absolute;\n top: calc(50% - 2px);\n left: 22px;\n right: 22px;\n height: 4px;\n background: rgba(255, 255, 255, 0.4);\n border-radius: 4px;\n }\n\n .videoSeekBarCurrent {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n background: white;\n border-radius: 4px;\n }\n\n .videoSeekInput {\n position: relative;\n display: block;\n box-sizing: border-box;\n margin: 0;\n width: 100%;\n height: 100%;\n padding: 16px 8px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n direction: ltr;\n }\n\n .videoSeekInput:hover {\n cursor: pointer;\n }\n\n .videoSeekInput:active {\n cursor: grabbing;\n }\n\n /* chrome, safari */\n .videoSeekInput::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 40px;\n height: 40px;\n border: 14px solid transparent;\n border-radius: 100%;\n background-clip: content-box;\n background-color: white;\n filter: drop-shadow(0 0 1px black);\n opacity: 1;\n }\n\n .videoSeekInput:active::-webkit-slider-thumb {\n transform: scale(1.25);\n }\n\n /* firefox */\n .videoSeekInput::-moz-focus-outer {\n border: none;\n }\n\n .videoSeekInput::-moz-range-thumb {\n -moz-appearance: none;\n appearance: none;\n box-sizing: border-box;\n width: 40px;\n height: 40px;\n border: 14px solid transparent;\n border-radius: 100%;\n background-clip: content-box;\n background-color: white;\n filter: drop-shadow(0 0 1px black);\n opacity: 1;\n }\n\n .videoSeekInput:active::-moz-range-thumb {\n transform: scale(1.25);\n }\n".trim(),n=document.createElement("template");n.id="seekBar",n.innerHTML=e,document.body.appendChild(n);const o=document.createElement("style");o.innerHTML=t,document.body.appendChild(o)}();const t=[],n=new IntersectionObserver((e=>{e.forEach((e=>{if(!e.isIntersecting)return;const t=e.target;n.unobserve(t),t.play()}))}));e.forEach((e=>{var o,i;if(function(e){var t;if(e.getAttribute("src"))return;const n=e.getAttribute("data-srcset");if(!n)return;const o=n.split(", ").map((e=>e.split(" "))).map((([e,t])=>({url:e,width:t}))),i=(e.getAttribute("data-sizes")||"").split(", ").map((e=>{const t=e.lastIndexOf(" ");return{media:e.substring(0,t),width:e.substring(t,e.length)}}));let r;for(const e of i)if(window.matchMedia(e.media).matches){r=parseFloat(e.width.replace("vw",""))/100*document.documentElement.clientWidth*window.devicePixelRatio;break}if(r)for(const t of o){if(parseFloat(t.width.replace("w",""))>=r)return void e.setAttribute("src",t.url)}e.setAttribute("src",null===(t=o[o.length-1])||void 0===t?void 0:t.url)}(e),!e.controls&&!e.dataset.trimStartUs&&!e.dataset.trimEndUs)return;const r={},{maybeResetVideoProgress:s,videoStart:d}=function(e,t){const n=e.dataset.trimStartUs,o=e.dataset.trimEndUs,i=null!=n?parseFloat(n)/1e6:0;let r=null!=o?parseFloat(o)/1e6:void 0;e.currentTime=i,e.loop&&i>0&&(e.dataset.loop="true",e.loop=!1);e.addEventListener("timeupdate",(()=>{const t=e.currentTime;let n;null!=r&&t>=r-(a?.25:0)?e.loop||e.dataset.loop?(n=i,e.play()):e.pause():t{var n;isNaN(e.duration)||(null==r&&(r=e.duration),null===(n=t.updateDuration)||void 0===n||n.call(t,i,r))};e.addEventListener("durationchange",s),e.addEventListener("loadedmetadata",s),s();return{maybeResetVideoProgress:()=>{null!=r&&e.currentTime>=r&&(e.currentTime=i)},videoStart:i}}(e,r);if(e.autoplay?(e.autoplay=!1,e.paused||e.pause(),n.observe(e)):function(e,t){if(e.getAttribute("poster"))return;e.preload="metadata";const n=t>0?t:.01;e.src=`${e.src}#t=${n}`,a&&t>0&&(e.style.opacity="0",e.addEventListener("seeked",(()=>{e.style.opacity="1"}),{once:!0}))}(e,d),!e.controls)return;const l=null!==(o=e.closest(".video_container"))&&void 0!==o?o:(null!==(i=e.closest("svg"))&&void 0!==i?i:e).closest("div"),{onResizeCallback:c}=function(e,t,n,o,i){"relative"!==e.style.position&&"absolute"!==e.style.position&&(e.style.position="relative");const r=document.createElement("div");e.appendChild(r),r.style.position="absolute",r.style.top=t.getAttribute("data-controls-top")||"0%",r.style.left=t.getAttribute("data-controls-left")||"0%",r.style.width=t.getAttribute("data-controls-width")||"100%",r.style.height=t.getAttribute("data-controls-height")||"100%",t.controls=!1;const{seekBar:a,updateDuration:s}=function(e){const t=document.querySelector("template#seekBar");if(null==t)throw new Error("template does not exist");const n=t.content.firstChild.cloneNode(!0);n.addEventListener("click",(t=>{t.stopPropagation(),"none"===e.preload&&(e.preload="metadata")}));const o=n.querySelector("input");let i=0,r=100;const a=(e,t)=>{i=e,r=t,o.min=e.toString(),o.max=t.toString()};a(i,r),o.addEventListener("input",(t=>{const n=parseFloat(t.target.value);e.currentTime=n})),e.addEventListener("loadedmetadata",(()=>{o.removeAttribute("disabled")}),{once:!0});const s=n.querySelector(".videoSeekBarCurrent");return e.addEventListener("timeupdate",(()=>{o.value=e.currentTime.toString();const t=r-i,n=Math.min((e.currentTime-i)/t*100,100);s.style.width=`${n}%`})),{seekBar:n,updateDuration:a}}(t);i.updateDuration=s,r.appendChild(a),function(e,t){const n=t.querySelector(".soundButton"),o=n.querySelector(".soundOnSvg"),i=n.querySelector(".soundMutedSvg"),r=Number.parseFloat(e.getAttribute("data-volume")||"1");function a(){const t=e.muted||0===e.volume;o.style.display=t?"none":"block",i.style.display=t?"block":"none"}e.addEventListener("volumechange",a),a(),n.addEventListener("click",(()=>{e.muted?(e.muted=!1,e.volume=r):e.volume=e.volume>0?0:r}))}(t,a);const{playButton:d,playPause:l}=function(e,t){let n=!1;const o=document.querySelector("template#playPauseButton");if(null==o)throw new Error("template does not exist");const i=o.content.firstChild.cloneNode(!0),r=Number.parseFloat(e.getAttribute("data-volume")||"1"),a=async o=>{if(n)return;n=!0,o.stopPropagation();const a=i.parentElement.querySelector(".loadingIndicator");try{e.paused?(t(),e.muted&&(e.muted=!1,e.volume=r),a.style.display="block",await e.play()):e.pause()}finally{n=!1,a.style.display="none"}};return i.addEventListener("click",a),{playButton:i,playPause:a}}(t,n);r.appendChild(d);const c=d.querySelector(".pauseSvg"),u=d.querySelector(".playSvg"),p=()=>{d.style.opacity="0",c.style.display="block",u.style.display="none"},v=()=>{d.style.opacity="1",c.style.display="none",u.style.display="block"};t.addEventListener("play",p),t.addEventListener("pause",v),t.paused?v():p();const h=()=>{t.paused||(d.style.opacity="1"),a.style.opacity="1"},m=()=>{t.paused||(d.style.opacity="0"),a.style.opacity="0"};r.addEventListener("mouseenter",h),r.addEventListener("mouseover",h),r.addEventListener("mousemove",h),r.addEventListener("mouseleave",m),r.addEventListener("mouseout",m),r.addEventListener("click",l);return{onResizeCallback:()=>{const e=r.clientWidth>50&&r.clientHeight>50,t=r.clientWidth>125&&r.clientHeight>100;d.style.visibility=e?"visible":"hidden",a.style.visibility=t?"visible":"hidden"},videoStart:o}}(l,e,s,d,r);t.push(c)})),o((()=>t.forEach((e=>e()))),{runOnLoad:!0})}()}();