1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9288],{87302:(e,t,n)=>{n.d(t,{ai:()=>th});var r=n(34676),i=n(95704),o=n(98974);function a(e,t){if(t.length<2)throw Error(e+" must have at least 2 elements");for(let n of t){if("number"!=typeof n)throw Error(`${e} must contain only numbers`);if(!Number.isFinite(n))throw Error(`${e} must contain only finite numbers, but got [${t.join(",")}]`)}}"undefined"!=typeof window&&(window.remotion_renderReady=!1,window.remotion_delayRenderTimeouts||(window.remotion_delayRenderTimeouts={}),window.remotion_delayRenderHandles=[]);var l="remotion-date:",s="remotion-file:",u="[-+]?\\d*\\.?\\d+",d=u+"%";function f(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var c="(?:none|[-+]?\\d*\\.?\\d+(?:%|deg|rad|grad|turn)?)";function h(e){return RegExp(e+"\\(\\s*("+c+")\\s+("+c+")\\s+("+c+")(?:\\s*\\/\\s*("+c+"))?\\s*\\)")}function p(e,t,n){return(n<0&&(n+=1),n>1&&(n-=1),n<1/6)?e+(t-e)*6*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function m(e,t,n){let r=n<.5?n*(1+t):n+t-n*t,i=2*n-r;return Math.round(255*p(i,r,e+1/3))<<24|Math.round(255*p(i,r,e))<<16|Math.round(255*p(i,r,e-1/3))<<8}function g(e){let t=Number.parseInt(e,10);return t<0?0:t>255?255:t}function b(e){return(Number.parseFloat(e)%360+360)%360/360}function y(e){let t=Number.parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function v(e){let t=Number.parseFloat(e);return t<0?0:t>100?1:t/100}function x(e,t){return"none"===e?0:e.endsWith("%")?Number.parseFloat(e)/100*t:Number.parseFloat(e)}function w(e){return"none"===e?0:e.endsWith("rad")?180*Number.parseFloat(e)/Math.PI:e.endsWith("grad")?.9*Number.parseFloat(e):e.endsWith("turn")?360*Number.parseFloat(e):Number.parseFloat(e)}function E(e){return void 0===e||"none"===e?1:e.endsWith("%")?Math.max(0,Math.min(1,Number.parseFloat(e)/100)):Math.max(0,Math.min(1,Number.parseFloat(e)))}function k(e){return e<=.0031308?12.92*e:1.055*e**(1/2.4)-.055}function C(e){return Math.max(0,Math.min(1,e))}function S(e,t,n,r){let i=Math.round(255*C(e));return(i<<24|Math.round(255*C(t))<<16|Math.round(255*C(n))<<8|Math.round(255*C(r)))>>>0}function P(e,t,n){let r=e+.3963377774*t+.2158037573*n,i=e-.1055613458*t-.0638541728*n,o=e-.0894841775*t-1.291485548*n,a=r*r*r,l=i*i*i,s=o*o*o;return[k(4.0767416621*a-3.3077115913*l+.2309699292*s),k(-1.2684380046*a+2.6097574011*l-.3413193965*s),k(-.0041960863*a-.7034186147*l+1.707614701*s)]}function T(e,t,n){let r=24389/27,i=(e+16)/116,o=t/500+i,a=i-n/200,l=o*o*o,s=a*a*a,u=(l>216/24389?l:(116*o-16)/r)*.95047,d=(e>216/24389*r?((e+16)/116)**3:e/r)*1,f=(s>216/24389?s:(116*a-16)/r)*1.08883;return[k(3.2404542*u-1.5371385*d-.4985314*f),k(-.969266*u+1.8760108*d+.041556*f),k(.0556434*u-.2040259*d+1.0572252*f)]}var R={transparent:0,aliceblue:0xf0f8ffff,antiquewhite:0xfaebd7ff,aqua:0xffffff,aquamarine:0x7fffd4ff,azure:0xf0ffffff,beige:0xf5f5dcff,bisque:0xffe4c4ff,black:255,blanchedalmond:0xffebcdff,blue:65535,blueviolet:0x8a2be2ff,brown:0xa52a2aff,burlywood:0xdeb887ff,burntsienna:0xea7e5dff,cadetblue:0x5f9ea0ff,chartreuse:0x7fff00ff,chocolate:0xd2691eff,coral:0xff7f50ff,cornflowerblue:0x6495edff,cornsilk:0xfff8dcff,crimson:0xdc143cff,cyan:0xffffff,darkblue:35839,darkcyan:9145343,darkgoldenrod:0xb8860bff,darkgray:0xa9a9a9ff,darkgreen:6553855,darkgrey:0xa9a9a9ff,darkkhaki:0xbdb76bff,darkmagenta:0x8b008bff,darkolivegreen:0x556b2fff,darkorange:0xff8c00ff,darkorchid:0x9932ccff,darkred:0x8b0000ff,darksalmon:0xe9967aff,darkseagreen:0x8fbc8fff,darkslateblue:0x483d8bff,darkslategray:0x2f4f4fff,darkslategrey:0x2f4f4fff,darkturquoise:0xced1ff,darkviolet:0x9400d3ff,deeppink:0xff1493ff,deepskyblue:0xbfffff,dimgray:0x696969ff,dimgrey:0x696969ff,dodgerblue:0x1e90ffff,firebrick:0xb22222ff,floralwhite:0xfffaf0ff,forestgreen:0x228b22ff,fuchsia:0xff00ffff,gainsboro:0xdcdcdcff,ghostwhite:0xf8f8ffff,gold:0xffd700ff,goldenrod:0xdaa520ff,gray:0x808080ff,green:8388863,greenyellow:0xadff2fff,grey:0x808080ff,honeydew:0xf0fff0ff,hotpink:0xff69b4ff,indianred:0xcd5c5cff,indigo:0x4b0082ff,ivory:0xfffff0ff,khaki:0xf0e68cff,lavender:0xe6e6faff,lavenderblush:0xfff0f5ff,lawngreen:0x7cfc00ff,lemonchiffon:0xfffacdff,lightblue:0xadd8e6ff,lightcoral:0xf08080ff,lightcyan:0xe0ffffff,lightgoldenrodyellow:0xfafad2ff,lightgray:0xd3d3d3ff,lightgreen:0x90ee90ff,lightgrey:0xd3d3d3ff,lightpink:0xffb6c1ff,lightsalmon:0xffa07aff,lightseagreen:0x20b2aaff,lightskyblue:0x87cefaff,lightslategray:0x778899ff,lightslategrey:0x778899ff,lightsteelblue:0xb0c4deff,lightyellow:0xffffe0ff,lime:0xff00ff,limegreen:0x32cd32ff,linen:0xfaf0e6ff,magenta:0xff00ffff,maroon:0x800000ff,mediumaquamarine:0x66cdaaff,mediumblue:52735,mediumorchid:0xba55d3ff,mediumpurple:0x9370dbff,mediumseagreen:0x3cb371ff,mediumslateblue:0x7b68eeff,mediumspringgreen:0xfa9aff,mediumturquoise:0x48d1ccff,mediumvioletred:0xc71585ff,midnightblue:0x191970ff,mintcream:0xf5fffaff,mistyrose:0xffe4e1ff,moccasin:0xffe4b5ff,navajowhite:0xffdeadff,navy:33023,oldlace:0xfdf5e6ff,olive:0x808000ff,olivedrab:0x6b8e23ff,orange:0xffa500ff,orangered:0xff4500ff,orchid:0xda70d6ff,palegoldenrod:0xeee8aaff,palegreen:0x98fb98ff,paleturquoise:0xafeeeeff,palevioletred:0xdb7093ff,papayawhip:0xffefd5ff,peachpuff:0xffdab9ff,peru:0xcd853fff,pink:0xffc0cbff,plum:0xdda0ddff,powderblue:0xb0e0e6ff,purple:0x800080ff,rebeccapurple:0x663399ff,red:0xff0000ff,rosybrown:0xbc8f8fff,royalblue:0x4169e1ff,saddlebrown:0x8b4513ff,salmon:0xfa8072ff,sandybrown:0xf4a460ff,seagreen:0x2e8b57ff,seashell:0xfff5eeff,sienna:0xa0522dff,silver:0xc0c0c0ff,skyblue:0x87ceebff,slateblue:0x6a5acdff,slategray:0x708090ff,slategrey:0x708090ff,snow:0xfffafaff,springgreen:0xff7fff,steelblue:0x4682b4ff,tan:0xd2b48cff,teal:8421631,thistle:0xd8bfd8ff,tomato:0xff6347ff,turquoise:0x40e0d0ff,violet:0xee82eeff,wheat:0xf5deb3ff,white:0xffffffff,whitesmoke:0xf5f5f5ff,yellow:0xffff00ff,yellowgreen:0x9acd32ff},j={hidden:{type:"boolean",default:!1,description:"Hidden"},layout:{type:"enum",default:"absolute-fill",description:"Layout",variants:{"absolute-fill":{"style.translate":{type:"translate",step:1,default:"0px 0px",description:"Offset"}
1,"style.scale":{type:"number",min:.05,max:100,step:.01,default:1,description:"Scale"},"style.rotate":{type:"rotation",step:1,default:"0deg",description:"Rotation"},"style.opacity":{type:"number",min:0,max:1,step:.01,default:1,description:"Opacity"},premountFor:{type:"number",default:0,description:"Premount For",min:0,step:1},postmountFor:{type:"hidden"},styleWhilePremounted:{type:"hidden"},styleWhilePostmounted:{type:"hidden"}},none:{}}}};j.layout;var F=["h264","h265","vp8","vp9","av1","mp3","aac","wav","prores","h264-mkv","h264-ts","gif"],M=e=>"undefined"==typeof window||e.startsWith("http://")||e.startsWith("https://")||e.startsWith("file://")||e.startsWith("blob:")||e.startsWith("data:")?e:new URL(e,window.origin).href,N={processColor:function(e){let t=function(e){let t;let n=function(){let e={rgb:void 0,rgba:void 0,hsl:void 0,hsla:void 0,hex3:void 0,hex4:void 0,hex5:void 0,hex6:void 0,hex8:void 0,oklch:void 0,oklab:void 0,lab:void 0,lch:void 0,hwb:void 0};return void 0===e.rgb&&(e.rgb=RegExp("rgb"+f(u,u,u)),e.rgba=RegExp("rgba"+f(u,u,u,u)),e.hsl=RegExp("hsl"+f(u,d,d)),e.hsla=RegExp("hsla"+f(u,d,d,u)),e.hex3=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,e.hex4=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,e.hex6=/^#([0-9a-fA-F]{6})$/,e.hex8=/^#([0-9a-fA-F]{8})$/,e.oklch=h("oklch"),e.oklab=h("oklab"),e.lab=h("lab"),e.lch=h("lch"),e.hwb=h("hwb")),e}();if(n.hex6&&(t=n.hex6.exec(e)))return Number.parseInt(t[1]+"ff",16)>>>0;if(void 0!==R[e])return R[e];if(n.rgb&&(t=n.rgb.exec(e)))return(g(t[1])<<24|g(t[2])<<16|g(t[3])<<8|255)>>>0;if(n.rgba&&(t=n.rgba.exec(e)))return(g(t[1])<<24|g(t[2])<<16|g(t[3])<<8|y(t[4]))>>>0;if(n.hex3&&(t=n.hex3.exec(e)))return Number.parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0;if(n.hex8&&(t=n.hex8.exec(e)))return Number.parseInt(t[1],16)>>>0;if(n.hex4&&(t=n.hex4.exec(e)))return Number.parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0;if(n.hsl&&(t=n.hsl.exec(e)))return(255|m(b(t[1]),v(t[2]),v(t[3])))>>>0;if(n.hsla&&(t=n.hsla.exec(e)))return(m(b(t[1]),v(t[2]),v(t[3]))|y(t[4]))>>>0;if(n.oklch&&(t=n.oklch.exec(e))){let e=x(t[1],1),n=x(t[2],.4),r=w(t[3]),i=E(t[4]),o=r*Math.PI/180,[a,l,s]=P(e,n*Math.cos(o),n*Math.sin(o));return S(a,l,s,i)}if(n.oklab&&(t=n.oklab.exec(e))){let e=x(t[1],1),n=x(t[2],.4),r=x(t[3],.4),i=E(t[4]),[o,a,l]=P(e,n,r);return S(o,a,l,i)}if(n.lab&&(t=n.lab.exec(e))){let e=x(t[1],100),n=x(t[2],125),r=x(t[3],125),i=E(t[4]),[o,a,l]=T(e,n,r);return S(o,a,l,i)}if(n.lch&&(t=n.lch.exec(e))){let e=x(t[1],100),n=x(t[2],150),r=w(t[3]),i=E(t[4]),o=r*Math.PI/180,[a,l,s]=T(e,n*Math.cos(o),n*Math.sin(o));return S(a,l,s,i)}if(n.hwb&&(t=n.hwb.exec(e))){let e=w(t[1]),n=x(t[2],1),r=x(t[3],1),i=E(t[4]),[o,a,l]=function(e,t,n){if(t+n>=1){let e=t/(t+n);return[e,e,e]}let r=p(0,1,e+1/3),i=p(0,1,e),o=p(0,1,e-1/3),a=1-t-n;return[r*a+t,i*a+t,o*a+t]}(e/360,n,r);return S(o,a,l,i)}throw Error(`invalid color string ${e} provided`)}(e);return(t<<24|t>>>8)>>>0},truthy:function(e){return!!e},validateFps:function(e,t,n){if("number"!=typeof e)throw Error(`"fps" must be a number, but you passed a value of type ${typeof e} ${t}`);if(!Number.isFinite(e))throw Error(`"fps" must be a finite, but you passed ${e} ${t}`);if(isNaN(e))throw Error(`"fps" must not be NaN, but got ${e} ${t}`);if(e<=0)throw TypeError(`"fps" must be positive, but got ${e} ${t}`);if(n&&e>50)throw TypeError("The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif")},validateDimension:function(e,t,n){if("number"!=typeof e)throw Error(`The "${t}" prop ${n} must be a number, but you passed a value of type ${typeof e}`);if(isNaN(e))throw TypeError(`The "${t}" prop ${n} must not be NaN, but is NaN.`);if(!Number.isFinite(e))throw TypeError(`The "${t}" prop ${n} must be finite, but is ${e}.`);if(e%1!=0)throw TypeError(`The "${t}" prop ${n} must be an integer, but is ${e}.`);if(e<=0)throw TypeError(`The "${t}" prop ${n} must be positive, but got ${e}.`)},validateDurationInFrames:function(e,t){let{allowFloats:n,component:r}=t;if(void 0===e)throw Error(`The "durationInFrames" prop ${r} is missing.`);if("number"!=typeof e)throw Error(`The "durationInFrames" prop ${r} must be a number, but you passed a value of type ${typeof e}`);if(e<=0)throw TypeError(`The "durationInFrames" prop ${r} must be positive, but got ${e}.`);if(!n&&e%1!=0)throw TypeError(`The "durationInFrames" prop ${r} must be an integer, but got ${e}.`);if(!Number.isFinite(e))throw TypeError(`The "durationInFrames" prop ${r} must be finite, but got ${e}.`)},validateDefaultAndInputProps:(e,t,n)=>{if(e){if("object"!=typeof e)throw Error(`"${t}" must be an object, but you passed a value of type ${typeof e}`);if(Array.isArray(e))throw Error(`"${t}" must be an object, an array was passed ${n?`for composition "${n}"`:""}`)}},validateFrame:({allowFloats:e,durationInFrames:t,frame:n})=>{if(void 0===n)throw TypeError('Argument missing for parameter "frame"');if("number"!=typeof n)throw TypeError(`Argument passed for "frame" is not a number: ${n}`);if(!Number.isFinite(n))throw RangeError(`Frame ${n} is not finite`);
1if(n%1!=0&&!e)throw RangeError(`Argument for frame must be an integer, but got ${n}`);if(n<0&&n<-t)throw RangeError(`Cannot use frame ${n}: Duration of composition is ${t}, therefore the lowest frame that can be rendered is ${-t}`);if(n>t-1)throw RangeError(`Cannot use frame ${n}: Duration of composition is ${t}, therefore the highest frame that can be rendered is ${t-1}`)},serializeJSONWithSpecialTypes:({data:e,indent:t,staticBase:n})=>{let r=!1,i=!1,o=!1,a=!1;try{return{serializedString:JSON.stringify(e,function(e,t){let u=this[e];return u instanceof Date?(r=!0,`${l}${u.toISOString()}`):u instanceof Map?(o=!0,t):u instanceof Set?(a=!0,t):"string"==typeof u&&null!==n&&u.startsWith(n)?(i=!0,`${s}${u.replace(n+"/","")}`):t},t),customDateUsed:r,customFileUsed:i,mapUsed:o,setUsed:a}}catch(e){throw Error("Could not serialize the passed input props to JSON: "+e.message)}},bundleName:"bundle.js",bundleMapName:"bundle.js.map",deserializeJSONWithSpecialTypes:e=>JSON.parse(e,(e,t)=>"string"==typeof t&&t.startsWith(l)?new Date(t.replace(l,"")):"string"==typeof t&&t.startsWith(s)?`${window.remotion_staticBase}/${t.replace(s,"")}`:t),DELAY_RENDER_CALLSTACK_TOKEN:"The delayRender was called:",DELAY_RENDER_RETRY_TOKEN:"- Rendering the frame will be retried.",DELAY_RENDER_CLEAR_TOKEN:"handle was cleared after",DELAY_RENDER_ATTEMPT_TOKEN:"Retries left: ",getOffthreadVideoSource:({src:e,transparent:t,currentTime:n,toneMapped:r})=>`http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(M(e))}&time=${encodeURIComponent(Math.max(0,n))}&transparent=${String(t)}&toneMapped=${String(r)}`,getExpectedMediaFrameUncorrected:({frame:e,playbackRate:t,startFrom:n})=>(function(e,t,n,r){if(void 0===e)throw Error("input can not be undefined");if(void 0===t)throw Error("inputRange can not be undefined");if(void 0===n)throw Error("outputRange can not be undefined");if(t.length!==n.length)throw Error("inputRange ("+t.length+") and outputRange ("+n.length+") must have the same length");a("inputRange",t),a("outputRange",n),function(e){for(let t=1;t<e.length;++t)if(!(e[t]>e[t-1]))throw Error(`inputRange must be strictly monotonically increasing but got [${e.join(",")}]`)}(t),function(e,t){if(void 0===e||"function"==typeof e)return;let n=t-1;if(e.length!==n)throw Error(`When easing is an array, it must have one entry per segment between keyframes (length inputRange.length - 1 = ${n}), but got length ${e.length}`);for(let t=0;t<e.length;t++)if("function"!=typeof e[t])throw Error(`easing[${t}] must be a function`)}(void 0,t.length);let i=void 0,o="extend";void 0!=void 0&&(o=r.extrapolateLeft);let l="extend";if(r?.extrapolateRight!==void 0&&(l=r.extrapolateRight),"number"!=typeof e)throw TypeError("Cannot interpolate an input which is not a number");let s=function(e,t){let n;for(n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}(e,t);return function(e,t,n,r){let{extrapolateLeft:i,extrapolateRight:o,easing:a}=r,l=e,[s,u]=t,[d,f]=n;if(l<s){if("identity"===i)return l;if("clamp"===i)l=s;else if("wrap"===i){let e=u-s;l=((l-s)%e+e)%e+s}}if(l>u){if("identity"===o)return l;if("clamp"===o)l=u;else if("wrap"===o){let e=u-s;l=((l-s)%e+e)%e+s}}return d===f?d:l=(l=a(l=(l-s)/(u-s)))*(f-d)+d}(e,[t[s],t[s+1]],[n[s],n[s+1]],{easing:void 0===i?e=>e:"function"==typeof i?i:i[s],extrapolateLeft:o,extrapolateRight:l})})(e,[-1,n,n+1],[-1,n,n+t]),ENABLE_V5_BREAKING_CHANGES:!1,MIN_NODE_VERSION:16,MIN_BUN_VERSION:"1.0.3",colorNames:R,DATE_TOKEN:l,FILE_TOKEN:s,validateCodec:function(e,t,n){if(void 0!==e){if("string"!=typeof e)throw TypeError(`The "${n}" prop ${t} must be a string, but you passed a value of type ${typeof e}.`);if(!F.includes(e))throw Error(`The "${n}" prop ${t} must be one of ${F.join(", ")}, but you passed ${e}.`)}},proResProfileOptions:["4444-xq","4444","hq","standard","light","proxy"],findPropsToDelete:({schema:e,key:t,value:n})=>{let r=e[t];if(!r)throw Error("Key "+JSON.stringify(t)+" not found in schema");if("string"!=typeof n)throw Error("Value must be a string, but is "+JSON.stringify(n));if("enum"!==r.type)throw Error("Key "+JSON.stringify(t)+" is not an enum");
1if(!r.variants[n])throw Error("Value for "+JSON.stringify(t)+" must be one of "+Object.keys(r.variants).map(e=>JSON.stringify(e)).join(", ")+", got "+JSON.stringify(n));let i=Object.keys(r.variants).filter(e=>e!==n),o=new Set;for(let e of i)for(let t of Object.keys(r.variants[e]))o.add(t);return[...o]},sequenceSchema:j};if("function"!=typeof r.createContext)throw Error('Remotion requires React.createContext, but it is "undefined".\nIf you are in a React Server Component, turn it into a client component by adding "use client" at the top of the file.\n\nBefore:\n import {Player} from "@remotion/player";\n\nAfter:\n "use client";\n import {Player} from "@remotion/player";');var L=()=>(0,i.jsx)("svg",{width:25,height:25,viewBox:"0 0 25 25",fill:"none",children:(0,i.jsx)("path",{d:"M8 6.375C7.40904 8.17576 7.06921 10.2486 7.01438 12.3871C6.95955 14.5255 7.19163 16.6547 7.6875 18.5625C9.95364 18.2995 12.116 17.6164 14.009 16.5655C15.902 15.5147 17.4755 14.124 18.6088 12.5C17.5158 10.8949 15.9949 9.51103 14.1585 8.45082C12.3222 7.3906 10.2174 6.68116 8 6.375Z",fill:"white",stroke:"white",strokeWidth:"6.25",strokeLinejoin:"round"})}),A=()=>(0,i.jsxs)("svg",{viewBox:"0 0 100 100",width:25,height:25,children:[(0,i.jsx)("rect",{x:"25",y:"20",width:"20",height:"60",fill:"#fff",ry:"5",rx:"5"}),(0,i.jsx)("rect",{x:"55",y:"20",width:"20",height:"60",fill:"#fff",ry:"5",rx:"5"})]}),I=e=>{let{isFullscreen:t}=e,n=t?0:3,r=t?9.600000000000001:3,o=t?9.600000000000001:12;return(0,i.jsxs)("svg",{viewBox:"0 0 ".concat(32," ").concat(32),height:16,width:16,children:[(0,i.jsx)("path",{d:"\n M ".concat(n," ").concat(o,"\n L ").concat(r," ").concat(r,"\n L ").concat(o," ").concat(n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"}),(0,i.jsx)("path",{d:"\n M ".concat(32-n," ").concat(o,"\n L ").concat(32-r," ").concat(r,"\n L ").concat(32-o," ").concat(n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"}),(0,i.jsx)("path",{d:"\n M ".concat(n," ").concat(32-o,"\n L ").concat(r," ").concat(32-r,"\n L ").concat(o," ").concat(32-n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"}),(0,i.jsx)("path",{d:"\n M ".concat(32-n," ").concat(32-o,"\n L ").concat(32-r," ").concat(32-r,"\n L ").concat(32-o," ").concat(32-n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"})]})},$=()=>(0,i.jsx)("svg",{width:25,height:25,viewBox:"0 0 24 24",children:(0,i.jsx)("path",{d:"M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4
1-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z",fill:"#fff"})}),X=()=>(0,i.jsx)("svg",{width:25,height:25,viewBox:"0 0 24 24",children:(0,i.jsx)("path",{d:"M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z",fill:"#fff"})}),O="__remotion_buffering_indicator",W="__remotion_buffering_animation",z={width:25,height:25,overflow:"hidden",lineHeight:"normal",fontSize:"inherit"},D={width:14,height:14,overflow:"hidden",lineHeight:"normal",fontSize:"inherit"},_=e=>{let{type:t}=e,n="player"===t?z:D;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{type:"text/css",children:"\n @keyframes ".concat(W," {\n 0% {\n rotate: 0deg;\n }\n 100% {\n rotate: 360deg;\n }\n }\n \n .").concat(O," {\n animation: ").concat(W," 1s linear infinite;\n } \n ")}),(0,i.jsx)("div",{style:n,children:(0,i.jsx)("svg",{viewBox:"player"===t?"0 0 22 22":"0 0 18 18",style:n,className:O,children:(0,i.jsx)("path",{d:"player"===t?"M 11 4 A 7 7 0 0 1 15.1145 16.66312":"M 9 2 A 7 7 0 0 1 13.1145 14.66312",stroke:"white",strokeLinecap:"round",fill:"none",strokeWidth:3})})})]})},B=e=>{let{currentSize:t,width:n,height:r,compositionWidth:i,compositionHeight:o}=e;return void 0!==n&&void 0===r||void 0!==r&&void 0===n?{aspectRatio:[i,o].join("/")}:{width:i,height:o}},V=e=>{let{previewSize:t,compositionWidth:n,compositionHeight:r,canvasSize:i}=e,a=o.Xp.calculateScale({canvasSize:i,compositionHeight:r,compositionWidth:n,previewSize:t}),l=0-(1-a)/2,s=l*n,u=l*r,d=n*a,f=r*a;return{centerX:i.width/2-d/2,centerY:i.height/2-f/2,xCorrection:s,yCorrection:u,scale:a}},H=e=>{let{config:t,style:n,canvasSize:r,overflowVisible:i,layout:o}=e;return t?{position:"relative",overflow:i?"visible":"hidden",...B({compositionHeight:t.height,compositionWidth:t.width,currentSize:r,height:null==n?void 0:n.height,width:null==n?void 0:n.width}),opacity:o?1:0,...n}:{}},U=e=>{let{config:t,layout:n,scale:r,overflowVisible:i}=e;return t?n?{position:"absolute",width:t.width,height:t.height,display:"flex",transform:"scale(".concat(r,")"),marginLeft:n.xCorrection,marginTop:n.yCorrection,overflow:i?"visible":"hidden"}:{position:"absolute",width:t.width,height:t.height,display:"flex",transform:"scale(".concat(r,")"),overflow:i?"visible":"hidden"}:{}},q=e=>{let{layout:t,scale:n,config:r,overflowVisible:i}=e;if(!r)return{};if(!t)return{width:r.width*n,height:r.height*n,display:"flex",flexDirection:"column",position:"absolute",overflow:i?"visible":"hidden"};let{centerX:o,centerY:a}=t;return{width:r.width*n,height:r.height*n,display:"flex",flexDirection:"column",position:"absolute",left:o,top:a,overflow:i?"visible":"hidden"}},J=r.createContext(void 0),K=r.createContext(void 0);class Y{addEventListener(e,t){this.listeners[e].push(t)}removeEventListener(e,t){this.listeners[e]=this.listeners[e].filter(e=>e!==t)}dispatchEvent(e,t){this.listeners[e].forEach(e=>{e({detail:t})})}constructor(){this.listeners={ended:[],error:[],pause:[],play:[],ratechange:[],scalechange:[],seeked:[],timeupdate:[],frameupdate:[],fullscreenchange:[],volumechange:[],mutechange:[],waiting:[],resume:[]},this.dispatchSeek=e=>{this.dispatchEvent("seeked",{frame:e})},this.dispatchVolumeChange=e=>{this.dispatchEvent("volumechange",{volume:e})},this.dispatchPause=()=>{this.dispatchEvent("pause",void 0)},this.dispatchPlay=()=>{this.dispatchEvent("play",void 0)},this.dispatchEnded=()=>{this.dispatchEvent("ended",void 0)},this.dispatchRateChange=e=>{this.dispatchEvent("ratechange",{playbackRate:e})},this.dispatchScaleChange=e=>{this.dispatchEvent("scalechange",{scale:e})},this.dispatchError=e=>{this.dispatchEvent("error",{error:e})},this.dispatchTimeUpdate=e=>{this.dispatchEvent("timeupdate",e)},this.dispatchFrameUpdate=e=>{this.dispatchEvent("frameupdate",e)},this.dispatchFullscreenChange=e=>{this.dispatchEvent("fullscreenchange",e)},this.dispatchMuteChange=e=>{this.dispatchEvent("mutechange",e)},this.dispatchWaiting=e=>{this.dispatchEvent("waiting",e)},this.dispatchResume=e=>{this.dispatchEvent("resume",e)}}}class G{addEventListener(e,t){this.listeners[e].push(t)}removeEventListener(e,t){this.listeners[e]=this.listeners[e].filter(e=>e!==t)}
1dispatchEvent(e,t){this.listeners[e].forEach(e=>{e({detail:t})})}constructor(){this.listeners={error:[],waiting:[],resume:[]},this.dispatchError=e=>{this.dispatchEvent("error",{error:e})},this.dispatchWaiting=e=>{this.dispatchEvent("waiting",e)},this.dispatchResume=e=>{this.dispatchEvent("resume",e)}}}var Z=e=>{let t=(0,r.useContext)(o.Xp.BufferingContextReact);if(!t)throw Error("BufferingContextReact not found");(0,r.useLayoutEffect)(()=>{let n=t.listenForBuffering(()=>{t.buffering.current=!0,e.dispatchWaiting({})}),r=t.listenForResume(()=>{t.buffering.current=!1,e.dispatchResume({})});return()=>{n.remove(),r.remove()}},[t,e])},Q=e=>{let{children:t,currentPlaybackRate:n}=e,[a]=(0,r.useState)(()=>new Y);if(!(0,r.useContext)(o.Xp.BufferingContextReact))throw Error("BufferingContextReact not found");return(0,r.useEffect)(()=>{n&&a.dispatchRateChange(n)},[a,n]),Z(a),(0,i.jsx)(J.Provider,{value:a,children:t})},ee=(e,t)=>{let[n,i]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let n;let{current:r}=e;if(!r)return;let o=()=>{t&&(clearTimeout(n),n=setTimeout(()=>{i(!1)},!0===t?3e3:t))},a=()=>{i(!0),o()},l=()=>{i(!1),clearTimeout(n)},s=()=>{i(!0),o()};return r.addEventListener("mouseenter",a),r.addEventListener("mouseleave",l),r.addEventListener("mousemove",s),()=>{r.removeEventListener("mouseenter",a),r.removeEventListener("mouseleave",l),r.removeEventListener("mousemove",s),clearTimeout(n)}},[t,e]),n},et=()=>{var e;let[t,n,i]=o.Xp.Timeline.usePlayingState(),[a,l]=(0,r.useState)(!1),s=o.Xp.Timeline.useTimelinePosition(),u=(0,r.useRef)(s),d=o.Xp.Timeline.useTimelineSetFrame(),f=o.Xp.Timeline.useTimelineSetFrame(),c=(0,r.useContext)(o.Xp.SharedAudioContext),h=(0,r.useContext)(o.Xp.SharedAudioTagsContext),{audioAndVideoTags:p}=o.Xp.useTimelineContext(),m=(0,r.useRef)(s);m.current=s;let g=o.Xp.useVideo(),b=o.Xp.useUnsafeVideoConfig(),y=(0,r.useContext)(J),v=(null!==(e=null==b?void 0:b.durationInFrames)&&void 0!==e?e:1)-1,x=s===v,w=0===s;if(!y)throw TypeError("Expected Player event emitter context");let E=(0,r.useContext)(o.Xp.BufferingContextReact);if(!E)throw Error("Missing the buffering context. Most likely you have a Remotion version mismatch.");let{buffering:k}=E,C=(0,r.useCallback)(e=>{(null==g?void 0:g.id)&&f(t=>({...t,[g.id]:e})),m.current=e,y.dispatchSeek(e)},[y,f,null==g?void 0:g.id]),S=(0,r.useCallback)(e=>{i.current||(l(!0),x&&C(0),null==c||c.resume(),h&&h.numberOfAudioTags>0&&e&&h.playAllAudios(),p.current.forEach(e=>e.play("player play() was called and playing audio from a click")),i.current=!0,n(!0),u.current=m.current,y.dispatchPlay())},[i,x,c,h,n,y,C,p]),P=(0,r.useCallback)(()=>{i.current&&(i.current=!1,n(!1),y.dispatchPause(),null==c||c.suspend())},[y,i,n,c]),T=(0,r.useCallback)(()=>{i.current&&(i.current=!1,m.current=u.current,b&&(f(e=>({...e,[b.id]:u.current})),n(!1),y.dispatchPause()))},[b,y,i,n,f]),R=null==g?void 0:g.id,j=(0,r.useCallback)(e=>{if(!R)return null;i.current||d(t=>{var n,r;let i=null!==(r=null!==(n=t[R])&&void 0!==n?n:window.remotion_initialFrame)&&void 0!==r?r:0,o=Math.max(0,i-e);return i===o?t:{...t,[R]:o}})},[i,d,R]),F=(0,r.useCallback)(e=>{if(!R)return null;i.current||d(t=>{var n,r;let i=null!==(r=null!==(n=t[R])&&void 0!==n?n:window.remotion_initialFrame)&&void 0!==r?r:0,o=Math.min(v,i+e);return i===o?t:{...t,[R]:o}})},[R,i,v,d]),M=(0,r.useCallback)(e=>{i.current?P():S(e)},[i,P,S]),N=(0,r.useCallback)(()=>i.current,[i]),L=(0,r.useCallback)(()=>m.current,[m]),A=(0,r.useCallback)(()=>k.current,[k]);return(0,r.useMemo)(()=>({frameBack:j,frameForward:F,isLastFrame:x,emitter:y,playing:t,play:S,pause:P,seek:C,isFirstFrame:w,getCurrentFrame:L,isPlaying:N,isBuffering:A,pauseAndReturnToPlayStart:T,hasPlayed:a,toggle:M}),[y,j,F,a,w,x,L,P,T,S,t,C,M,N,A])},en=e=>{let{browserMediaControlsBehavior:t,videoConfig:n,playbackRate:i}=e,{playing:o,pause:a,play:l,emitter:s,getCurrentFrame:u,seek:d}=et(),f=(0,r.useRef)(!1);(0,r.useEffect)(()=>{o&&(f.current=!0)},[o]),(0,r.useEffect)(()=>{navigator.mediaSession&&"do-nothing"!==t.mode&&(o?navigator.mediaSession.playbackState="playing":f.current&&(navigator.mediaSession.playbackState="paused"))},[t.mode,o]),(0,r.useEffect)(()=>
1{if(!navigator.mediaSession||"do-nothing"===t.mode)return;let e=()=>{n&&navigator.mediaSession&&navigator.mediaSession.setPositionState({duration:n.durationInFrames/n.fps,playbackRate:i,position:u()/n.fps})};return s.addEventListener("timeupdate",e),()=>{s.removeEventListener("timeupdate",e)}},[t.mode,s,u,i,n]),(0,r.useEffect)(()=>{if(navigator.mediaSession&&"do-nothing"!==t.mode)return navigator.mediaSession.setActionHandler("play",()=>{"register-media-session"===t.mode&&l()}),navigator.mediaSession.setActionHandler("pause",()=>{"register-media-session"===t.mode&&a()}),navigator.mediaSession.setActionHandler("seekto",e=>{"register-media-session"===t.mode&&void 0!==e.seekTime&&n&&d(Math.round(e.seekTime*n.fps))}),navigator.mediaSession.setActionHandler("seekbackward",()=>{"register-media-session"===t.mode&&n&&d(Math.max(0,Math.round((u()-10)*n.fps)))}),navigator.mediaSession.setActionHandler("seekforward",()=>{"register-media-session"===t.mode&&n&&d(Math.max(n.durationInFrames-1,Math.round((u()+10)*n.fps)))}),navigator.mediaSession.setActionHandler("previoustrack",()=>{"register-media-session"===t.mode&&d(0)}),()=>{navigator.mediaSession.metadata=null,navigator.mediaSession.setActionHandler("play",null),navigator.mediaSession.setActionHandler("pause",null),navigator.mediaSession.setActionHandler("seekto",null),navigator.mediaSession.setActionHandler("seekbackward",null),navigator.mediaSession.setActionHandler("seekforward",null),navigator.mediaSession.setActionHandler("previoustrack",null)}},[t.mode,u,a,l,d,n])},er=e=>{let{time:t,currentFrame:n,playbackSpeed:r,fps:i,actualLastFrame:o,actualFirstFrame:a,framesAdvanced:l,shouldLoop:s}=e,u=(r<0?Math.ceil:Math.floor)(t*r/(1e3/i))-l,d=u+n,f=d>o||d<a,c=!s&&f&&!(n>o||n<a);return r>0?f?{nextFrame:a,framesToAdvance:u,hasEnded:c}:{nextFrame:d,framesToAdvance:u,hasEnded:c}:f?{nextFrame:o,framesToAdvance:u,hasEnded:c}:{nextFrame:d,framesToAdvance:u,hasEnded:c}},ei=()=>"undefined"!=typeof document&&"hidden"===document.visibilityState,eo=()=>{let e=(0,r.useRef)(ei());return(0,r.useEffect)(()=>{let t=()=>{e.current=ei()};return document.addEventListener("visibilitychange",t),()=>{document.removeEventListener("visibilitychange",t)}},[]),e},ea=e=>{let{audioContext:t,audioSyncAnchor:n,absoluteTimeInSeconds:r,globalPlaybackRate:i,logLevel:a,force:l}=e,s=t.currentTime-r/i,u=s-n.value,{outputLatency:d}=t;return!(Math.abs(u)<.1+(t.baseLatency+(0===d?.3:d))&&!l||Math.abs(u)<Number.EPSILON)&&(o.Xp.Log.verbose({logLevel:a,tag:"audio-scheduling"},"Anchor "+(l?"forcibly ":"")+"changed from %s to %s with shift %s",n.value,s,u),n.value=s,!0)},el=e=>{if("suspended"===e||"running-to-suspended"===e)return!0;if("closed"===e||"interrupted"===e||"running"===e||"suspended-to-running"===e)return!1;throw Error("Unexpected audio context state: ".concat(e))},es=e=>{let{loop:t,playbackRate:n,moveToBeginningWhenEnded:i,inFrame:a,outFrame:l,browserMediaControlsBehavior:s,getCurrentFrame:u,muted:d}=e,f=o.Xp.useUnsafeVideoConfig(),c=o.Xp.Timeline.useTimelinePosition(),{playing:h,pause:p,emitter:m,isPlaying:g}=et(),b=o.Xp.Timeline.useTimelineSetFrame(),y=(0,r.useContext)(o.Xp.SharedAudioContext),v=o.Xp.useLogLevel(),x=eo(),w=(0,r.useRef)(0),E=(0,r.useContext)(o.Xp.BufferingContextReact);if(!E)throw Error("Missing the buffering context. Most likely you have a Remotion version mismatch.");en({browserMediaControlsBehavior:s,playbackRate:n,videoConfig:f}),(0,r.useLayoutEffect)(()=>{y&&y.audioContext&&f&&!d&&ea({audioContext:y.audioContext,audioSyncAnchor:y.audioSyncAnchor,absoluteTimeInSeconds:c/f.fps,globalPlaybackRate:n,logLevel:v,force:!1})&&y.audioSyncAnchorEmitter.dispatch("changed")},[f,c,v,n,y,d]),(0,r.useLayoutEffect)(()=>{let e=null==y?void 0:y.audioContext;if(!e||!f||d)return;let t=()=>{let t=null==y?void 0:y.getAudioContextState();t&&el(t)&&ea({audioContext:e,audioSyncAnchor:y.audioSyncAnchor,absoluteTimeInSeconds:u()/f.fps,globalPlaybackRate:n,logLevel:v,force:!0})};return null==e||e.addEventListener("statechange",t),()=>{null==e||e.removeEventListener("statechange",t)}},[f,u,v,d,n,y]),(0,r.useEffect)(()=>
1{if(!f)return;if(!h){var e;null==y||null===(e=y.suspend)||void 0===e||e.call(y);return}let r=!1,o=null,s=performance.now(),c=0,v=()=>{null!==o&&("raf"===o.type?cancelAnimationFrame(o.id):clearTimeout(o.id))},w=()=>{r=!0,v()},k=()=>{var e,o;if(r)return;if(!g()){null==y||null===(e=y.suspend)||void 0===e||e.call(y);return}d||E.buffering.current||null==y||null===(o=y.resume)||void 0===o||o.call(y);let h=performance.now()-s,v=null!=l?l:f.durationInFrames-1,{nextFrame:x,framesToAdvance:k,hasEnded:S}=er({time:h,currentFrame:u(),playbackSpeed:n,fps:f.fps,actualFirstFrame:null!=a?a:0,actualLastFrame:v,framesAdvanced:c,shouldLoop:t});if(c+=k,x===u()||S&&!i||E.buffering.current||b(e=>({...e,[f.id]:x})),S){w(),p(),m.dispatchEnded();return}C()},C=()=>{var e,t,n;let r=null!==(t=null==y?void 0:null===(e=y.getIsResumingAudioContext)||void 0===e?void 0:e.call(y))&&void 0!==t?t:null;if(null!==r&&!d){r.then(()=>{s=performance.now(),c=0,C()});return}if(E.buffering.current){d||null==y||null===(n=y.suspend)||void 0===n||n.call(y);let e=E.listenForResume(()=>{e.remove(),s=performance.now(),c=0,C()});return}if(x.current){o={type:"timeout",id:setTimeout(k,1e3/f.fps)};return}o={type:"raf",id:requestAnimationFrame(k)}};C();let S=()=>{"visible"!==document.visibilityState&&(v(),k())};return window.addEventListener("visibilitychange",S),()=>{window.removeEventListener("visibilitychange",S),w()}},[f,t,p,h,b,m,n,a,l,i,x,u,E,g,y,v,d]),(0,r.useEffect)(()=>{let e=performance.now(),t=e-w.current;if(t>=250){m.dispatchTimeUpdate({frame:c}),w.current=e;return}let n=setTimeout(()=>{m.dispatchTimeUpdate({frame:c}),w.current=performance.now()},250-t);return()=>clearTimeout(n)},[m,c]),(0,r.useEffect)(()=>{m.dispatchFrameUpdate({frame:c})},[m,c])},eu=[],ed=(e,t)=>{let[n,i]=(0,r.useState)(()=>{if(!e.current)return null;let t=e.current.getClientRects();return t[0]?{width:t[0].width,height:t[0].height,left:t[0].x,top:t[0].y,windowSize:{height:window.innerHeight,width:window.innerWidth}}:null}),o=(0,r.useMemo)(()=>"undefined"==typeof ResizeObserver?null:new ResizeObserver(e=>{let{contentRect:n,target:r}=e[0],o=r.getClientRects();if(!(null==o?void 0:o[0])){i(null);return}let a=0===n.width?1:o[0].width/n.width,l=0===n.height?1:o[0].height/n.height,s=t.shouldApplyCssTransforms||0===a?o[0].width:o[0].width*(1/a),u=t.shouldApplyCssTransforms||0===l?o[0].height:o[0].height*(1/l);i(e=>e&&e.width===s&&e.height===u&&e.left===o[0].x&&e.top===o[0].y&&e.windowSize.height===window.innerHeight&&e.windowSize.width===window.innerWidth?e:{width:s,height:u,left:o[0].x,top:o[0].y,windowSize:{height:window.innerHeight,width:window.innerWidth}})}),[t.shouldApplyCssTransforms]),a=(0,r.useCallback)(()=>{if(!e.current)return;let t=e.current.getClientRects();if(!t[0]){i(null);return}i(e=>e&&e.width===t[0].width&&e.height===t[0].height&&e.left===t[0].x&&e.top===t[0].y&&e.windowSize.height===window.innerHeight&&e.windowSize.width===window.innerWidth?e:{width:t[0].width,height:t[0].height,left:t[0].x,top:t[0].y,windowSize:{height:window.innerHeight,width:window.innerWidth}})},[e]);return(0,r.useEffect)(()=>{if(!o)return;let{current:t}=e;return t&&o.observe(t),()=>{t&&o.unobserve(t)}},[o,e,a]),(0,r.useEffect)(()=>{if(t.triggerOnWindowResize)return window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}},[t.triggerOnWindowResize,a]),(0,r.useEffect)(()=>(eu.push(a),()=>{eu=eu.filter(e=>e!==a)}),[a]),(0,r.useMemo)(()=>n?{...n,refresh:a}:null,[n,a])},ef=e=>null!=e?e:"__remotion-player",ec={display:"flex",justifyContent:"center",alignItems:"center",flex:1,height:"100%",width:"100%"};class eh extends r.Component{static getDerivedStateFromError(e){return{hasError:e}}componentDidCatch(e){this.props.onError(e)}render(){return this.state.hasError?(0,i.jsx)("div",{style:ec,children:this.props.errorFallback({error:this.state.hasError})}):this.props.children}constructor(...e){super(...e),this.state={hasError:null}}}var ep=async()=>{if("undefined"==typeof window||void 0===window.crypto||void 0===window.crypto.subtle)return null;try{let e=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(window.location.hostname));return Array.from(new Uint8Array(e)).map(e=>e.toString(16).padStart(2,"0")).join("")}catch(e){return null}},em={backgroundColor:"red",position:"absolute",padding:12,fontFamily:"Arial"}
1,eg=["28d262b44cc61fa750f1686b16ad0604dabfe193fbc263eec05c89b7ad4c2cd6","4db1b0a94be33165dfefcb3ba03d04c7a2666dd27c496d3dc9fa41858e94925e","fbc48530bbf245da790f63675e84e06bab38c3b114fab07eb350025119922bdc","7baf10a8932757b1b3a22b3fce10a048747ac2f8eaf638603487e3705b07eb83","8a6c21a598d8c667272b5207c051b85997bf5b45d5fb712378be3f27cd72c6a6","a2f7aaac9c50a9255e7fc376110c4e0bfe153722dc66ed3c5d3bf2a135f65518"],eb=!1,ey=()=>{let[e,t]=r.useState(!1);return((0,r.useEffect)(()=>{eb||(eb=!0,ep().then(e=>{e&&eg.includes(e)&&t(!0)}).catch(()=>{}))},[]),(0,r.useEffect)(()=>{if(!e)return;let t=()=>{if(!document.querySelector(".warning-banner")){let e=document.createElement("div");e.className="warning-banner",Object.assign(e.style,em,{zIndex:"9999",cssText:"".concat(em.cssText," !important;")}),e.innerHTML='\n <a href="https://github.com/remotion-dev/remotion/pull/4589" style="color: white;">\n Remotion Unlicensed â Contact [email protected]\n </a>\n ',document.body.appendChild(e)}},n=new MutationObserver(()=>t());return n.observe(document.body,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[e]),e)?(0,i.jsx)("div",{style:em,className:"warning-banner",children:(0,i.jsx)("a",{style:{color:"white"},href:"https://github.com/remotion-dev/remotion/pull/4589",children:"Remotion Unlicensed â Contact [email protected]"})}):null},ev=e=>{let{playing:t,buffering:n}=e;return t&&n?(0,i.jsx)(_,{type:"player"}):t?(0,i.jsx)(A,{}):(0,i.jsx)(L,{})},ex=e=>{let{volume:t,isVertical:n,onBlur:a,inputRef:l,setVolume:s}=e,u=(0,r.useMemo)(()=>{let e={paddingLeft:5,height:25,width:eE,display:"inline-flex",alignItems:"center"};return n?{...e,position:"absolute",transform:"rotate(-90deg) translateX(".concat(eE/2+12.5,"px)")}:{...e}},[n]),d=void 0===r.useId?"volume-slider":r.useId(),[f]=(0,r.useState)(()=>"__remotion-volume-slider-".concat((0,o.yT)(d)).replace(".","")),c=(0,r.useCallback)(e=>{s(parseFloat(e.target.value))},[s]),h=(0,r.useMemo)(()=>{let e={WebkitAppearance:"none",backgroundColor:"rgba(255, 255, 255, 0.5)",borderRadius:2.5,cursor:"pointer",height:5,width:eE,backgroundImage:"linear-gradient(\n to right,\n white ".concat(100*t,"%, rgba(255, 255, 255, 0) ").concat(100*t,"%\n )")};return n?{...e,bottom:25+eE/2}:e},[n,t]),p="\n .".concat(f,"::-webkit-slider-thumb {\n -webkit-appearance: none;\n background-color: white;\n border-radius: ").concat(6,"px;\n box-shadow: 0 0 2px black;\n height: ").concat(12,"px;\n width: ").concat(12,"px;\n }\n\n .").concat(f,"::-moz-range-thumb {\n -webkit-appearance: none;\n background-color: white;\n border-radius: ").concat(6,"px;\n box-shadow: 0 0 2px black;\n height: ").concat(12,"px;\n width: ").concat(12,"px;\n }\n");return(0,i.jsxs)("div",{style:u,children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:p}}),(0,i.jsx)("input",{ref:l,"aria-label":"Change volume",className:f,max:1,min:0,onBlur:a,onChange:c,step:.01,type:"range",value:t,style:h})]})},ew=e=>(0,i.jsx)(ex,{...e}),eE=100,ek=e=>{let{displayVerticalVolumeSlider:t,renderMuteButton:n,renderVolumeSlider:a}=e,[l,s]=o.Xp.useMediaMutedState(),[u,d]=o.Xp.useMediaVolumeState(),[f,c]=(0,r.useState)(!1),h=(0,r.useRef)(null),p=(0,r.useRef)(null),m=ee(h,!1),g=(0,r.useCallback)(()=>{setTimeout(()=>{p.current&&document.activeElement!==p.current&&c(!1)},10)},[]),b=0===u,y=(0,r.useCallback)(()=>{if(b){d(1),s(!1);return}s(e=>!e)},[b,s,d]),v=(0,r.useMemo)(()=>({display:"inline-flex",background:"none",border:"none",justifyContent:"center",alignItems:"center",touchAction:"none",...t&&{position:"relative"}}),[t]),x=(0,r.useMemo)(()=>({display:"inline",width:25,height:25,cursor:"pointer",appearance:"none",background:"none",border:"none",padding:0}),[]),w=(0,r.useCallback)(e=>{let{muted:t,volume:n}=e,r=t||0===n;return(0,i.jsx)("button",{"aria-label":r?"Unmute sound":"Mute sound",title:r?"Unmute sound":"Mute sound",onClick:y,onBlur:g,onFocus:()=>c(!0),style:x,type:"button",children:r?(0,i.jsx)($,{}):(0,i.jsx)(X,{})})},[g,y,x]),E=(0,r.useMemo)(()=>n?n({muted:l,volume:u}):w({muted:l,volume:u}),[l,u,w,n]),k=(0,r.useMemo)(()=>(f||m)&&!l&&!o.Xp.isIosSafari()?(null!=a?a:ew)({isVertical:t,volume:u,onBlur:()=>c(!1),inputRef:p,setVolume:d}):null,[t,f,m,l,u,a,d]);return(0,i.jsxs)("div",{ref:h,style:v,children:[E,k]})},eC={height:30,paddingRight:15,paddingLeft:12,display:"flex",flexDirection:"row",alignItems:"center"},eS={width:22,display:"flex",alignItems:"center"},eP={width:14,height:14,color:"black"},eT=()=>(0,i.jsx)("svg",{viewBox:"0 0 512 512",style:eP,children:(0,i.jsx)("path",{fill:"currentColor",d:"M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"})}),eR=e=>{let t=e.toString();return t.includes(".")?t:t+".0"},ej=e=>{let{rate:t,onSelect:n,selectedRate:o,keyboardSelectedRate:a}=e,l=(0,r.useCallback)(e=>{e.stopPropagation(),e.preventDefault(),n(t)},[n,t]),[s,u]=(0,r.useState)(!1),d=(0,r.useCallback)(()=>{u(!0)},[]),f=(0,r.useCallback)(()=>{u(!1)},[]),c=a===t,h=(0,r.useMemo)(()=>({...eC,backgroundColor:s||c?"#eee":"transparent"}),[s,c]);return(0,i.jsxs)("div",{onPointerEnter:d,onPointerLeave:f,tabIndex:0,style:h,onClick:l,children:[(0,i.jsx)("div",{style:eS,children:t===o?(0,i.jsx)(eT,{}):null}),eR(t),"x"]},t)},eF=e=>{let{setIsComponentVisible:t,playbackRates:n,canvasSize:a}=e,{setPlaybackRate:l,playbackRate:s}=o.Xp.usePlaybackRate(),[u,d]=(0,r.useState)(s);(0,r.useEffect)(()=>{let e=e=>{if(e.preventDefault(),"ArrowUp"===e.key){let e=n.findIndex(e=>e===u);0!==e&&(-1===e?d(n[0]):d(n[e-1]))}else if("ArrowDown"===e.key){let e=n.findIndex(e=>e===u);if(e===n.length-1)return;-1===e?d(n[n.length-1]):d(n[e+1])}else"Enter"===e.key&&(l(u),t(!1))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[n,u,l,t]);let f=(0,r.useCallback)(e=>{l(e),t(!1)},[t,l]),c=(0,r.useMemo)(()=>({position:"absolute",right:0,width:125,maxHeight:a.height-70-35,bottom:35,background:"#fff",borderRadius:4,overflow:"auto",color:"black",textAlign:"left"}),[a.height]);return(0,i.jsx)("div",{style:c,children:n.map(e=>(0,i.jsx)(ej,{selectedRate:s,onSelect:f,rate:e,keyboardSelectedRate:u},e))})}
1,eM={fontSize:13,fontWeight:"bold",color:"white",border:"2px solid white",borderRadius:20,paddingLeft:8,paddingRight:8,paddingTop:2,paddingBottom:2},eN={appearance:"none",backgroundColor:"transparent",border:"none",cursor:"pointer",paddingLeft:0,paddingRight:0,paddingTop:6,paddingBottom:6,height:37,display:"inline-flex",marginBottom:0,marginTop:0,alignItems:"center"},eL={...eN,position:"relative"},eA=e=>{let{playbackRates:t,canvasSize:n}=e,{ref:a,isComponentVisible:l,setIsComponentVisible:s}=function(e){let[t,n]=(0,r.useState)(e),i=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=e=>{i.current&&!i.current.contains(e.target)&&n(!1)};return document.addEventListener("pointerup",e,!0),()=>{document.removeEventListener("pointerup",e,!0)}},[]),{ref:i,isComponentVisible:t,setIsComponentVisible:n}}(!1),{playbackRate:u}=o.Xp.usePlaybackRate(),d=(0,r.useCallback)(e=>{e.stopPropagation(),e.preventDefault(),s(e=>!e)},[s]);return(0,i.jsx)("div",{ref:a,children:(0,i.jsxs)("button",{type:"button","aria-label":"Change playback rate",style:eL,onClick:d,children:[(0,i.jsxs)("div",{style:eM,children:[u,"x"]}),l&&(0,i.jsx)(eF,{canvasSize:n,playbackRates:t,setIsComponentVisible:s})]})})},eI=(e,t,n)=>Math.round((0,o.GW)(e,[0,n],[0,t-1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"})),e$={userSelect:"none",WebkitUserSelect:"none",paddingTop:4,paddingBottom:4,boxSizing:"border-box",cursor:"pointer",position:"relative",touchAction:"none"},eX={height:5,backgroundColor:"rgba(255, 255, 255, 0.25)",width:"100%",borderRadius:2.5},eO=e=>{let t=e;for(;t.parentElement;)t=t.parentElement;return t},eW=e=>{var t;let{durationInFrames:n,onSeekEnd:a,onSeekStart:l,inFrame:s,outFrame:u}=e,d=(0,r.useRef)(null),f=ee(d,!1),c=ed(d,{triggerOnWindowResize:!0,shouldApplyCssTransforms:!0}),{seek:h,play:p,pause:m,playing:g}=et(),b=o.Xp.Timeline.useTimelinePosition(),[y,v]=(0,r.useState)({dragging:!1}),x=null!==(t=null==c?void 0:c.width)&&void 0!==t?t:0,w=(0,r.useCallback)(e=>{var t;if(0!==e.button)return;let r=null===(t=d.current)||void 0===t?void 0:t.getBoundingClientRect().left,i=eI(e.clientX-r,n,x);m(),h(i),v({dragging:!0,wasPlaying:g}),l()},[n,x,m,h,g,l]),E=(0,r.useCallback)(e=>{var t;if(!c)throw Error("Player has no size");if(!y.dragging)return;let r=null===(t=d.current)||void 0===t?void 0:t.getBoundingClientRect().left;h(eI(e.clientX-r,n,c.width))},[y.dragging,n,h,c]),k=(0,r.useCallback)(()=>{v({dragging:!1}),y.dragging&&(y.wasPlaying?p():m(),a())},[y,a,m,p]);(0,r.useEffect)(()=>{if(!y.dragging)return;let e=eO(d.current);return e.addEventListener("pointermove",E),e.addEventListener("pointerup",k),()=>{e.removeEventListener("pointermove",E),e.removeEventListener("pointerup",k)}},[y.dragging,E,k]);let C=(0,r.useMemo)(()=>({height:12,width:12,borderRadius:6,position:"absolute",top:.5,backgroundColor:"white",left:Math.max(0,b/Math.max(1,n-1)*x-6),boxShadow:"0 0 2px black",opacity:Number(f||y.dragging)}),[f,y.dragging,n,b,x]),S=(0,r.useMemo)(()=>({height:5,backgroundColor:"rgba(255, 255, 255, 1)",width:(b-(null!=s?s:0))/(n-1)*x,marginLeft:(null!=s?s:0)/(n-1)*x,borderRadius:2.5}),[n,b,s,x]),P=(0,r.useMemo)(()=>({height:5,backgroundColor:"rgba(255, 255, 255, 0.25)",width:((null!=u?u:n-1)-(null!=s?s:0))/(n-1)*100+"%",marginLeft:(null!=s?s:0)/(n-1)*100+"%",borderRadius:2.5,position:"absolute"}),[n,s,u]);return(0,i.jsxs)("div",{ref:d,onPointerDown:w,style:e$,children:[(0,i.jsxs)("div",{style:eX,children:[(0,i.jsx)("div",{style:P}),(0,i.jsx)("div",{style:S})]}),(0,i.jsx)("div",{style:C})]})},ez=e=>{let t=Math.floor(e/60),n=Math.floor(e-60*t);return"".concat(String(t),":").concat(String(n).padStart(2,"0"))},eD=e=>{let{durationInFrames:t,maxTimeLabelWidth:n,fps:a}=e,l=o.Xp.Timeline.useTimelinePosition(),s=(0,r.useMemo)(()=>({color:"white",fontFamily:"sans-serif",fontSize:14,maxWidth:null===n?void 0:n,overflow:"hidden",textOverflow:"ellipsis"}),[n]);return(0,i.jsxs)("div",{style:s,children:[ez((l===t-1?l+1:l)/a)," / ",ez(t/a)]})},e_=e=>{let{allowFullscreen:t,playerWidth:n}=e;return(0,r.useMemo)(()=>{let e=50+(t?16:0)+24+20,r=Math.max(n-e,0),i=r-eE,o=n<(i<eE?r:i)+e+eE;return{maxTimeLabelWidth:0===r?null:r,displayVerticalVolumeSlider:o}},[t,n])},eB=[0,8.1,15.5,22.5,29,35.3,41.2,47.1,52.9,58.8,64.7,71,77.5,84.5,91.9],eV=1/.7,eH={boxSizing:"border-box",position:"absolute",bottom:0,width:"100%",paddingTop:40,paddingBottom:10,backgroundImage:"linear-gradient(to bottom,".concat([0,.013,.049,.104,.175,.259,.352,.45,.55,.648,.741,.825,.896,.951,.987].map((e,t)=>"hsla(0, 0%, 0%, ".concat(e,") ").concat(eB[t]*eV,"%")).join(", "),", hsl(0, 0%, 0%) 100%)"),backgroundSize:"auto 145px",display:"flex",paddingRight:12,paddingLeft:12,flexDirection:"column",transition:"opacity 0.3s"},eU={display:"flex",flexDirection:"row",width:"100%",alignItems:"center",justifyContent:"center",userSelect:"none",WebkitUserSelect:"none"},eq={display:"flex",flexDirection:"row",userSelect:"none",WebkitUserSelect:"none",alignItems:"center"},eJ={width:12},eK={height:8},eY={flex:1},eG={},eZ=e=>{var t,n;let{durationInFrames:o,isFullscreen:a,fps:l,showVolumeControls:s,onFullscreenButtonClick:u,allowFullscreen:d,onExitFullscreenButtonClick:f,spaceKeyToPlayOrPause:c,onSeekEnd:h,onSeekStart:p,inFrame:m,outFrame:g,initiallyShowControls:b,canvasSize:y,renderPlayPauseButton:v,renderFullscreenButton:x,alwaysShowControls:w,showPlaybackRateControl:E,containerRef:k,buffering:C,hideControlsWhenPointerDoesntMove:S,onPointerDown:P,onDoubleClick:T,renderMuteButton:R,renderVolumeSlider:j,playing:F,toggle:M,renderCustomControls:N}=e,L=(0,r.useRef)(null),[A,$]=(0,r.useState)(!1),X=ee(k,S),{maxTimeLabelWidth:O,displayVerticalVolumeSlider:W}=e_({allowFullscreen:d,playerWidth:null!==(t=null==y?void 0:y.width)&&void 0!==t?t:0}),[z,D]=(0,r.useState)(()=>
1{if("boolean"==typeof b)return b;if("number"==typeof b){if(b%1!=0)throw Error("initiallyShowControls must be an integer or a boolean");if(Number.isNaN(b))throw Error("initiallyShowControls must not be NaN");if(!Number.isFinite(b))throw Error("initiallyShowControls must be finite");if(b<=0)throw Error("initiallyShowControls must be a positive integer");return b}throw TypeError("initiallyShowControls must be a number or a boolean")}),_=(0,r.useMemo)(()=>{let e=X||!F||z||w;return{...eH,opacity:Number(e)}},[X,z,F,w]);(0,r.useEffect)(()=>{L.current&&c&&L.current.focus({preventScroll:!0})},[F,c]),(0,r.useEffect)(()=>{var e;$(null!==(e="undefined"!=typeof document&&(document.fullscreenEnabled||document.webkitFullscreenEnabled))&&void 0!==e&&e)},[]),(0,r.useEffect)(()=>{if(!1===z)return;let e=setTimeout(()=>{D(!1)},!0===z?2e3:z);return()=>{clearInterval(e)}},[z]);let B=(0,r.useMemo)(()=>{if(!0===E)return[.5,.8,1,1.2,1.5,1.8,2,2.5,3];if(Array.isArray(E)){for(let e of E){if("number"!=typeof e)throw Error("Every item in showPlaybackRateControl must be a number");if(e<=0)throw Error("Every item in showPlaybackRateControl must be positive")}return E}return null},[E]),V=N?N():null,H=(0,r.useRef)(null),U=(0,r.useRef)(null),q=(0,r.useCallback)(e=>{(e.target===H.current||e.target===U.current)&&(null==P||P(e))},[P]),J=(0,r.useCallback)(e=>{(e.target===H.current||e.target===U.current)&&(null==T||T(e))},[T]);return(0,i.jsxs)("div",{ref:H,style:_,onPointerDown:q,onDoubleClick:J,children:[(0,i.jsxs)("div",{ref:U,style:eU,children:[(0,i.jsxs)("div",{style:eq,children:[(0,i.jsx)("button",{ref:L,type:"button",style:eN,onClick:M,"aria-label":F?"Pause video":"Play video",title:F?"Pause video":"Play video",children:null===v?(0,i.jsx)(ev,{buffering:C,playing:F}):null!==(n=v({playing:F,isBuffering:C}))&&void 0!==n?n:(0,i.jsx)(ev,{buffering:C,playing:F})}),s?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{style:eJ}),(0,i.jsx)(ek,{renderMuteButton:R,renderVolumeSlider:j,displayVerticalVolumeSlider:W})]}):null,(0,i.jsx)("div",{style:eJ}),(0,i.jsx)(eD,{durationInFrames:o,fps:l,maxTimeLabelWidth:O}),(0,i.jsx)("div",{style:eJ})]}),(0,i.jsx)("div",{style:eY}),V,V&&B&&y?(0,i.jsx)("div",{style:eJ}):null,B&&y&&(0,i.jsx)(eA,{canvasSize:y,playbackRates:B}),B&&A&&d?(0,i.jsx)("div",{style:eJ}):null,(0,i.jsx)("div",{style:eG,children:A&&d?(0,i.jsx)("button",{type:"button","aria-label":a?"Exit fullscreen":"Enter Fullscreen",title:a?"Exit fullscreen":"Enter Fullscreen",style:eN,onClick:a?f:u,children:null===x?(0,i.jsx)(I,{isFullscreen:a}):x({isFullscreen:a})}):null})]}),(0,i.jsx)("div",{style:eK}),(0,i.jsx)(eW,{onSeekEnd:h,onSeekStart:p,durationInFrames:o,inFrame:m,outFrame:g})]})},eQ="undefined"==typeof document,e0=e=>{let t=!1;return{promise:new Promise((n,r)=>{e.then(e=>{if(t){r({isCanceled:t,value:e});return}n(e)}).catch(e=>{r({isCanceled:t,error:e})})}),cancel:()=>{t=!0}}},e1=e=>new Promise(t=>setTimeout(t,e)),e2=()=>{let e=(0,r.useRef)([]),t=(0,r.useCallback)(t=>{e.current=[...e.current,t]},[]),n=(0,r.useCallback)(t=>{e.current=e.current.filter(e=>e!==t)},[]),i=(0,r.useCallback)(()=>e.current.map(e=>e.cancel()),[]);return(0,r.useMemo)(()=>({appendPendingPromise:t,removePendingPromise:n,clearPendingPromises:i}),[t,i,n])},e5=(e,t,n)=>{let i=e2(),o=(0,r.useCallback)(async t=>{if(t instanceof PointerEvent?"touch"===t.pointerType:"touch"===t.nativeEvent.pointerType){e(t);return}i.clearPendingPromises();let n=e0(e1(200));i.appendPendingPromise(n);try{await n.promise,i.removePendingPromise(n),e(t)}catch(e){if(i.removePendingPromise(n),!e.isCanceled)throw e.error}},[i,e]),a=(0,r.useCallback)(()=>{document.addEventListener("pointerup",e=>{o(e)},{once:!0})},[o]),l=(0,r.useCallback)(()=>{i.clearPendingPromises(),t()},[i,t]);return(0,r.useMemo)(()=>n?{handlePointerDown:a,handleDoubleClick:l}:{handlePointerDown:e,handleDoubleClick:()=>{}},[n,l,a,e])},e6=r.version.split(".")[0];if("0"===e6)throw Error("Version ".concat(e6,' of "react" is not supported by Remotion'));var e8=parseInt(e6,10)>=18,e4=(0,r.forwardRef)((e,t)=>{var n,a,l;let{controls:s,style:u,loop:d,autoPlay:f,allowFullscreen:c,inputProps:h,clickToPlay:p,showVolumeControls:m,doubleClickToFullscreen:g,spaceKeyToPlayOrPause:b,errorFallback:y,playbackRate:v,renderLoading:x,renderPoster:w,className:E,moveToBeginningWhenEnded:k,showPosterWhenUnplayed:C,showPosterWhenEnded:S,showPosterWhenPaused:P,showPosterWhenBuffering:T,showPosterWhenBufferingAndPaused:R,inFrame:j,outFrame:F,initiallyShowControls:M,renderFullscreen:N,renderPlayPauseButton:L,renderMuteButton:A,renderVolumeSlider:I,renderCustomControls:$,alwaysShowControls:X,showPlaybackRateControl:O,posterFillMode:W,bufferStateDelayInMilliseconds:z,hideControlsWhenPointerDoesntMove:D,overflowVisible:_,browserMediaControl
1sBehavior:B,overrideInternalClassName:J,noSuspense:K}=e,Y=o.Xp.useUnsafeVideoConfig(),G=o.Xp.useVideo(),Z=(0,r.useRef)(null),Q=ed(Z,{triggerOnWindowResize:!1,shouldApplyCssTransforms:!1}),[ee,en]=(0,r.useState)(!1),[er,ei]=(0,r.useState)(f),[eo,ea]=(0,r.useState)(()=>!1),[el,eu]=(0,r.useState)(!1),ec=(0,r.useMemo)(()=>"undefined"!=typeof document&&!!(document.fullscreenEnabled||document.webkitFullscreenEnabled),[]),ep=et(),em=ep.toggle,{mediaMuted:eg,mediaVolume:eb}=(0,r.useContext)(o.Xp.MediaVolumeContext);(0,r.useEffect)(()=>{ep.emitter.dispatchVolumeChange(eb)},[ep.emitter,eb]);let ev=eg||0===eb;(0,r.useEffect)(()=>{ep.emitter.dispatchMuteChange({isMuted:ev})},[ep.emitter,ev]),es({loop:d,playbackRate:v,moveToBeginningWhenEnded:k,inFrame:j,outFrame:F,getCurrentFrame:ep.getCurrentFrame,browserMediaControlsBehavior:B,muted:ev}),(0,r.useEffect)(()=>{ee&&!ep.playing&&(en(!1),ep.play())},[ee,ep]),(0,r.useEffect)(()=>{let{current:e}=Z;if(!e)return;let t=()=>{ea(document.fullscreenElement===e||document.webkitFullscreenElement===e)};return document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t),()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t)}},[]);let ex=(0,r.useCallback)(e=>{em(e)},[em]),ew=(0,r.useCallback)(()=>{if(!c)throw Error("allowFullscreen is false");if(!ec)throw Error("Browser doesnt support fullscreen");if(!Z.current)throw Error("No player ref found");Z.current.webkitRequestFullScreen?Z.current.webkitRequestFullScreen():Z.current.requestFullscreen()},[c,ec]),eE=(0,r.useCallback)(()=>{document.webkitExitFullscreen?document.webkitExitFullscreen():document.exitFullscreen()},[]);(0,r.useEffect)(()=>{let{current:e}=Z;if(!e)return;let t=()=>{var e;let t=null!==(e=document.webkitFullscreenElement)&&void 0!==e?e:document.fullscreenElement;t&&t===Z.current?ep.emitter.dispatchFullscreenChange({isFullscreen:!0}):ep.emitter.dispatchFullscreenChange({isFullscreen:!1})};return e.addEventListener("webkitfullscreenchange",t),e.addEventListener("fullscreenchange",t),()=>{e.removeEventListener("webkitfullscreenchange",t),e.removeEventListener("fullscreenchange",t)}},[ep.emitter]);let ek=null!==(n=null==Y?void 0:Y.durationInFrames)&&void 0!==n?n:1,eC=(0,r.useMemo)(()=>Y&&Q?V({canvasSize:Q,compositionHeight:Y.height,compositionWidth:Y.width,previewSize:"auto"}):null,[Q,Y]),eS=null!==(a=null==eC?void 0:eC.scale)&&void 0!==a?a:1,eP=(0,r.useRef)(!1);(0,r.useEffect)(()=>{if(!eP.current){eP.current=!0;return}ep.emitter.dispatchScaleChange(eS)},[ep.emitter,eS]);let{setMediaVolume:eT,setMediaMuted:eR}=(0,r.useContext)(o.Xp.SetMediaVolumeContext),[ej,eF]=(0,r.useState)(!1);(0,r.useEffect)(()=>{let e=null,t=!1,n=()=>{t=!1,requestAnimationFrame(()=>{0===z?eF(!0):e=setTimeout(()=>{t||eF(!0)},z)})},r=()=>{requestAnimationFrame(()=>{t=!0,eF(!1),e&&clearTimeout(e)})};return ep.emitter.addEventListener("waiting",n),ep.emitter.addEventListener("resume",r),()=>{ep.emitter.removeEventListener("waiting",n),ep.emitter.removeEventListener("resume",r),eF(!1),e&&clearTimeout(e),t=!0}},[z,ep.emitter]),(0,r.useImperativeHandle)(t,()=>{let e={play:ep.play,pause:()=>{en(!1),ep.pause()},toggle:ex,getContainerNode:()=>Z.current,getCurrentFrame:ep.getCurrentFrame,isPlaying:ep.isPlaying,seekTo:e=>{let t=ek-1,n=Math.max(0,Math.min(t,e));ep.isPlaying()&&(en(n!==t||d),ep.pause()),n!==t||d||ep.emitter.dispatchEnded(),ep.seek(n)},isFullscreen:()=>{let{current:e}=Z;return!!e&&(document.fullscreenElement===e||document.webkitFullscreenElement===e)},requestFullscreen:ew,exitFullscreen:eE,getVolume:()=>eg?0:eb,setVolume:e=>{if("number"!=typeof e)throw TypeError("setVolume() takes a number, got value of type ".concat(typeof e));if(isNaN(e))throw TypeError("setVolume() got a number that is NaN. Volume must be between 0 and 1.");if(e<0||e>1)throw TypeError("setVolume() got a number that is out of range. Must be between 0 and 1, got ".concat(e));eT(e)},isMuted:()=>ev,mute:()=>{eR(!0)},unmute:()=>{eR(!1)},getScale:()=>eS,pauseAndReturnToPlayStart:()=>{ep.pauseAndReturnToPlayStart()}};return Object.assign(ep.emitter,e)},[ek,eE,d,eg,ev,eb,ep,ew,eR,eT,ex,eS]);let eM=G?G.component:null,eN=(0,r.useMemo)(()=>H({canvasSize:Q,config:Y,style:u,overflowVisible:_,layout:eC}),[Q,Y,eC,_,u]),eL=(0,r.useMemo)(()=>q({config:Y,layout:eC,scale:eS,overflowVisible:_}),[Y,eC,_,eS]),eA=(0,r.useMemo)(()=>U({config:Y,layout:eC,scale:eS,overflowVisible:_}),[Y,eC,_,eS]),eI=ep.pause,e$=ep.emitter.dispatchError,eX=(0,r.useCallback)(e=>{eI(),e$(e)},[e$,eI]),eO=(0,r.useCallback)(e=>{e.stopPropagation(),ew()},[ew]),eW=(0,r.useCallback)(e=>{e.stopPropagation(),eE()},[eE]),ez=(0,r.useCallback)(e=>{(e instanceof MouseEvent?2===e.button:e.nativeEvent.button)||ex(e)},[ex]),eD=(0,r.useCallback)(()=>{eu(!0)},[]),e_=(0,r.useCallback)(()=>{eu(!1)},[]),{handlePointerDown:eB,handleDoubleClick:eV}=e5(ez,(0,r.useCallback)(()=>{eo?eE():ew()},[eE,eo,ew]),g&&c&&ec);(0,r.useEffect)(()=>{er&&(ep.play(),ei(!1))},[er,ep]);let eH=(0,r.useMemo)(()=>x?x({height:eN.height,width:eN.width,isBuffering:ej}):null,[eN.height,eN.width,x,ej]),eU=(0,r.useMemo)(()=>({type:"scale",scale:eS}),[eS]);if(!Y)return null;let eq=w?w({height:"player-size"===W?eN.height:Y.height,width:"player-size"===W?eN.width:Y.width,isBuffering:ej}):null;if(void 0===eq)throw TypeError("renderPoster() must return a React element, but undefined was returned");let eJ=eq&&[P&&!ep.isPlaying()&&!el,S&&ep.isLastFrame&&!ep.isPlaying(),C&&!ep.hasPlayed&&!ep.isPlaying(),T&&ej&&ep.isPlaying(),R&&ej&&!ep.isPlaying()].some(Boolean),{left:eK,top:eY,width:eG,height:e0,...e1}=eL,e2=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{style:eL,onPointerDown:p?eB:void 0,onDoubleClick:g?eV:void 0,children:[(0,i.jsxs)("div",{style:eA,className:ef(J),children:[eM?(0,i.jsx)(eh,{onError:eX,errorFallback:y,children:(0,i.jsx)(o.Xp.CurrentScaleContext.Provider,{value:eU,children:(0,i.jsx)(eM,{...null!==(l=null==G?void 0:G.props)&&void 0!==l?l:{},...null!=h?h:{}})})}):null,eJ&&"composition-size"===W?(0,i.jsx)("div",{style:{...e1,width:Y.width,height:Y.height},onPointerDown:p?eB:void 0,onDoubleClick:g?eV:void 0,children:eq}):null]}),(0,i.jsx)(ey,{})]}),eJ&&"player-size"===W?(0,i.jsx)("div",{style:eL,onPointerDown:p?eB:void 0,onDoubleClick:g?eV:void 0,children:eq}):null,s?(0,i.jsx)(eZ,{fps:Y.fps,playing:ep.playing,toggle:ep.toggle,durationInFrames:Y.durationInFrames,containerRef:Z,onFullscreenButtonClick:eO,isFullscreen:eo,allowFullscreen:c,showVolumeControls:m,onExitFullscreenButtonClick:eW,spaceKeyToPlayOrPause:b,onSeekEnd:e_,onSeekStart:eD,inFrame:j,outFrame:F,initiallyShowControls:M,canvasSize:Q,renderFullscreenButton:N,renderPlayPauseButton:L,alwaysShowControls:X,showPlaybackRateControl:O,buffering:ej,hideControlsWhenPointerDoesntMove:D,onDoubleClick:g?eV:void 0,onPointerDown:p?eB:void 0,renderMuteButton:A,renderVolumeSlider:I,renderCustomControls:$}):null]});
1return K||eQ&&!e8?(0,i.jsx)("div",{ref:Z,style:eN,className:E,children:e2}):(0,i.jsx)("div",{ref:Z,style:eN,className:E,children:(0,i.jsx)(r.Suspense,{fallback:eH,children:e2})})}),e3="remotion.volumePreference",e9=(e,t,n)=>{if("undefined"!=typeof window)try{window.localStorage.setItem(null!=n?n:e3,String(e))}catch(e){o.Xp.Log.error({logLevel:t,tag:null},"Could not persist volume",e)}},e7=e=>{if("undefined"==typeof window)return 1;try{let t=window.localStorage.getItem(null!=e?e:e3);return t?Number(t):1}catch(e){return 1}},te="player-comp",tt=e=>{let{children:t,timelineContext:n,playbackRateContext:a,fps:l,compositionHeight:s,compositionWidth:u,durationInFrames:d,component:f,numberOfSharedAudioTags:c,initiallyMuted:h,logLevel:p,audioLatencyHint:m,volumePersistenceKey:g,initialVolume:b,inputProps:y,audioEnabled:v}=e,x=void 0===b,w=(0,r.useMemo)(()=>({compositions:[{component:f,durationInFrames:d,height:s,width:u,fps:l,id:te,nonce:[[0,777]],folderName:null,parentFolderName:null,schema:null,calculateMetadata:null,stack:null}],folders:[],currentCompositionMetadata:{defaultCodec:null,defaultOutName:null,defaultPixelFormat:null,defaultProResProfile:null,defaultSampleRate:null,defaultVideoImageFormat:null,durationInFrames:d,fps:l,height:s,width:u,props:y},canvasContent:{type:"composition",compositionId:"player-comp"}}),[f,d,s,u,l,y]),[E,k]=(0,r.useState)(()=>h),[C,S]=(0,r.useState)(()=>x?e7(null!=g?g:null):b),P=(0,r.useMemo)(()=>({mediaMuted:E,mediaVolume:C}),[E,C]),T=(0,r.useCallback)(e=>{S(e),x&&e9(e,p,null!=g?g:null)},[x,p,g]),R=(0,r.useMemo)(()=>({setMediaMuted:k,setMediaVolume:T}),[T]),j=(0,r.useMemo)(()=>({logLevel:p,mountTime:Date.now()}),[p]),F=(0,r.useMemo)(()=>({isPlayer:!0,isRendering:!1,isStudio:!1,isClientSideRendering:!1,isReadOnlyStudio:!1}),[]);return(0,i.jsx)(o.Xp.RemotionEnvironmentContext.Provider,{value:F,children:(0,i.jsx)(o.Xp.LogLevelContext.Provider,{value:j,children:(0,i.jsx)(o.Xp.CanUseRemotionHooksProvider,{children:(0,i.jsx)(o.Xp.AbsoluteTimeContext.Provider,{value:n,children:(0,i.jsx)(o.Xp.PlaybackRateContext.Provider,{value:a,children:(0,i.jsx)(o.Xp.TimelineContext.Provider,{value:n,children:(0,i.jsx)(o.Xp.CompositionManager.Provider,{value:w,children:(0,i.jsx)(o.Xp.PrefetchProvider,{children:(0,i.jsx)(o.Xp.DurationsContextProvider,{children:(0,i.jsx)(o.Xp.MediaVolumeContext.Provider,{value:P,children:(0,i.jsx)(o.Xp.SetMediaVolumeContext.Provider,{value:R,children:(0,i.jsx)(o.Xp.BufferingProvider,{children:(0,i.jsx)(o.Xp.SharedAudioContextProvider,{audioLatencyHint:m,audioEnabled:v,children:(0,i.jsx)(o.Xp.SharedAudioTagsContextProvider,{numberOfAudioTags:c,children:t})})})})})})})})})})})})})})},tn=!1,tr=(e,t)=>{e||tn||(tn=!0,o.Xp.Log.warn({logLevel:t,tag:null},"Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license\nPass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear."))},ti=(e,t)=>{if(null==e)return null!=e?e:null;if("number"!=typeof e)throw TypeError('"'.concat(t,'" must be a number, but is ').concat(JSON.stringify(e)));if(Number.isNaN(e))throw TypeError('"'.concat(t,'" must not be NaN, but is ').concat(JSON.stringify(e)));if(!Number.isFinite(e))throw TypeError('"'.concat(t,'" must be finite, but is ').concat(JSON.stringify(e)));if(e%1!=0)throw TypeError('"'.concat(t,'" must be an integer, but is ').concat(JSON.stringify(e)));return e},to=e=>{let{inFrame:t,durationInFrames:n,outFrame:r}=e,i=ti(t,"inFrame"),o=ti(r,"outFrame");if(null!==i||null!==o){if(null!==i&&i>n-1)throw Error("inFrame must be less than (durationInFrames - 1), but is "+i);if(null!==o&&o>n-1)throw Error("outFrame must be less than (durationInFrames - 1), but is "+o);if(null!==i&&i<0)throw Error("inFrame must be greater than 0, but is "+i);if(null!==o&&o<=0)throw Error("outFrame must be greater than 0, but is ".concat(o,". If you want to render a single frame, use <Thumbnail /> instead."));if(null!==o&&null!==i&&o<=i)throw Error("outFrame must be greater than inFrame, but is "+o+" <= "+i)}},ta=e=>{let{initialFrame:t,durationInFrames:n}=e;if("number"!=typeof n)throw Error("`durationInFrames` must be a number, but is ".concat(JSON.stringify(n)));if(void 0!==t){if("number"!=typeof t)throw Error("`initialFrame` must be a number, but is ".concat(JSON.stringify(t)));if(Number.isNaN(t))throw Error("`initialFrame` must be a number, but is NaN");if(!Number.isFinite(t))throw Error("`initialFrame` must be a number, but is Infinity");if(t%1!=0)throw Error("`initialFrame` must be an integer, but is ".concat(JSON.stringify(t)));if(t>n-1)throw Error("`initialFrame` must be less or equal than `durationInFrames - 1`, but is ".concat(JSON.stringify(t)))}},tl=e=>{if(void 0!==e){if(e>10)throw Error("The highest possible playback rate is 10. You passed: ".concat(e));if(e<-10)throw Error("The lowest possible playback rate is -10. You passed: ".concat(e));if(0===e)throw Error("A playback rate of 0 is not supported.")}},ts=N.validateFps,tu=N.validateDimension,td=N.validateDurationInFrames,tf=N.validateDefaultAndInputProps,tc=e=>"component"in e?e.component:null,th=(0,r.forwardRef)((e,t)=>{let{durationInFrames:n,compositionHeight:a,compositionWidth:l,fps:s,inputProps:u,style:d,controls:f=!1,loop:c=!1,autoPlay:h=!1,showVolumeControls:p=!0,allowFullscreen:m=!0,clickToPlay:g,doubleClickToFullscreen:b=!1,spaceKeyToPlayOrPause:y=!0,moveToBeginningWhenEnded:v=!0,numberOfSharedAudioTags:x=5,errorFallback:w=()=>"â ï¸",playbackRate:E=1,renderLoading:k,className:C,showPosterWhenUnplayed:S,showPosterWhenEnded:P,showPosterWhenPaused:T,showPosterWhenBuffering:R,showPosterWhenBufferingAndPaused:j,initialFrame:F,renderPoster:M,inFrame:N,outFrame:L,initiallyShowControls:A,renderFullscreenButton:I,renderPlayPauseButton:$,renderVolumeSlider:X,renderCustomControls:O,alwaysShowControls:W=!1,initiallyMuted:z=!1,showPlaybackRateControl:D=!1,posterFillMode:_="player-size",bufferStateDelayInMilliseconds:B,hideControlsWhenPointerDoesntMove:V=!0,overflowVisible:H=!1,renderMuteButton:U,browserMediaControl
1sBehavior:q,overrideInternalClassName:J,logLevel:K="info",noSuspense:Y,acknowledgeRemotionLicense:G,audioLatencyHint:Z="playback",volumePersistenceKey:ee,initialVolume:et,...en}=e;if("undefined"!=typeof window&&(window.remotion_isPlayer=!0),void 0!==en.defaultProps)throw Error("The <Player /> component does not accept `defaultProps`, but some were passed. Use `inputProps` instead.");let er=tc(en);if((null==er?void 0:er.type)===o.BO)throw TypeError("'component' should not be an instance of <Composition/>. Pass the React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.");if(er===o.BO)throw TypeError("'component' must not be the 'Composition' component. Pass your own React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.");(0,r.useState)(()=>tr(!!G,K));let ei=o.Xp.useLazyComponent({compProps:en,componentName:"Player",noSuspense:!!Y});ta({initialFrame:F,durationInFrames:n});let[eo,ea]=(0,r.useState)(()=>({[te]:null!=F?F:0})),[el,es]=(0,r.useState)(!1),[eu]=(0,r.useState)("player-comp"),ed=(0,r.useRef)(null),ec=(0,r.useRef)([]),eh=(0,r.useRef)(!1),[ep,em]=(0,r.useState)(E);if("number"!=typeof a)throw TypeError("'compositionHeight' must be a number but got '".concat(typeof a,"' instead"));if("number"!=typeof l)throw TypeError("'compositionWidth' must be a number but got '".concat(typeof l,"' instead"));if(tu(a,"compositionHeight","of the <Player /> component"),tu(l,"compositionWidth","of the <Player /> component"),td(n,{component:"of the <Player/> component",allowFloats:!1}),ts(s,"as a prop of the <Player/> component",!1),tf(u,"inputProps",null),to({durationInFrames:n,inFrame:N,outFrame:L}),"boolean"!=typeof f&&void 0!==f)throw TypeError("'controls' must be a boolean or undefined but got '".concat(typeof f,"' instead"));if("boolean"!=typeof h&&void 0!==h)throw TypeError("'autoPlay' must be a boolean or undefined but got '".concat(typeof h,"' instead"));if("boolean"!=typeof c&&void 0!==c)throw TypeError("'loop' must be a boolean or undefined but got '".concat(typeof c,"' instead"));if("boolean"!=typeof b&&void 0!==b)throw TypeError("'doubleClickToFullscreen' must be a boolean or undefined but got '".concat(typeof b,"' instead"));if("boolean"!=typeof p&&void 0!==p)throw TypeError("'showVolumeControls' must be a boolean or undefined but got '".concat(typeof p,"' instead"));if("boolean"!=typeof m&&void 0!==m)throw TypeError("'allowFullscreen' must be a boolean or undefined but got '".concat(typeof m,"' instead"));if("boolean"!=typeof g&&void 0!==g)throw TypeError("'clickToPlay' must be a boolean or undefined but got '".concat(typeof g,"' instead"));if("boolean"!=typeof y&&void 0!==y)throw TypeError("'spaceKeyToPlayOrPause' must be a boolean or undefined but got '".concat(typeof y,"' instead"));if(void 0!==et&&"number"!=typeof et)throw TypeError("'initialVolume' must be a number or undefined but got '".concat(typeof et,"' instead"));if("number"==typeof et&&(!Number.isFinite(et)||Number.isNaN(et)||et<0||et>1))throw TypeError("'initialVolume' must be between 0 and 1 but got '".concat(et,"' instead"));if("number"!=typeof x||x%1!=0||!Number.isFinite(x)||Number.isNaN(x)||x<0)throw TypeError("'numberOfSharedAudioTags' must be an integer but got '".concat(x,"' instead"));tl(ep),(0,r.useEffect)(()=>{em(E)},[E]),(0,r.useImperativeHandle)(t,()=>ed.current,[]),(0,r.useState)(()=>{o.Xp.playbackLogging({logLevel:K,message:"[player] Mounting <Player>. User agent = ".concat("undefined"==typeof navigator?"server":navigator.userAgent),tag:"player",mountTime:Date.now()})});let eg=(0,r.useMemo)(()=>({frame:eo,playing:el,rootId:eu,imperativePlaying:eh,audioAndVideoTags:ec}),[eo,el,eu]),eb=(0,r.useMemo)(()=>({playbackRate:ep,setPlaybackRate:em}),[ep]),ey=(0,r.useMemo)(()=>({setFrame:ea,setPlaying:es}),[ea]);"undefined"!=typeof window&&(0,r.useLayoutEffect)(()=>{o.Xp.CSSUtils.injectCSS(o.Xp.CSSUtils.makeDefaultPreviewCSS(".".concat(ef(J)),"#fff"))},[J]);let ev=(0,r.useMemo)(()=>null!=u?u:{},[u]),ex=(0,r.useMemo)(()=>null!=q?q:{mode:"prevent-media-session"},[q]);return(0,i.jsx)(o.Xp.IsPlayerContextProvider,{children:(0,i.jsx)(tt,{timelineContext:eg,playbackRateContext:eb,component:ei,c
1ompositionHeight:a,compositionWidth:l,durationInFrames:n,fps:s,numberOfSharedAudioTags:x,initiallyMuted:z,logLevel:K,audioLatencyHint:Z,volumePersistenceKey:ee,initialVolume:et,inputProps:ev,audioEnabled:!0,children:(0,i.jsx)(o.Xp.SetTimelineContext.Provider,{value:ey,children:(0,i.jsx)(Q,{currentPlaybackRate:ep,children:(0,i.jsx)(e4,{ref:ed,posterFillMode:_,renderLoading:k,autoPlay:!!h,loop:!!c,controls:!!f,errorFallback:w,style:d,inputProps:ev,allowFullscreen:!!m,moveToBeginningWhenEnded:!!v,clickToPlay:"boolean"==typeof g?g:!!f,showVolumeControls:!!p,doubleClickToFullscreen:!!b,spaceKeyToPlayOrPause:!!y,playbackRate:ep,className:null!=C?C:void 0,showPosterWhenUnplayed:!!S,showPosterWhenEnded:!!P,showPosterWhenPaused:!!T,showPosterWhenBuffering:!!R,showPosterWhenBufferingAndPaused:!!j,renderPoster:M,inFrame:null!=N?N:null,outFrame:null!=L?L:null,initiallyShowControls:null==A||A,renderFullscreen:null!=I?I:null,renderPlayPauseButton:null!=$?$:null,renderMuteButton:null!=U?U:null,renderVolumeSlider:null!=X?X:null,renderCustomControls:null!=O?O:null,alwaysShowControls:W,showPlaybackRateControl:D,bufferStateDelayInMilliseconds:null!=B?B:300,hideControlsWhenPointerDoesntMove:V,overflowVisible:H,browserMediaControlsBehavior:ex,overrideInternalClassName:null!=J?J:void 0,noSuspense:!!Y})})})})})}),tp=()=>{let e=(0,r.useContext)(K);if(!e)throw TypeError("Expected Player event emitter context");return(0,r.useMemo)(()=>({emitter:e}),[e])},tm=r.version.split(".")[0];if("0"===tm)throw Error("Version ".concat(tm,' of "react" is not supported by Remotion'));var tg=parseInt(tm,10)>=18,tb=(0,r.forwardRef)((e,t)=>{var n,a;let{style:l,inputProps:s,errorFallback:u,renderLoading:d,className:f,overflowVisible:c,noSuspense:h,overrideInternalClassName:p}=e,m=o.Xp.useUnsafeVideoConfig(),g=o.Xp.useVideo(),b=(0,r.useRef)(null),y=ed(b,{triggerOnWindowResize:!1,shouldApplyCssTransforms:!1}),v=(0,r.useMemo)(()=>m&&y?V({canvasSize:y,compositionHeight:m.height,compositionWidth:m.width,previewSize:"auto"}):null,[y,m]),x=null!==(n=null==v?void 0:v.scale)&&void 0!==n?n:1,w=tp();Z(w.emitter),(0,r.useImperativeHandle)(t,()=>Object.assign(w.emitter,{getContainerNode:()=>b.current,getScale:()=>x}),[x,w.emitter]);let E=g?g.component:null,k=(0,r.useMemo)(()=>H({config:m,style:l,canvasSize:y,overflowVisible:c,layout:v}),[y,m,v,c,l]),C=(0,r.useMemo)(()=>q({config:m,layout:v,scale:x,overflowVisible:c}),[m,v,c,x]),S=(0,r.useMemo)(()=>U({config:m,layout:v,scale:x,overflowVisible:c}),[m,v,c,x]),P=(0,r.useCallback)(e=>{w.emitter.dispatchError(e)},[w.emitter]),T=(0,r.useMemo)(()=>d?d({height:k.height,width:k.width,isBuffering:!1}):null,[k.height,k.width,d]),R=(0,r.useMemo)(()=>({type:"scale",scale:x}),[x]);if(!m)return null;let j=(0,i.jsx)("div",{style:C,children:(0,i.jsx)("div",{style:S,className:ef(p),children:E?(0,i.jsx)(eh,{onError:P,errorFallback:u,children:(0,i.jsx)(o.Xp.CurrentScaleContext.Provider,{value:R,children:(0,i.jsx)(E,{...null!==(a=null==g?void 0:g.props)&&void 0!==a?a:{},...null!=s?s:{}})})}):null})});return h||eQ&&!tg?(0,i.jsx)("div",{ref:b,style:k,className:f,children:j}):(0,i.jsx)("div",{ref:b,style:k,className:f,children:(0,i.jsx)(r.Suspense,{fallback:T,children:j})})});(0,r.forwardRef)((e,t)=>{let{frameToDisplay:n,style:a,inputProps:l,compositionHeight:s,compositionWidth:u,durationInFrames:d,fps:f,className:c,errorFallback:h=()=>"â ï¸",renderLoading:p,overflowVisible:m=!1,overrideInternalClassName:g,logLevel:b="info",noSuspense:y,...v}=e;"undefined"!=typeof window&&(0,r.useLayoutEffect)(()=>{window.remotion_isPlayer=!0},[]);let[x]=(0,r.useState)(()=>String((0,o.yT)(null))),w=(0,r.useRef)(null),E=(0,r.useMemo)(()=>({playing:!1,frame:{[te]:n},rootId:x,imperativePlaying:{current:!1},audioAndVideoTags:{current:[]}}),[n,x]),k=(0,r.useMemo)(()=>({playbackRate:1,setPlaybackRate:()=>{throw Error("thumbnail")}}),[]);(0,r.useImperativeHandle)(t,()=>w.current,[]);let C=o.Xp.useLazyComponent({compProps:v,componentName:"Thumbnail",noSuspense:!!y}),[S]=(0,r.useState)(()=>new G),P=(0,r.useMemo)(()=>null!=l?l:{},[l]);return(0,i.jsx)(o.Xp.IsPlayerContextProvider,{children:(0,i.jsx)(tt,{timelineContext:E,playbackRateContext:k,component:C,compositionHeight:s,compositionWidth:u,durationInFrames:d,fps:f,numberOfSharedAudioTags:0,initiallyMuted:!0,logLevel:b,audioLatencyHint:"playback",inputProps:P,audioEnabled:!1,children:(0,i.jsx)(K.Provider,{value:S,children:(0,i.jsx)(tb,{ref:w,className:c,errorFallback:h,inputProps:P,renderLoading:p,style:a,overflowVisible:m,overrideInternalClassName:g,noSuspense:!!y})})})})})},47861:(e,t,n)=>{n.d(t,{A:()=>r});let r=(0,n(60236).A)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}
1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])}}]);
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.