(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8211],{18743:function(e,t,n){"use strict";var s,r=n(67294);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},o.apply(this,arguments)}t.Z=function(e){return r.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",width:"1em",height:"1em"},e),s||(s=r.createElement("path",{d:"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"})))}},29448:function(e){e.exports={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]}},83428:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/features/structured-content-cms",function(){return n(35566)}])},75107:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var s=n(85893),r=n(20669),o=n.n(r);function l(e){var t=e.style,n=void 0===t?"good":t,r=e.icon,l=e.bullets;return(0,s.jsx)("ul",{className:o().root,children:l.map((function(e){return(0,s.jsxs)("li",{className:o().bullet,children:[(0,s.jsx)("div",{className:o()[n],children:(0,s.jsx)(r,{})}),(0,s.jsx)("span",{children:e})]},e)}))})}},68373:function(e,t,n){"use strict";n.d(t,{Z:function(){return m}});var s=n(26042),r=n(69396),o=n(85893),l=n(94184),a=n.n(l),i=n(75862),c=n(29448),d=n.n(c),u=n(57350),h=n.n(u);function m(e){var t=e.code,n=e.language;return(0,o.jsx)(i.ZP,(0,r.Z)((0,s.Z)({},i.lG),{theme:d(),code:t,language:n,children:function(e){var t=e.className,n=e.style,l=e.tokens,i=e.getLineProps,c=e.getTokenProps;return(0,o.jsx)("pre",{className:a()(t,h().code,h().result),style:n,children:l.map((function(e,t){return(0,o.jsx)("div",(0,r.Z)((0,s.Z)({},i({line:e,key:t})),{children:e.map((function(e,t){return(0,o.jsx)("span",(0,s.Z)({},c({token:e,key:t})))}))}))}))})}}))}},69877:function(e,t,n){"use strict";n.d(t,{Z:function(){return x},y:function(){return b}});var s=n(14924),r=n(26042),o=n(69396),l=n(85893),a=n(94184),i=n.n(a),c=n(63563),d=n(6170),u=n(16124),h=n(67294),m=n(36377),y=n.n(m),_=n(17934),g=n(53942),f=n(31312),p=n.n(f);function x(e){var t,n,a,m=e.style,f=void 0===m?"neutral":m,x=e.title,b=e.subtitle,j=e.kicker,v=e.hideDot,k=e.image,w=e.imageProps,N=e.children,Z=e.seoAnalysis,S=e.flip,C=void 0!==S&&S,I=(0,h.useMemo)((function(){return y()(x+b+f)()}),[x,b,f]),E=(0,h.useState)(1.5*I+2)[0],T=(0,h.useState)(Math.floor(30*I))[0],M=(0,h.useState)(Math.floor(30*I)+20)[0];if(Z){var P=(0,_.m)(j,Z);a=P?"h2":"h3",t=j&&P?"h3":"h2",n=b&&(0,_.m)(b,Z)?"h4":"h6"}else a="h2",t="h3",n="div";var F="string"===typeof k?(0,l.jsx)(d.Z,{src:"/images/illustrations/".concat(k,".svg"),alt:j||"Headless DatoCMS ".concat(k)}):k?h.createElement(k,j?(0,o.Z)((0,r.Z)({},w),{alt:j}):w):(0,l.jsx)("span",{});return(0,l.jsx)(u.Z,{children:(0,l.jsxs)("div",{className:i()(p().root,p()["".concat(f,"Root")],(0,s.Z)({},p().isFlipped,C)),children:[(0,l.jsxs)("div",{className:p().imageContainer,children:[!v&&(0,l.jsx)("div",{className:p()["".concat(f,"Dot")],style:{left:"".concat(T,"%"),top:"".concat(M,"%"),height:"calc(var(--dotBaseUnit) * ".concat(E,")"),width:"calc(var(--dotBaseUnit) * ".concat(E,")")}}),(0,l.jsx)("div",{className:p().image,children:F})]}),(0,l.jsxs)("div",{className:p().content,children:[j&&(0,l.jsx)(c.Z,{as:a,className:p().kicker,anchor:(0,g.Z)(j),children:j}),x&&(0,l.jsx)(t,{className:p().title,children:x}),b&&(0,l.jsx)(n,{className:p().subtitle,children:b}),(0,l.jsx)("div",{className:p().body,children:N})]})]})})}function b(e){var t=e.style,n=void 0===t?"good":t,s=e.children;return(0,l.jsx)("strong",{className:p()["".concat(n,"Highlight")],children:s})}},63563:function(e,t,n){"use strict";var s=n(26042),r=n(69396),o=n(99534),l=n(85893),a=n(59686),i=n.n(a);t.Z=function(e){var t=e.as,n=e.anchor,a=e.children,c=e.className,d=(0,o.Z)(e,["as","anchor","children","className"]);return(0,l.jsxs)(t,(0,r.Z)((0,s.Z)({},d),{className:"".concat(i().root," ").concat(c||""),"data-with-anchor":!!n,children:[a," ",n&&(0,l.jsx)("a",{"data-anchor":n,id:n}),n&&(0,l.jsx)("a",{"data-permalink":!0,href:"#".concat(n),onClick:function(e){e.stopPropagation()}})]}))}},60668:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var s=n(85893),r=n(16124),o=n(67294),l=n(95525),a=n.n(l);function i(e){var t=e.title,n=e.bubbles,l=e.children;return(0,s.jsxs)("div",{className:a().root,children:[(0,s.jsx)("div",{className:a().background,children:(0,s.jsx)("div",{className:a().backgroundInner,children:o.Children.map(n,(function(e,t){return(0,s.jsx)("div",{className:a().backgroundImage,children:(0,s.jsx)("div",{className:a().backgroundImageInner,children:e})},t)}))})}),(0,s.jsx)(r.Z,{children:(0,s.jsx)("div",{className:a().foreground,children:(0,s.jsxs)("div",{className:a().body,children:[(0,s.jsx)("div",{className:a().title,children:t}),(0,s.jsx)("div",{className:a().content,children:l})]})})})]})}},35245:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var s=n(85893),r=n(63563),o=n(16124),l=n(17934),a=n(53942),i=n(46500),c=n.n(i);function d(e){var t,n,i,d=e.style,u=void 0===d?"one":d,h=e.children,m=e.kicker,y=e.subtitle,_=e.bigSubtitle,g=e.seoAnalysis,f=e.mainTitleOfPage,p=e.below,x=function(e,t){return f?e:t};if(g){var b=(0,l.m)(m,g);i=b?x("h1","h2"):x("h2","h3"),t=m&&b?x("h2","h3"):x("h1","h2"),n=y&&(0,l.m)(y,g)?"h4":"h6"}else i="h2",t=x("h1","h3"),n="div";return(0,s.jsx)(o.Z,{children:(0,s.jsxs)("div",{className:c().root,children:[m&&(0,s.jsx)(r.Z,{as:i,className:c().kicker,anchor:x(null,(0,a.Z)(m)),children:m}),(0,s.jsx)("div",{className:c()[u],children:(0,s.jsx)(t,{className:c().title,children:h})}),y&&(0,s.jsx)(n,{className:_?c().bigSubtitle:c().subtitle,children:y}),p]})})}},27404:function(e,t,n){"use strict";n.d(t,{Z:function(){return c}});var s=n(85893),r=n(88778),o=n(16124),l=n(67253),a=n(80570),i=n.n(a);function c(e){var t=e.review;return(0,s.jsx)(o.Z,{children:(0,s.jsxs)("div",{className:i().root,children:[(0,s.jsx)("div",{className:i().quote,children:(0,r.a)(t.quote)}),(0,s.jsxs)("div",{className:i().content,children:[(0,s.jsx)(l.E,{className:i().image,data:t.image.responsiveImage}),(0,s.jsxs)("div",{className:i().authorRole,children:[(0,s.jsx)("div",{className:i().name,children:t.name}),(0,s.jsx)("div",{className:i().role,children:t.role})]})]})]})})}},22482:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var s=n(85893),r=n(94184),o=n.n(r),l=n(38798),a=n.n(l),i=[null,"mt1","mt2","mt3","mt4"],c=[null,"mb1","mb2","mb3","mb4"];function d(e){var t=e.top,n=e.bottom,r=e.children;return(0,s.jsx)("div",{className:o()(a()[i[t]],a()[c[n]]),children:r})}},61753:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var s=n(85893),r=n(63563),o=n(16124),l=n(17934),a=n(53942),i=n(10646),c=n.n(i);function d(e){var t,n,i,d=e.kicker,u=e.title,h=e.subtitle,m=e.seoAnalysis,y=e.children;if(m){var _=(0,l.m)(d,m);i=_?"h2":"h3",t=_?"h3":"h2",n="p"}else i="div",t="h2",n="div";return(0,s.jsx)("div",{className:c().root,children:(0,s.jsxs)(o.Z,{children:[(0,s.jsxs)("div",{className:c().rootInner,children:[d&&(0,s.jsx)(r.Z,{as:i,className:c().kicker,anchor:(0,a.Z)(d),children:d}),u&&(0,s.jsx)(t,{className:c().title,children:u}),h&&(0,s.jsx)(n,{className:c().subtitle,children:h})]}),y&&(0,s.jsx)("div",{className:c().content,children:y})]})})}},38386:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var s=n(85893),r=n(82717);function o(e){var t=e.playbackId,n=e.thumbnailTime,o=e.autoPlayAndLoop,l=e.title,a=e.width,i=e.height,c=e.blurUpThumb;return(0,s.jsx)(r.Z,{loading:"page",streamType:"on-demand",playbackId:t,autoPlay:!!o&&"muted",loop:o,accentColor:"#ff593d",title:l,placeholder:c,disableCookies:!0,style:{aspectRatio:a&&i?"".concat(a," / ").concat(i):void 0},thumbnailTime:n||0})}},35566:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return Z}});var s=n(26042),r=n(85893),o=n(75107),l=n(8531),a=n(68373),i=n(69877),c=n(15996),d=n(73590),u=n(88778),h=n(60668),m=n(35245),y=n(25621),_=n(6170),g=n(27404),f=n(22482),p=n(61753),x=n(38386),b=n(41664),j=n.n(b),v=n(18743),k=n(35405),w=n.n(k),N=function(e){return(0,r.jsxs)("div",{className:w().window,children:[(0,r.jsx)("div",{className:w().windowBar,children:(0,r.jsx)("div",{})}),(0,r.jsx)("div",{className:w().browserBar,children:(0,r.jsx)("div",{className:w().addressBar})}),(0,r.jsx)(x.Z,(0,s.Z)({},e))]})};var Z=!0;t.default=function(e){var t=e.feature,n=e.preview,s=e.integrations,b=e.review,k=t.yoastAnalysis,Z=k.keyword;return(0,r.jsxs)(y.Z,{preview:n,children:[(0,r.jsx)(c.Z,{seo:t.seo,slug:t.slug}),(0,r.jsx)(d.Z,{seoAnalysis:k,kicker:t.seoH1,title:(0,r.jsxs)(r.Fragment,{children:["The smart way to store ",(0,r.jsx)(u.Z,{children:"rich\u2013text content"})]}),subtitle:(0,r.jsxs)(r.Fragment,{children:["Meet our all-encompassing solution designed with"," ",(0,r.jsx)("strong",{children:"omnichannel"})," in mind."," ",(0,r.jsx)("strong",{children:"DatoCMS structured content"})," combines a powerful and flexible"," ",(0,r.jsx)("strong",{children:"rich-text editor with a portable JSON format"})," to store your content."]})}),(0,r.jsxs)("div",{id:"main-content",children:[(0,r.jsx)(p.Z,{seoAnalysis:k,kicker:"Notion-like Structured content CMS",title:(0,r.jsx)(r.Fragment,{children:"A delightfully focused writing\xa0experience"}),subtitle:(0,r.jsxs)(r.Fragment,{children:["DatoCMS Structured Content offers a beautiful,"," ",(0,r.jsx)("strong",{children:"Notion-like editor"})," designed for focus, with"," ",(0,r.jsx)("strong",{children:"slash commands, markdown/keyboard shortcuts, and drag & drop"}),". Forget the mouse, and just start typing."]}),children:(0,r.jsx)("div",{className:w().video,children:(0,r.jsx)(x.Z,{autoPlayAndLoop:!0,playbackId:"FcwaLceO4tvoUKflRIt0176Lli5llFLwW",title:"Notion headless CMS"})})}),(0,r.jsx)(g.Z,{review:b}),(0,r.jsx)(f.Z,{top:2,bottom:1,children:(0,r.jsxs)(m.Z,{style:"two",children:["What problems does ",(0,r.jsx)(u.Z,{children:"Structured\xa0Content"})," ","solve?"]})}),(0,r.jsx)(i.Z,{style:"good",seoAnalysis:k,kicker:"Customizable structured content CMS",title:(0,r.jsxs)(r.Fragment,{children:["Easily embed 100%"," ",(0,r.jsx)(i.y,{style:"good",children:"custom blocks"})]}),image:N,hideDot:!0,imageProps:{autoPlayAndLoop:!0,title:Z,playbackId:"5hKbBhhU7TF202HRvbivd1WWAKuGgmP0100"},children:(0,r.jsxs)("p",{children:["Galleries, call-to-actions, polls, third-party embeds and widgets for YouTube, Twitter... these things have always been a problem to handle. Not with DatoCMS structured content: blocks are completely custom, can be"," ",(0,r.jsx)("strong",{children:"moved around, edited and composed in any way you want"}),", and creating them is a matter of seconds."]})}),(0,r.jsx)(i.Z,{style:"good",seoAnalysis:k,kicker:"Linking structured content",title:(0,r.jsxs)(r.Fragment,{children:["Hyper-link and reference"," ",(0,r.jsx)(i.y,{style:"good",children:"entities"}),", not just URLs"]}),image:N,hideDot:!0,imageProps:{autoPlayAndLoop:!0,playbackId:"uzYE02PAHSMwU91m01CoQtM00xMZuLr1Tm3",title:Z},children:(0,r.jsxs)("p",{children:["When you need to deliver content not only through the web, but on an\xa0",(0,r.jsx)("strong",{children:"ever-growing number of different mediums"})," ranging from native apps, voice assistants, e-books, IoT, etc... that's when being able to only create hyperlinks to fixed web addresses starts to get to you. What you need is"," ",(0,r.jsx)("strong",{children:"clear separation between content and presentation"}),"."]})}),(0,r.jsx)(f.Z,{top:2,bottom:1,children:(0,r.jsxs)(m.Z,{style:"two",children:["A portable JSON format, ",(0,r.jsx)(u.Z,{children:"ready for omnichannel"})]})}),(0,r.jsxs)(i.Z,{style:"good",seoAnalysis:k,kicker:"omnichannel CMS",title:(0,r.jsxs)(r.Fragment,{children:["Highly structured and ",(0,r.jsx)(i.y,{children:"deeply typed"})]}),image:a.Z,imageProps:{code:JSON.stringify({schema:"dast",document:{type:"root",children:[{type:"heading",level:1,children:[{type:"span",value:"Hello "},{type:"span",marks:["strong"],value:"world!"}]}]}},null,2),language:"json"},children:[(0,r.jsxs)("p",{children:["The Structured Text field saves content in a JSON format called"," ",(0,r.jsx)("code",{children:"dast"})," to"," ",(0,r.jsx)("strong",{children:"ensure control of the information"})," and the ability to unambiguously"," ",(0,r.jsx)("strong",{children:"parse and serialize the content to any medium"}),", with clear separation from presentation concerns."]}),(0,r.jsx)("p",{children:(0,r.jsx)(l.Z,{as:"a",fs:"small",p:"small",s:"invert",href:"/docs/structured-text/dast#datocms-abstract-syntax-tree--dast--specification",title:"Structured text",children:"Learn about Structured Text format"})})]}),(0,r.jsxs)(h.Z,{title:(0,r.jsx)(r.Fragment,{children:"Easily integrable by\xa0design"}),bubbles:s.filter((function(e){return["static-generator","language","framework"].includes(e.integrationType.slug)})).slice(0,30).map((function(e){return(0,r.jsx)(_.Z,{src:e.squareLogo?e.squareLogo.url:e.logo.url},e.id)})),children:[(0,r.jsxs)("p",{children:["Structured Text format adheres to the"," ",(0,r.jsx)("a",{href:"https://unifiedjs.com/",children:"Unified collective"}),", which offers a big ecosystem of utilities to parse, transform, manipulate, convert and serialize content of any kind. This makes"," ",(0,r.jsx)("strong",{children:"converting from/to Structured Content extremely easy"}),"."]}),(0,r.jsx)("p",{children:(0,r.jsx)(l.Z,{as:"a",fs:"small",p:"small",s:"invert",href:"https://github.com/datocms/structured-text",title:"Structured text",children:"Explore all the Structured Text utilities"})})]}),(0,r.jsxs)(i.Z,{style:"good",seoAnalysis:k,kicker:"The most user-friendly CMS",title:(0,r.jsxs)(r.Fragment,{children:["A complete set of"," ",(0,r.jsx)(i.y,{children:"smart,\xa0modern\xa0tools"})]}),image:"box-things",children:[(0,r.jsxs)("p",{children:["DatoCMS does not only offer a powerful editor, but a full, coordinated ",(0,r.jsx)("strong",{children:"suite of different tools"})," to give you the best writing and development experience. Find out why we are famous for being ",(0,r.jsx)("strong",{children:"the most user-friendly CMS"}),":"]}),(0,r.jsx)(o.Z,{style:"good",icon:v.Z,bullets:[(0,r.jsx)(j(),{href:"/features/data-integrity",title:"Fastest headless CMS CDN",children:(0,r.jsx)("a",{children:"Safety and integrity of your content"})},"data-integrity"),(0,r.jsx)(j(),{href:"/features/headless-cms-multi-language",title:"Headless CMS multilanguage",children:(0,r.jsx)("a",{children:"A complete set of multilanguage features"})},"headless-cms-multi-language"),(0,r.jsx)(j(),{href:"/features/workflow-cms",title:"workflow CMS",children:(0,r.jsx)("a",{children:"Organization of your workflow"})},"workflow-cms"),(0,r.jsx)(j(),{href:"/features/dynamic-layouts",title:"Dynamic Layouts",children:(0,r.jsx)("a",{children:"Dynamic & composable layouts"})},"dynamic-layouts")]})]})]})]})}},20669:function(e){e.exports={root:"style_root__6j8Qi",bullet:"style_bullet__fwJU7",icon:"style_icon__qFmF9",bad:"style_bad__gGslQ style_icon__qFmF9",good:"style_good__TmS5n style_icon__qFmF9"}},57350:function(e){e.exports={code:"style_code__99SpK"}},31312:function(e){e.exports={root:"style_root__Z0doM",isFlipped:"style_isFlipped__zEcQg",imageContainer:"style_imageContainer__Gh5OU",content:"style_content__14PCl",image:"style_image__tlTag",neutralDot:"style_neutralDot__CzgUn",move:"style_move__7vpmx",goodDot:"style_goodDot__BG35n style_neutralDot__CzgUn",badDot:"style_badDot__bonIs style_neutralDot__CzgUn",title:"style_title__Poe9Y",subtitle:"style_subtitle__wJsdb",body:"style_body__fRHzO",goodHighlight:"style_goodHighlight__UScY7",badHighlight:"style_badHighlight__cuNL6",badRoot:"style_badRoot__Y2HSM",goodRoot:"style_goodRoot__8iHet",kicker:"style_kicker__Cg6Zu"}},59686:function(e){e.exports={root:"style_root__lpG4J"}},95525:function(e){e.exports={root:"style_root__KK4Qr",background:"style_background__vU_4P","fade-jsx-339728620":"style_fade-jsx-339728620__uFwSQ",backgroundInner:"style_backgroundInner__MUyme",slide:"style_slide__Kcm9F",backgroundImage:"style_backgroundImage__T6GXf",backgroundImageInner:"style_backgroundImageInner__Z10ph","move-1":"style_move-1__I2p_j","move-2":"style_move-2__tMHJL","move-3":"style_move-3__trdjB","move-4":"style_move-4__1lRg8",foreground:"style_foreground__Qn_tC",title:"style_title__srdk_",content:"style_content__R_Xah"}},46500:function(e){e.exports={root:"style_root__rXLiB",one:"style_one__ajJoQ",two:"style_two__bmLqL",kicker:"style_kicker__Zo98o",subtitle:"style_subtitle__9RC29",title:"style_title__3qij2",bigSubtitle:"style_bigSubtitle__DIkpU",three:"style_three__CiIY9"}},80570:function(e){e.exports={root:"style_root__TvK7K",quote:"style_quote__ibYGi",image:"style_image__5yAWo",name:"style_name__iXlaM",content:"style_content__9ye94",authorRole:"style_authorRole__yzU87",role:"style_role__tcvP6"}},38798:function(e){e.exports={mt1:"style_mt1__0CuqU",mt2:"style_mt2__V03zW",mt3:"style_mt3__VB3Rj",mt4:"style_mt4__6P897",mb1:"style_mb1__hjH2Y",mb2:"style_mb2__jpYup",mb3:"style_mb3__SZk_K",mb4:"style_mb4__z9fUv"}},10646:function(e){e.exports={root:"style_root__AZ7tf",title:"style_title__j00Ea",kicker:"style_kicker__XKkZ6",subtitle:"style_subtitle__IOZ8V",content:"style_content__4EErM"}},35405:function(e){e.exports={video:"style_video__iyNx1",window:"style_window__LN1m_",windowBar:"style_windowBar__6QSyp",progress:"style_progress__M8TNW",browserBar:"style_browserBar__VUj4B",addressBar:"style_addressBar__oYr4o"}},75042:function(){},82717:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var s=n(67294),r=({condition:e,fallback:t,children:n,...r})=>e?s.createElement(s.Suspense,{fallback:t,...r},n):s.createElement(s.Fragment,null,t),o=()=>{let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{"undefined"!=typeof window&&t(!0)}),[]),e},l=(e,t)=>{let[n,r]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{if("function"==typeof IntersectionObserver){let n=new IntersectionObserver((([e])=>{r(e.isIntersecting)}),t);return e.current&&n.observe(e.current),()=>{n.disconnect()}}}),[e,t]),n},a=s.lazy((()=>Promise.all([n.e(9412),n.e(9611)]).then(n.bind(n,59611)))),i=e=>{let{style:t,className:n,onIntersection:r,placeholder:o}=e,a=s.useRef(null),i=l(a);return(0,s.useEffect)((()=>{i&&r&&r()}),[i,r]),s.createElement(s.Fragment,null,s.createElement("mux-player",{ref:a,"data-mux-player-react-lazy-placeholder":!0,placeholder:o,style:{"--mux-player-react-lazy-placeholder":o?`url(${o});`:"",...t},className:n||"",nohotkeys:!0,"aria-hidden":!0,tabIndex:-1},s.createElement("div",{"data-mux-player-react-lazy-placeholder-overlay":!0})),s.createElement("style",null,"\n        mux-player[data-mux-player-react-lazy-placeholder] {\n          aspect-ratio: 16/9;\n          display: block;\n          background-color: var(--media-background-color, #000);\n          width: 100%;\n          position: relative;\n          background-image: var(--mux-player-react-lazy-placeholder);\n          background-repeat: no-repeat;\n          background-size: var(--media-object-fit, contain);\n          background-position: var(--media-object-position, 50% 50%);\n          --controls: none;\n          --controls-backdrop-color: rgba(0, 0, 0, 0.6);\n        }\n        mux-player [data-mux-player-react-lazy-placeholder-overlay] {\n          position: absolute;\n          inset: 0;\n          background-color: var(--controls-backdrop-color);\n        }\n      "))},c={PAGE:"page",VIEWPORT:"viewport"},d=s.forwardRef(((e,t)=>{let{loading:n=c.VIEWPORT,...l}=e,d=o(),[u,h]=(0,s.useState)((()=>n!==c.VIEWPORT));return s.createElement(r,{condition:d&&u,fallback:s.createElement(i,{style:l.style,className:l.className,placeholder:l.placeholder,onIntersection:()=>h(!0)})},s.createElement(a,{...l,ref:t}))}))}},function(e){e.O(0,[3443,7855,1112,7253,5862,6377,8792,8583,9774,2888,179],(function(){return t=83428,e(e.s=t);var t}));var t=e.O();_N_E=t}]);