1import{r as a}from"./vendor-react-E98sgxjj.js";import{u as he}from"./vendor-query-bOUN_gKe.js";import{U as je,u as F,d as _,P as me,W as fe,X as ge}from"./index-BKzE8EQ8.js";import{p as ke}from"./playingNowApi-CB_pr25U.js";import{P as te}from"./usePlayingNow-D0BSBy1C.js";import{j as r,u as Z}from"./vendor-motion-hRg_q8lq.js";import{du as V}from"./vendor-fa-Bn2dnpnC.js";import{M as Ne}from"./MediaImage-DKgx-nW4.js";const $={hero:[],trending:[],top:[],viral:[]},Ee={get:async()=>{const e=(await je.get("/marketplace/landing/")).data??{};return{hero:e.hero??$.hero,trending:e.trending??$.trending,top:e.top??$.top,viral:e.viral??$.viral}}},Re=5*60*1e3,Ce=["marketplace-landing"];function At(){return he({queryKey:Ce,queryFn:Ee.get,staleTime:Re})}function Tt(s){const e=a.useMemo(()=>{const t=new Set;for(const n of s)n.public_id&&t.add(n.public_id);return Array.from(t).sort()},[s]),{data:i}=he({queryKey:["playing-now-batch",e],queryFn:()=>ke.get(e),enabled:e.length>0,refetchInterval:te,staleTime:te-5e3,retry:!1});return a.useMemo(()=>{if(!i)return;const t={};for(const n of e)t[n]=i[n]??0;return t},[i,e])}const Ae=String.raw,Te=(()=>{try{document.createElement("div").animate({opacity:0}
1,{easing:"linear(0, 1)"})}catch{return!1}return!0})(),Pe=typeof CSS<"u"&&CSS.supports&&CSS.supports("line-height","mod(1,1)"),se=typeof matchMedia<"u"?matchMedia("(prefers-reduced-motion: reduce)"):null,I="--_number-flow-d-opacity",J="--_number-flow-d-width",U="--_number-flow-dx",K="--_number-flow-d",Le=(()=>{try{return CSS.registerProperty({name:I,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:U,syntax:"<length>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:J,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:K,syntax:"<number>",inherits:!0,initialValue:"0"}),!0}catch{return!1}})(),q="round(nearest, calc(var(--number-flow-mask-height, 0.25em) / 2), 1px)",A=`calc(${q} * 2)`,H="var(--number-flow-mask-width, 0.5em)",T=`calc(${H} / var(--scale-x))`,O="#000 0, transparent 71%",Me=Ae`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:1}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${J}) / var(--width));transform:translateX(var(${U})) scaleX(var(--scale-x));margin:0 calc(-1 * ${H});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${T},#000 calc(100% - ${T}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${A},#000 calc(100% - ${A}),transparent 100% ),radial-gradient(at bottom right,${O}),radial-gradient(at bottom left,${O}),radial-gradient(at top left,${O}),radial-gradient(at top right,${O});-webkit-mask-size:100% calc(100% - ${A} * 2),calc(100% - ${T} * 2) 100%,${T} ${A},${T} ${A},${T} ${A},${T} ${A};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${q} ${H};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${U})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${K})}.digit__num,.number .section::after{padding:${q} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${I}))}`,$e=typeof HTMLElement<"u"?HTMLElement:class{},R=(s,e,i)=>{const t=document.createElement(s),[n,o]=Array.isArray(e)?[void 0,e]:[e,i];return n&&Object.assign(t,n),o?.forEach(l=>t.appendChild(l)),t},Oe=(s,e)=>{var i;return e==="left"?s.offsetLeft:(((i=s.offsetParent instanceof HTMLElement?s.offsetParent:null)==null?void 0:i.offsetWidth)??0)-s.offsetWidth-s.offsetLeft},Ie=s=>s.offsetWidth>0&&s.offsetHeight>0,Ue=(s,e)=>{typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get(s)&&customElements.define(s,e)};function Fe(s,e,{reverse:i=!1}={}){const t=s.length;for(let n=i?t-1:0;i?n>=0:n<t;i?n--:n++)e(s[n],n)}function Ze(s,e,i,t){const n=e.formatToParts(s);i&&n.unshift({type:"prefix",value:i}),t&&n.push({type:"suffix",value:t});const o=[],l=[],c=[],h=[],p={},m=u=>`${u}:${p[u]=(p[u]??-1)+1}`;let v="",g=!1,f=!1;for(const u of n){v+=u.value;const d=u.type==="minusSign"||u.type==="plusSign"?"sign":u.type;d==="integer"?(g=!0,l.push(...u.value.split("").map(y=>({type:d,value:parseInt(y)})))):d==="group"?l.push({type:d,value:u.value}
vendor: 6,544 bytes, line 1
1):d==="decimal"?(f=!0,c.push({type:d,value:u.value,key:m(d)})):d==="fraction"?c.push(...u.value.split("").map(y=>({type:d,value:parseInt(y),key:m(d),pos:-1-p[d]}))):(g||f?h:o).push({type:d,value:u.value,key:m(d)})}const b=[];for(let u=l.length-1;u>=0;u--){const d=l[u];b.unshift(d.type==="integer"?{...d,key:m(d.type),pos:p[d.type]}:{...d,key:m(d.type)})}return{pre:o,integer:b,fraction:c,post:h,valueAsString:v,value:typeof s=="string"?parseFloat(s):s}}const ie=Pe&&Te&&Le;class ve extends $e{constructor(){super(),this.created=!1,this.batched=!1,this._preUpdated=!1;const{animated:e,...i}=this.constructor.defaultProps;this._animated=this.computedAnimated=e,Object.assign(this,i)}get animated(){return this._animated}set animated(e){var i;this.animated!==e&&(this._animated=e,(i=this.shadowRoot)==null||i.getAnimations().forEach(t=>t.finish()))}set data(e){var i,t;if(e==null||e===this._data)return;const{pre:n,integer:o,fraction:l,post:c,value:h}=e;if(this.created){const p=this._data;this._data=e,this.computedTrend=typeof this.trend=="function"?this.trend(p.value,h):this.trend,this.computedAnimated=ie&&this._animated&&(!this.respectMotionPreference||!((i=se)!=null&&i.matches))&&Ie(this)&&this.ownerDocument.visibilityState==="visible",(t=this.plugins)==null||t.forEach(m=>{var v;return(v=m.onUpdate)==null?void 0:v.call(m,e,p,this)}),this.batched||this.willUpdate(),this._pre.update(n),this._num.update({integer:o,fraction:l}),this._post.update(c),this.batched||this.didUpdate()}else{this._data=e,this.attachShadow({mode:"open"});try{this._internals??(this._internals=this.attachInternals()),this._internals.role="img"}catch{}const p=document.createElement("style");this.nonce&&(p.nonce=this.nonce),p.textContent=Me,this.shadowRoot.appendChild(p),this._pre=new re(this,n,{justify:"right",part:"left"}),this.shadowRoot.appendChild(this._pre.el),this._num=new Be(this,o,l),this.shadowRoot.appendChild(this._num.el),this._post=new re(this,c,{justify:"left",part:"right"}),this.shadowRoot.appendChild(this._post.el),this.created=!0}try{this._internals.ariaLabel=e.valueAsString}catch{}}willUpdate(){var e;this._preUpdated=ie&&this._animated&&(!this.respectMotionPreference||!((e=se)!=null&&e.matches))&&this.ownerDocument.visibilityState==="visible",this._preUpdated&&(this._pre.willUpdate(),this._num.willUpdate(),this._post.willUpdate())}didUpdate(){if(!this.computedAnimated||!this._preUpdated)return;this._abortAnimationsFinish?this._abortAnimationsFinish.abort():this.dispatchEvent(new Event("animationsstart")),this._pre.didUpdate(),this._num.didUpdate(),this._post.didUpdate();const e=new AbortController;Promise.all(this.shadowRoot.getAnimations().map(i=>i.finished)).then(()=>{e.signal.aborted||(this.dispatchEvent(new Event("animationsfinish")),this._abortAnimationsFinish=void 0)}),this._abortAnimationsFinish=e}}ve.defaultProps={transformTiming:{duration:900,easing:"linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"},spinTiming:void 0,opacityTiming:{duration:450,easing:"ease-out"},animated:!0,trend:(s,e)=>Math.sign(e-s),respectMotionPreference:!0,plugins:void 0,digits:void 0};class Be{constructor(e,i,t,{className:n,...o}={}){this.flow=e,this._integer=new ne(e,i,{justify:"right",part:"integer"}),this._fraction=new ne(e,t,{justify:"left",part:"fraction"}),this._inner=R("span",{className:"number__inner"},[this._integer.el,this._fraction.el]),this.el=R("span",{...o,part:"number",className:`number ${n??""}`},[this._inner])}willUpdate(){this._prevWidth=this.el.offsetWidth,this._prevLeft=this.el.getBoundingClientRect().left,this._integer.willUpdate(),this._fraction.willUpdate()}update({integer:e,fraction:i}){this._integer.update(e),this._fraction.update(i)}didUpdate(){const e=this.el.getBoundingClientRect();this._integer.didUpdate(),this._fraction.didUpdate();const i=this._prevLeft-e.left,t=this.el.offsetWidth,n=this._prevWidth-t;this.el.style.setProperty("--width",String(t)),this.el.animate({[U]:[`${i}px`,"0px"],[J]:[n,0]},{...this.flow.transformTiming,composite:"accumulate"})}}class we{constructor(e,i,{justify:t,className:n,...o},l){this.flow=e,this.children=new Map,this.onCharRemove=h=>()=>{this.children.delete(h)},this.justify=t;const c=i.map(h=>this.addChar(h).el);this.el=R("span",{...o,className:`section section--justify-${t} ${n??""}`},l?l(c):c)}addChar(e,{startDigitsAtZero:i=!1,...t}={}){const n=e.type==="integer"||e.type==="fraction"?new ye(this,e.type,i?0:e.value,e.pos,{...t,onRemove:this.onCharRemove(e.key)}):new Ve(this,e.type,e.value,{...t,onRemove:this.onCharRemove(e.key)});return this.children.set(e.key,n),n}unpop(e){e.el.removeAttribute("inert"),e.el.style.top="",e.el.style[this.justify]=""}pop(e){e.forEach(i=>{i.el.style.top=`${i.el.offsetTop}px`,i.el.style[this.justify]=`${Oe(i.el,this.justify)}px`}),e.forEach(i=>{i.el.setAttribute("inert",""),i.present=!1})}addNewAndUpdateExisting(e){const i=new Map,t=new Map,n=this.justify==="left",o=n?"prepend":"append";if(Fe(e,l=>{let c;this.children.has(l.key)?(c=this.children.get(l.key),t.set(l,c),this.unpop(c),c.present=!0):(c=this.addChar(l,{startDigitsAtZero:!0,animateIn:!0}),i.set(l,c)),this.el[o](c.el)},{reverse:n}),this.flow.computedAnimated){const l=this.el.getBoundingClientRect();i.forEach(c=>{c.willUpdate(l)})}i.forEach((l,c)=>{l.update(c.value)}),t.forEach((l,c)=>{l.update(c.value)})}willUpdate(){const e=this.el.getBoundingClientRect();this._prevOffset=e[this.justify],this.children.forEach(i=>i.willUpdate(e))}didUpdate(){const e=this.el.getBoundingClientRect();this.children.forEach(n=>n.didUpdate(e));const i=e[this.justify],t=this._prevOffset-i;t&&this.children.size&&this.el.animate({transform:[`translateX(${t}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}class ne extends we{update(e){const i=new Map;this.children.forEach((t,n)=>{e.find(o=>o.key===n)||i.set(n,t),this.unpop(t)}),this.addNewAndUpdateExisting(e),i.forEach(t=>{t instanceof ye&&t.update(0)}),this.pop(i)}}class re extends we{update(e){const i=new Map;this.children.forEach((t,n)=>{e.find(o=>o.key===n)||i.set(n,t)}),this.pop(i),this.addNewAndUpdateExisting(e)}}class W{constructor(e,i,{onRemove:t,animateIn:n=!1}
1={}){this.flow=e,this.el=i,this._present=!0,this._remove=()=>{var o;this.el.remove(),(o=this._onRemove)==null||o.call(this)},this.el.classList.add("animate-presence"),this.flow.computedAnimated&&n&&this.el.animate({[I]:[-.9999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),this._onRemove=t}get present(){return this._present}set present(e){if(this._present!==e){if(this._present=e,e?this.el.removeAttribute("inert"):this.el.setAttribute("inert",""),!this.flow.computedAnimated){e||this._remove();return}this.el.style.setProperty("--_number-flow-d-opacity",e?"0":"-.999"),this.el.animate({[I]:e?[-.9999,0]:[.999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),e?this.flow.removeEventListener("animationsfinish",this._remove):this.flow.addEventListener("animationsfinish",this._remove,{once:!0})}}}class be extends W{constructor(e,i,t,n){super(e.flow,t,n),this.section=e,this.value=i,this.el=t}}class ye extends be{constructor(e,i,t,n,o){var l,c;const h=(((c=(l=e.flow.digits)==null?void 0:l[n])==null?void 0:c.max)??9)+1,p=Array.from({length:h}).map((v,g)=>{const f=R("span",{className:"digit__num"},[document.createTextNode(String(g))]);return g!==t&&f.setAttribute("inert",""),f.style.setProperty("--n",String(g)),f}),m=R("span",{part:`digit ${i}-digit`,className:"digit"},p);m.style.setProperty("--current",String(t)),m.style.setProperty("--length",String(h)),super(e,t,m,o),this.pos=n,this._onAnimationsFinish=()=>{this.el.classList.remove("is-spinning")},this._numbers=p,this.length=h}willUpdate(e){const i=this.el.getBoundingClientRect();this._prevValue=this.value;const t=i[this.section.justify]-e[this.section.justify],n=i.width/2;this._prevCenter=this.section.justify==="left"?t+n:t-n}update(e){this.el.style.setProperty("--current",String(e)),this._numbers.forEach((i,t)=>t===e?i.removeAttribute("inert"):i.setAttribute("inert","")),this.value=e}didUpdate(e){const i=this.el.getBoundingClientRect(),t=i[this.section.justify]-e[this.section.justify],n=i.width/2,o=this.section.justify==="left"?t+n:t-n,l=this._prevCenter-o;l&&this.el.animate({transform:[`translateX(${l}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"});const c=this.getDelta();c&&(this.el.classList.add("is-spinning"),this.el.animate({[K]:[-c,0]},{...this.flow.spinTiming??this.flow.transformTiming,composite:"accumulate"}),this.flow.addEventListener("animationsfinish",this._onAnimationsFinish,{once:!0}))}getDelta(){var e;if(this.flow.plugins)for(const n of this.flow.plugins){const o=(e=n.getDelta)==null?void 0:e.call(n,this.value,this._prevValue,this);if(o!=null)return o}const i=this.value-this._prevValue,t=this.flow.computedTrend||Math.sign(i);return t<0&&this.value>this._prevValue?this.value-this.length-this._prevValue:t>0&&this.value<this._prevValue?this.length-this._prevValue+this.value:i}}class Ve extends be{constructor(e,i,t,n){const o=R("span",{className:"symbol__value",textContent:t});super(e,t,R("span",{part:`symbol ${i}`,className:"symbol"},[o]),n),this.type=i,this._children=new Map,this._onChildRemove=l=>()=>{this._children.delete(l)},this._children.set(t,new W(this.flow,o,{onRemove:this._onChildRemove(t)}))}willUpdate(e){if(this.type==="decimal")return;const i=this.el.getBoundingClientRect();this._prevOffset=i[this.section.justify]-e[this.section.justify]}update(e){if(this.value!==e){const i=this._children.get(this.value);i&&(i.present=!1);const t=this._children.get(e);if(t)t.present=!0;else{const n=R("span",{className:"symbol__value",textContent:e});this.el.appendChild(n),this._children.set(e,new W(this.flow,n,{animateIn:!0,onRemove:this._onChildRemove(e)}))}}this.value=e}didUpdate(e){if(this.type==="decimal")return;const i=this.el.getBoundingClientRect()[this.section.justify]-e[this.section.justify],t=this._prevOffset-i;t&&this.el.animate({transform:[`translateX(${t}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}const Ye=parseInt(a.version.match(/^(\d+)\./)?.[1]),Q=Ye>=19,qe=["data","digits"];class z extends ve{attributeChangedCallback(e,i,t){this[e]=JSON.parse(t)}}z.observedAttributes=Q?[]:qe;Ue("number-flow-react",z);const He={};function We(s){return s}const ae=Q?We:JSON.stringify;function oe(s){const{transformTiming:e,spinTiming:i,opacityTiming:t,animated:n,respectMotionPreference:o,trend:l,plugins:c,...h}=s;return[{transformTiming:e,spinTiming:i,opacityTiming:t,animated:n,respectMotionPreference:o,trend:l,plugins:c},h]}class Xe extends a.Component{updateProperties(e){if(!this.el)return;this.el.batched=!this.props.isolate;const[i]=oe(this.props);
1Object.entries(i).forEach(([t,n])=>{this.el[t]=n??z.defaultProps[t]}),e?.onAnimationsStart&&this.el.removeEventListener("animationsstart",e.onAnimationsStart),this.props.onAnimationsStart&&this.el.addEventListener("animationsstart",this.props.onAnimationsStart),e?.onAnimationsFinish&&this.el.removeEventListener("animationsfinish",e.onAnimationsFinish),this.props.onAnimationsFinish&&this.el.addEventListener("animationsfinish",this.props.onAnimationsFinish)}componentDidMount(){this.updateProperties(),Q&&this.el&&(this.el.digits=this.props.digits,this.el.data=this.props.data)}getSnapshotBeforeUpdate(e){if(this.updateProperties(e),e.data!==this.props.data){if(this.props.group)return this.props.group.willUpdate(),()=>this.props.group?.didUpdate();if(!this.props.isolate)return this.el?.willUpdate(),()=>this.el?.didUpdate()}return null}componentDidUpdate(e,i,t){t?.()}handleRef(e){this.props.innerRef&&(this.props.innerRef.current=e),this.el=e}render(){const[e,{innerRef:i,className:t,data:n,nonce:o,willChange:l,isolate:c,group:h,digits:p,onAnimationsStart:m,onAnimationsFinish:v,...g}]=oe(this.props);return a.createElement("number-flow-react",{ref:this.handleRef,"data-will-change":l?"":void 0,class:t,nonce:o,...g,dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0,digits:ae(p),data:ae(n)})}constructor(e){super(e),this.handleRef=this.handleRef.bind(this)}}const xe=a.forwardRef(function({value:e,locales:i,format:t,prefix:n,suffix:o,...l},c){a.useImperativeHandle(c,()=>h.current,[]);const h=a.useRef(void 0),p=a.useContext(Je);p?.useRegister(h);const m=a.useMemo(()=>i?JSON.stringify(i):"",[i]),v=a.useMemo(()=>t?JSON.stringify(t):"",[t]),g=a.useMemo(()=>{const f=He[`${m}:${v}`]??=new Intl.NumberFormat(i,t);return Ze(e,f,n,o)},[e,m,v,n,o]);return a.createElement(Xe,{...l,group:p,data:g,innerRef:h})}),Je=a.createContext(void 0),N={codeGenerated:436391,assets:8862,minutesPlayed:38098,builders:13805,prompts:8591,worlds:1849,gamesShipped:703,items:3220,characters:1610,environments:687},Ke=[{id:"gamesShipped",perDay:N.gamesShipped},{id:"assets",perDay:N.assets},{id:"characters",perDay:N.characters},{id:"builders",perDay:N.builders},{id:"codeGenerated",perDay:N.codeGenerated},{id:"minutesPlayed",perDay:N.minutesPlayed},{id:"worlds",perDay:N.worlds},{id:"prompts",perDay:N.prompts},{id:"items",perDay:N.items},{id:"environments",perDay:N.environments}],Qe=86400,ze=5;function Ge(s){return s.perDay/Qe*ze}function le(s,e=0){return s.perDay+Math.floor(Ge(s)*e)}const et=22,tt=1e3,st=a.memo(function({label:e,value:i}){return r.jsxs("div",{className:"group flex shrink-0 items-center gap-2 border-r border-border px-3",children:[r.jsx("span",{className:"text-[10px] uppercase tracking-[0.18px] whitespace-nowrap text-muted-foreground",children:e}
1),r.jsx("span",{className:_("rounded bg-foreground/6 px-1.5 py-0.75 text-[10px] uppercase tracking-[0.18px] tabular-nums","text-foreground transition-colors duration-300 group-hover:bg-foreground/10"),children:r.jsx(xe,{value:i,className:"tabular-nums"})})]})});function Pt({metrics:s=Ke,sticky:e=!0,className:i}){const{t}=F("marketing"),n=a.useRef(null),o=a.useRef(null),[l,c]=a.useState(0),[h,p]=a.useState(!0),[m,v]=a.useState(!0),g=e&&m,[f,b]=a.useState(()=>s.map(w=>le(w)));a.useEffect(()=>{const w=performance.now(),S=()=>{const k=(performance.now()-w)/1e3;b(s.map(C=>le(C,k)))};S();const j=setInterval(S,tt);return()=>clearInterval(j)},[s]),a.useEffect(()=>{const w=n.current;if(!w)return;const S=()=>c(w.scrollWidth);S();const j=new ResizeObserver(S);return j.observe(w),()=>j.disconnect()},[s]),a.useEffect(()=>{const w=o.current,S=n.current,j=new IntersectionObserver(([C])=>p(C.isIntersecting),{threshold:0});S&&j.observe(S);const k=new IntersectionObserver(([C])=>v(!C.isIntersecting),{threshold:0});return w&&k.observe(w),()=>{j.disconnect(),k.disconnect()}},[e]);const u=typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=l>0?l/et:0,y=!u&&d>0;return r.jsxs(r.Fragment,{children:[r.jsx("div",{"data-live-ticker":e?"sticky":"static",className:_("border-t bg-background transition-[border-color] duration-300",e&&"sticky bottom-0 z-20",g?"border-border":"border-transparent",i),children:r.jsxs("div",{className:"container flex flex-col items-stretch gap-2 py-2 lg:flex-row lg:items-center lg:gap-0",children:[r.jsx("div",{className:"relative z-10 shrink-0 self-center bg-background lg:self-auto lg:border-r lg:border-border lg:pr-3",children:r.jsxs("span",{className:"flex items-center gap-2 text-[10px] uppercase tracking-[0.18px] whitespace-nowrap text-foreground",children:[r.jsxs("span",{className:"relative flex h-1.5 w-1.5","aria-hidden":"true",children:[r.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-success opacity-70"}),r.jsx("span",{className:"relative inline-flex h-1.5 w-1.5 rounded-full bg-success"})]}),t("landing.ticker.label")]})}),r.jsxs("div",{className:"relative isolate w-full min-w-0 flex-1 overflow-x-clip",children:[r.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-y-0 left-0 z-20 w-[79px] bg-[linear-gradient(to_right,var(--color-background)_0%,transparent_71%)]"}),r.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-y-0 right-0 z-20 w-[79px] bg-[linear-gradient(to_right,transparent_0%,var(--color-background)_71%)]"}),r.jsx("div",{className:"flex w-max",style:y?{animation:`marquee-left ${d}s linear infinite`,animationPlayState:h?"running":"paused"}:void 0,children:[0,1].map(w=>r.jsx("div",{ref:w===0?n:void 0,className:"flex","aria-hidden":w===1,children:s.map((S,j)=>r.jsx(st,{label:t(`landing.ticker.metrics.${S.id}`),value:f[j]},S.id))},w))})]})]})}),e&&r.jsx("div",{ref:o,"aria-hidden":"true",className:"h-px w-full"})]})}const it={social:!0},nt=[{id:"tt-7629931578633850130",platform:"tiktok",href:"https://www.tiktok.com/@coma.tv/video/7629931578633850130",label:"@coma.tv",views:23e5,likes:2824,video:"/reels/tt-7629931578633850130.mp4",poster:"/reels/poster/tt-7629931578633850130.jpg",tiny:"/reels/placeholder/tt-7629931578633850130.png"},{id:"ig-DYtySlVJFnh",platform:"instagram",href:"https://www.instagram.com/reels/DYtySlVJFnh/",label:"@hustler_nmn",views:1319973,likes:37143,video:"/reels/ig-DYtySlVJFnh.mp4",poster:"/reels/poster/ig-DYtySlVJFnh.jpg",tiny:"/reels/placeholder/ig-DYtySlVJFnh.png"},{id:"ig-DZRB-WUM5PA",platform:"instagram",href:"https://www.instagram.com/reels/DZRB-WUM5PA/",label:"@coma.tv_",views:1079107,likes:31543,video:"/reels/ig-DZRB-WUM5PA.mp4",poster:"/reels/poster/ig-DZRB-WUM5PA.jpg",tiny:"/reels/placeholder/ig-DZRB-WUM5PA.png"},{id:"ig-DZQNQkSi5hS",platform:"instagram",href:"https://www.instagram.com/reels/DZQNQkSi5hS/",label:"@ana_ai_finds",views:842859,likes:14688,video:"/reels/ig-DZQNQkSi5hS.mp4",poster:"/reels/poster/ig-DZQNQkSi5hS.jpg",tiny:"/reels/placeholder/ig-DZQNQkSi5hS.png"},{id:"ig-DbKJJaxtfNQ",platform:"instagram",href:"https://www.instagram.com/reels/DbKJJaxtfNQ/",label:"@tarikdeliktas",views:781660,likes:15834,video:"/reels/ig-DbKJJaxtfNQ.mp4",poster:"/reels/poster/ig-DbKJJaxtfNQ.jpg",tiny:"/reels/placeholder/ig-DbKJJaxtfNQ.png"},{id:"ig-DY9O_43Ra94",platform:"instagram",href:"https://www.instagram.com/reels/DY9O_43Ra94/",label:"@lock.inwithash",views:764432,likes:22483,video:"/reels/ig-DY9O_43Ra94.mp4",poster:"/reels/poster/ig-DY9O_43Ra94.jpg",tiny:"/reels/placeholder/ig-DY9O_43Ra94.png"},{id:"ig-DZN65roTVeC",platform:"instagram",href:"https://www.instagram.com/reels/DZN65roTVeC/",label:"@hustler_nmn",views:743548,likes:25304,video:"/reels/ig-DZN65roTVeC.mp4",poster:"/reels/poster/ig-DZN65roTVeC.jpg",tiny:"/reels/placeholder/ig-DZN65roTVeC.png"},{id:"ig-DZ5gjywp7TH",platform:"instagram",href:"https://www.instagram.com/p/DZ5gjywp7TH/",label:"@anvi__lifestyle",views:645926,likes:19686,video:"/reels/ig-DZ5gjywp7TH.mp4",poster:"/reels/poster/ig-DZ5gjywp7TH.jpg",tiny:"/reels/placeholder/ig-DZ5gjywp7TH.png"},{id:"ig-DYyXZmDsZ_q",platform:"instagram",href:"https://www.instagram.com/reels/DYyXZmDsZ_q/",label:"@coma.tv_",views:620163,likes:18132,video:"/reels/ig-DYyXZmDsZ_q.mp4",poster:"/reels/poster/ig-DYyXZmDsZ_q.jpg",tiny:"/reels/placeholder/ig-DYyXZmDsZ_q.png"},{id:"ig-DZ7oSKzM_BD",platform:"instagram",href:"https://www.instagram.com/reels/DZ7oSKzM_BD/",label:"@aiwithwendie",views:614951,likes:18652,video:"/reels/ig-DZ7oSKzM_BD.mp4",poster:"/reels/poster/ig-DZ7oSKzM_BD.jpg",tiny:"/reels/placeholder/ig-DZ7oSKzM_BD.png"},{id:"ig-DaiHuEnKseY",platform:"instagram",href:"https://www.instagram.com/reels/DaiHuEnKseY/",label:"@piyush.glitch",views:419652,likes:2796,video:"/reels/ig-DaiHuEnKseY.mp4",poster:"/reels/poster/ig-DaiHuEnKseY.jpg",tiny:"/reels/placeholder/ig-DaiHuEnKseY.png"},{id:"tt-7633137610759671062",platform:"tiktok",href:"https://www.tiktok.com/@lucaswebq/video/7633137610759671062",label:"@lucaswebq",views:347e3,likes:23800,video:"/reels/tt-7633137610759671062.mp4",poster:"/reels/poster/tt-7633137610759671062.jpg",tiny:"/reels/placeholder/tt-7633137610759671062.png"},{id:"fb-1669271904065529",platform:"facebook",href:"https://www.facebook.com/reel/1669271904065529",label:"RTC Tutorials",views:229860,likes:null,video:"/reels/fb-1669271904065529.mp4",poster:"/reels/poster/fb-1669271904065529.jpg",tiny:"/reels/placeholder/fb-1669271904065529.png"},{id:"tt-7645579573706362130",platform:"tiktok",href:"https://www.tiktok.com/@learnwithashlynn/video/7645579573706362130",label:"@learnwithashlynn",views:224700,likes:8087,video:"/reels/tt-7645579573706362130.mp4",poster:"/reels/poster/tt-7645579573706362130.jpg",tiny:"/reels/placeholder/tt-7645579573706362130.png"},{id:"ig-DaDF8uLBvo3",platform:"instagram",href:"https://www.instagram.com/reels/DaDF8uLBvo3/",label:"@aiwithcharls",views:186028,likes:3686,video:"/reels/ig-DaDF8uLBvo3.mp4",poster:"/reels/poster/ig-DaDF8uLBvo3.jpg",tiny:"/reels/placeholder/ig-DaDF8uLBvo3.png"},{id:"ig-DbmemsaOoxw",platform:"instagram",href:"https://www.instagram.com/p/DbmemsaOoxw/",label:"@sena_style_diaries",views:175377,likes:null,video:"/reels/ig-DbmemsaOoxw.mp4",poster:"/reels/poster/ig-DbmemsaOoxw.jpg",tiny:"/reels/placeholder/ig-DbmemsaOoxw.png"},{id:"ig-DYUY5fqoH1H",platform:"instagram",href:"https://www.instagram.com/reels/DYUY5fqoH1H/",label:"@promptingbad",views:162296,likes:6096,video:"/reels/ig-DYUY5fqoH1H.mp4",poster:"/reels/poster/ig-DYUY5fqoH1H.jpg",tiny:"/reels/placeholder/ig-DYUY5fqoH1H.png"},{id:"ig-DaCCjauP0BC",platform:"instagram",href:"https://www.instagram.com/reels/DaCCjauP0BC/",label:"@antcodes",views:136139,likes:2247,video:"/reels/ig-DaCCjauP0BC.mp4",poster:"/reels/poster/ig-DaCCjauP0BC.jpg",tiny:"/reels/placeholder/ig-DaCCjauP0BC.png"},{id:"ig-Da3tuLGOg31",platform:"instagram",href:"https://www.instagram.com/reels/Da3tuLGOg31/",label:"@sena_style_diaries",views:128652,likes:1847,video:"/reels/ig-Da3tuLGOg31.mp4",poster:"/reels/poster/ig-Da3tuLGOg31.jpg",tiny:"/reels/placeholder/ig-Da3tuLGOg31.png"},{id:"ig-DbEv1lJPX-_",platform:"instagram",href:"https://www.instagram.com/reels/DbEv1lJPX-_/",label:"@techwyash",views:128026,likes:756,video:"/reels/ig-DbEv1lJPX-_.mp4",poster:"/reels/poster/ig-DbEv1lJPX-_.jpg",tiny:"/reels/placeholder/ig-DbEv1lJPX-_.png"},{id:"ig-DZh_kcFO0SA",platform:"instagram",href:"https://www.instagram.com/reels/DZh_kcFO0SA/",label:"@ugcbykevi",views:126743,likes:1182,video:"/reels/ig-DZh_kcFO0SA.mp4",poster:"/reels/poster/ig-DZh_kcFO0SA.jpg",tiny:"/reels/placeholder/ig-DZh_kcFO0SA.png"},{id:"ig-Dbv52OeoSts",platform:"instagram",href:"https://www.instagram.com/reel/Dbv52OeoSts/",label:"@artemis.codes",views:36849,likes:643,video:"/reels/ig-Dbv52OeoSts.mp4",poster:"/reels/poster/ig-Dbv52OeoSts.jpg",tiny:"/reels/placeholder/ig-Dbv52OeoSts.png"},{id:"ig-DbkqwSQqrWR",platform:"instagram",href:"https://www.instagram.com/reel/DbkqwSQqrWR/",label:"@harleeygaming",views:31251,likes:null,video:"/reels/ig-DbkqwSQqrWR.mp4",poster:"/reels/poster/ig-DbkqwSQqrWR.jpg",tiny:"/reels/placeholder/ig-DbkqwSQqrWR.png"},{id:"ig-DbXNPRMsx5E",platform:"instagram",href:"https://www.instagram.com/reel/DbXNPRMsx5E/",label:"@aiwithwendie",views:11725,likes:44,video:"/reels/ig-DbXNPRMsx5E.mp4",poster:"/reels/poster/ig-DbXNPRMsx5E.jpg",tiny:"/reels/placeholder/ig-DbXNPRMsx5E.png"}],rt={tiles:nt};function at({poster:s,children:e,className:i,priority:t=!1}
1){const[n,o]=a.useState(!1),[l,c]=a.useState(!1),h=a.useCallback(p=>{p?.complete&&p.naturalWidth>0&&o(!0)},[]);return r.jsxs(r.Fragment,{children:[s&&r.jsx(me,{ref:h,src:s,alt:"","aria-hidden":!0,loading:t?"eager":"lazy",decoding:"async",fetchpriority:t?"high":"auto",onLoad:()=>o(!0),className:_("absolute inset-0 h-full w-full object-cover transition-opacity duration-500",n?"opacity-100":"opacity-0",i)}),e?.({onVideoLoaded:()=>c(!0),videoLoaded:l})]})}function ce(s){return s>=1e6?`${(s/1e6).toFixed(s>=1e7?0:1)}M`:s>=1e3?`${(s/1e3).toFixed(s>=1e4?0:1)}K`:String(s)}function ot({tile:s,rowHovered:e,autoPlay:i,playOnHover:t}){const n=a.useRef(null),o=a.useRef(null),[l,c]=a.useState(!1),[h,p]=a.useState(!1);a.useEffect(()=>{const d=o.current;if(!d)return;const y=new IntersectionObserver(([w])=>c(w.isIntersecting),{rootMargin:"100px"});return y.observe(d),()=>y.disconnect()},[]);const v=t?h:l&&(t?h:i||e),g=fe(!!s.video&&v,t||e?"intent":"ambient"),f=ge(n);a.useEffect(()=>{const d=n.current;d&&(v?d.play().catch(()=>{}):d.pause())},[v,g]);const b=t?{onPointerEnter:()=>p(!0),onPointerLeave:()=>p(!1)}:{},u=r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"relative aspect-[9/16] w-[150px] md:w-[254px] overflow-hidden rounded-md bg-surface",children:[r.jsx(at,{tiny:s.tiny,poster:s.poster,children:({onVideoLoaded:d,videoLoaded:y})=>g?r.jsx("video",{ref:f,src:s.video,className:_("absolute inset-0 h-full w-full object-cover transition-opacity duration-300",y?"opacity-100":"opacity-0"),muted:!0,playsInline:!0,loop:!0,preload:"none",onLoadedData:d}):null}),r.jsx("span",{className:"absolute top-2 left-2 w-7 h-7 rounded-md bg-black/70 flex items-center justify-center text-white text-[11px]",children:r.jsx(V,{icon:["fas","play"]})}),!!(s.views||s.likes)&&r.jsxs("div",{className:"absolute bottom-2 left-2 flex items-center gap-2 text-[11px] text-white",children:[!!s.views&&r.jsxs("span",{className:"flex items-center gap-1 px-1.5 h-6 rounded-md bg-black/70",children:[r.jsx(V,{icon:["far","eye"]}),ce(s.views)]}),!!s.likes&&r.jsxs("span",{className:"flex items-center gap-1 px-1.5 h-6 rounded-md bg-black/70",children:[r.jsx(V,{icon:["far","heart"]}),ce(s.likes)]})]})]}),r.jsx("p",{className:"mt-3 text-sm text-muted-foreground group-hover:text-foreground transition-colors",children:s.label})]});return s.href?r.jsx("a",{ref:o,href:s.href,target:"_blank",rel:"noopener noreferrer",className:"group shrink-0",...b,children:u}):r.jsx("div",{ref:o,className:"group shrink-0",...b,children:u})}function lt({tiles:s,speed:e=28,className:i,playOnHover:t=!1}){const n=Z(),[o,l]=a.useState(!1),[c,h]=a.useState(0),p=a.useRef(null);if(a.useEffect(()=>{const f=p.current;if(!f)return;const b=()=>h(f.scrollWidth);b();const u=new ResizeObserver(b);return u.observe(f),()=>u.disconnect()},[s]),s.length===0)return null;const m=c>0?c/e:0,v=!n&&m>0,g=!t&&!n;return r.jsx("div",{className:_("relative left-1/2 w-screen -translate-x-1/2 overflow-hidden",i),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:r.jsx("div",{className:"flex w-max",style:v?{animation:`marquee-left ${m}s linear infinite`,animationPlayState:"running"}:void 0,children:[0,1].map(f=>r.jsx("div",{ref:f===0?p:void 0,className:"flex gap-4 md:gap-8 pr-4 md:pr-8","aria-hidden":f===1,children:s.map((b,u)=>r.jsx(ot,{tile:b,rowHovered:o,autoPlay:g,playOnHover:t},`${b.label}-${u}`))},f))})})}const ct=6e3,dt=60;function pt({step:s,isActive:e,canLoad:i,reducedMotion:t}){const[n,o]=a.useState(!1),[l,c]=a.useState(!1),[h,p]=a.useState(!1),m=a.useRef(null),v=ge(m),g=fe(!!s.video&&!t&&h&&i),f=a.useCallback(b=>{b?.complete&&b.naturalWidth>0&&o(!0)},[]);return a.useEffect(()=>{e&&p(!0)},[e]),a.useEffect(()=>{g||c(!1)},[g]),a.useEffect(()=>{const b=m.current;!b||!e||(b.readyState>0&&(b.currentTime=0),b.play().catch(()=>{}))},[e,h]),r.jsxs(r.Fragment,{children:[s.poster&&r.jsx(me,{ref:f,src:s.poster,alt:"","aria-hidden":!0,loading:"lazy",decoding:"async",onLoad:()=>o(!0),className:_("absolute inset-0 h-full w-full object-cover transition-opacity duration-500",n?"opacity-100":"opacity-0")}),g&&r.jsx("video",{ref:v,src:s.video,className:_("absolute inset-0 h-full w-full object-cover transition-opacity duration-500",l?"opacity-100":"opacity-0"),muted:!0,playsInl
1ine:!0,autoPlay:!0,preload:"auto",onLoadedData:()=>c(!0)})]})}function ut({steps:s,stepDurationMs:e=ct,className:i}){const[t,n]=a.useState(0),[o,l]=a.useState(0),[c,h]=a.useState(!1),p=Z(),m=a.useRef(void 0),v=a.useRef(0),g=a.useRef(null),f=s.length,b=a.useCallback(d=>{n((d%f+f)%f),l(0),v.current=0},[f]);a.useEffect(()=>{const d=g.current;if(!d)return;const y=new IntersectionObserver(([w])=>h(w.isIntersecting),{rootMargin:"300px"});return y.observe(d),()=>y.disconnect()},[]),a.useEffect(()=>{if(f<=1)return;let d=!1;const y=w=>{if(d)return;v.current||(v.current=w);const S=w-v.current,j=Math.min(S/e,1);l(j),j>=1&&(v.current=0,n(k=>(k+1)%f),l(0)),m.current=requestAnimationFrame(y)};return m.current=requestAnimationFrame(y),()=>{d=!0,m.current&&cancelAnimationFrame(m.current),v.current=0}},[t,f,e]);const u=s[t];return r.jsxs("div",{className:_("grid gap-4 lg:grid-cols-[var(--media-col)_1fr] lg:gap-12 lg:items-center",i),style:{"--media-col":`${dt}%`},children:[r.jsxs("div",{ref:g,className:"relative aspect-video w-full overflow-hidden rounded-lg bg-surface border border-border",children:[s.map((d,y)=>r.jsx("div",{className:_("absolute inset-0 transition-opacity duration-500",y===t?"opacity-100":"opacity-0"),"aria-hidden":y!==t,children:r.jsx(pt,{step:d,isActive:y===t,canLoad:c,reducedMotion:p})},d.title)),r.jsx("div",{className:"absolute inset-x-0 bottom-0 h-1.5 bg-foreground
1/10",children:r.jsx("div",{className:"h-full bg-foreground transition-[width] duration-100 ease-linear",style:{width:`${Math.round(o*100)}%`}})})]}),r.jsx("ol",{className:"flex flex-col gap-4 md:gap-8",children:s.map((d,y)=>{const w=y===t;return r.jsx("li",{children:r.jsxs("button",{type:"button",onClick:()=>b(y),"aria-current":w?"step":void 0,className:"group w-full text-left cursor-pointer",children:[r.jsx("h3",{className:_("text-lg md:text-h3 transition-colors duration-300",w?"text-foreground":"text-muted-foreground/50 group-hover:text-muted-foreground"),children:d.title}),r.jsx("p",{className:_("text-sm md:text-base mt-2 transition-colors duration-300",w?"text-muted-foreground":"text-muted-foreground/40 group-hover:text-muted-foreground/70"),children:d.description})]})},d.title)})}),r.jsx("span",{className:"sr-only","aria-live":"polite",children:u?.title})]})}const Y=[{video:"/ui-videos/prompt.mp4",poster:"/ui-videos/poster/prompt.jpg"},{video:"/ui-videos/plan.mp4",poster:"/ui-videos/poster/plan.jpg"},{video:"/ui-videos/game.mp4",poster:"/ui-videos/poster/game.jpg"}],de=rt.tiles.map(s=>({label:s.label,href:s.href,video:s.video,poster:s.poster,views:s.views,likes:s.likes??void 0})),ht="text-h3-sm md:text-h3 font-normal text-foreground";function Lt({className:s}){const{t:e}=F("marketing");return r.jsx("section",{"data-section":"how-it-works",className:_("bg-background py-10 md:py-16",s),children:r.jsxs("div",{className:"page-container",children:[r.jsx("h2",{className:_(ht,"mb-4"),children:e("landing.steps.title")}),r.jsx(ut,{steps:[{title:e("landing.steps.vision.title"),description:e("landing.steps.vision.description"),...Y[0]},{title:e("landing.steps.life.title"),description:e("landing.steps.life.description"),...Y[1]},{title:e("landing.steps.launch.title"),description:e("landing.steps.launch.description"),...Y[2]}]})]})})}function Mt({className:s}){const{t:e}=F("marketing");return de.length===0?null:r.jsxs("section",{"data-section":"socials",className:_("bg-background py-10 md:py-16",s),children:[r.jsxs("div",{className:"page-container",children:[r.jsx("h3",{className:"text-h3-sm md:text-h3 text-foreground",children:e("landing.community.title")}),r.jsx("p",{className:"text-base text-muted-foreground mt-2 mb-8",children:e("landing.community.subtitle")})]}),r.jsx(lt,{tiles:de,playOnHover:it.social})]})}const pe=[{key:"games",value:2e5},{key:"creators",value:35e4},{key:"minutes",value:1e8},{key:"countries",value:150}],mt=1600,ft="block text-[clamp(16px,calc(7cqw-4px),34px)] md:text-[40px] lg:text-[clamp(26px,calc(3.5cqw-7px),44px)] font-bold leading-[1.05] tracking-[-0.02em] text-foreground tabular-nums";function gt(s,e){const i=s%2===1;
1return _("flex flex-col-reverse border-b border-foreground/12 py-6 pr-6",i?"pl-6":"pl-0 border-r",s===0?"lg:pl-0":"lg:pl-6",s===e-1?"lg:border-r-0":"lg:border-r")}function $t({className:s}){const{t:e,i18n:i}=F("marketing"),t=Z(),n=a.useRef(null),[o,l]=a.useState(!1);a.useEffect(()=>{if(t)return;const p=n.current;if(!p)return;const m=new IntersectionObserver(([v])=>{v.isIntersecting&&(l(!0),m.disconnect())},{threshold:.4});return m.observe(p),()=>m.disconnect()},[t]);const c=i.language||"en",h=p=>`${p.toLocaleString(c)}+`;return r.jsx("section",{"data-section":"platform-stats",className:_("bg-background pb-6 pt-14 md:pb-10 md:pt-24",s),children:r.jsxs("div",{className:"page-container",children:[r.jsx("h2",{className:"max-w-[620px] text-balance text-[28px] font-normal leading-[1.3] text-foreground md:text-[36px]",children:e("landing.platformStats.title")}),r.jsx("dl",{ref:n,className:"@container mt-10 grid grid-cols-2 border-t border-foreground/12 md:mt-12 lg:grid-cols-4",children:pe.map((p,m)=>r.jsxs("div",{className:gt(m,pe.length),"data-stat":p.key,children:[r.jsx("dt",{className:"mt-3 text-xs leading-4 tracking-[0.14em] text-muted-foreground uppercase",children:e(`landing.platformStats.labels.${p.key}`)}),r.jsx("dd",{className:ft,children:t?h(p.value):r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"sr-only",children:h(p.value)}),r.jsx("span",{"aria-hidden":"true",children:r.jsx(xe,{value:o?p.value:0,locales:c,suffix:"+",spinTiming:{duration:mt,easing:"cubic-bezier(0.22, 1, 0.36, 1)"}})})]})})]},p.key))}),r.jsxs("div",{className:"mt-10 grid gap-6 text-sm text-muted-foreground md:mt-12 md:grid-cols-2",children:[r.jsx("p",{className:"text-pretty",children:e("landing.platformStats.players")}),r.jsx("p",{className:"text-pretty",children:e("landing.platformStats.creators")})]})]})})}const vt="cubic-bezier(0.4, 0, 0.2, 1)";function wt(){return typeof window<"u"&&!!window.__IS_PRERENDER__}function ue(s,e,i){for(let t=1;t<e;t+=1){const n=(s+t)%e;if(!i.has(n))return n}return null}function Ot({images:s,width:e,sizes:i,priority:t=!1,loading:n,paused:o=!1,intervalMs:l=5e3,fadeMs:c=1e3,preloadMs:h=2500,className:p,imageClassName:m}){const v=Z(),g=s.length,f=a.useRef(null),b=a.useRef(new Set),[u,d]=a.useState(()=>({current:0,next:g>1?1:null,phase:"show"})),[y,w]=a.useState(null),[S,j]=a.useState(!1),k=!v&&!wt()&&g>1&&u.next!==null,[C,_e]=a.useState(()=>typeof document>"u"||document.visibilityState!=="hidden"),[De,G]=a.useState(!1);a.useEffect(()=>{if(!k)return;const x=()=>_e(document.visibilityState!=="hidden");return x(),document.addEventListener("visibilitychange",x),()=>document.removeEventListener("visibilitychange",x)},[k]),a.useEffect(()=>{if(!k)return;const x=f.current;if(!x||typeof IntersectionObserver>"u"){G(!0);return}const D=new IntersectionObserver(([P])=>G(P.isIntersecting));return D.observe(x),()=>D.disconnect()},[k]);const M=k&&!o&&C&&De,L=a.useRef({key:"",spent:0});a.useEffect(()=>{if(!M||u.phase==="due")return;const x=`${u.current}:${u.phase}`;L.current.key!==x&&(L.current={key:x,spent:0});const D=u.phase==="show"?Math.max(0,l-h):u.phase==="preload"?h:c,P=Date.now(),B=setTimeout(()=>{d(E=>E.phase==="show"?{...E,phase:"preload"}:E.phase==="preload"?{...E,phase:"due"}:E.phase==="fade"&&E.next!==null?{current:E.next,next:ue(E.next,g,b.current),phase:"show"}:E),u.phase==="fade"&&(w(null),j(!0))},Math.max(0,D-L.current.spent));return()=>{clearTimeout(B),L.current.key===x&&(L.current.spent+=Date.now()-P)}},[M,u,g,l,h,c]),a.useEffect(()=>{M&&u.phase==="due"&&u.next!==null&&y===u.next&&d(x=>({...x,phase:"fade"}))},[M,u,y]);const Se=x=>{b.current.add(x),d(D=>D.next===x?{...D,next:ue(D.current,g,b.current)}:D)};if(g===0)return null;const ee=[{index:Math.min(u.current,g-1),role:"current"}];return k&&u.next!==null&&u.phase!=="show"&&ee.push({index:u.next,role:"next"}),r.jsx("span",{ref:f,"aria-hidden":"true",className:_("absolute inset-0 block overflow-hidden",p),"data-crossfade":"",children:ee.map(({index:x,role:D})=>{const P=s[x],B=D==="current"||u.phase==="fade";return r.jsx("span",{className:"absolute inset-0 block transition-opacity motion-reduce:transition-none",style:{opacity:B?1:0,transitionDuration:`${c}ms`,transitionTimingFunction:vt},"data-crossfade-slide":x,"data-crossfade-role":D,children:r.jsx(Ne,{sources:[P.source],art:P.art,alt:"",width:e,sizes:i,priority:t&&D==="current"&&x===0&&!S,loading:D==="next"?"eager":n,onLoad:D==="next"?()=>w(x):void 0,onFailed:D==="next"?()=>Se(x):void 0,className:m})},x)})})}const bt="/images/revamp/rotator",yt=8,X=s=>Array.from({length:yt},(e,i)=>`${bt}/${s}-${i+1}.jpg`),xt="(min-width: 768px)",It=X("create-card-mobile-img").map((s,e)=>({source:s,art:[{media:xt,source:X("create-card-img")[e]}]})),Ut=X("create-hero-bg").map(s=>({source:s}));export{It as B,Ot as C,Ut as H,Pt as L,$t as P,Mt as S,Tt as a,Lt as b,At as u};
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.