!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="394ecdb5-220a-4adb-934b-0f67271887ff",e._sentryDebugIdIdentifier="sentry-dbid-394ecdb5-220a-4adb-934b-0f67271887ff")}catch(e){}}(),(self.webpackChunktwitch_twilight=self.webpackChunktwitch_twilight||[]).push([[82191],{679117:function(e,t,i){i.d(t,{H:function(){return d}});var n=i(58168),a=i(198587),o=i(593954),r=i(474848),s=["title","titleId"],l=function(e){var t=e.title,i=e.titleId,o=(0,a.A)(e,s);return(0,r.jsxs)("svg",(0,n.A)({width:24,height:24,viewBox:"0 0 24 24","aria-labelledby":i},o,{children:[t?(0,r.jsx)("title",{id:i,children:t}):null,(0,r.jsx)("path",{d:"M20 5.999A9.985 9.985 0 0 0 12 2C6.477 2 2 6.477 2 12h2a8 8 0 0 1 14.93-4H14v2h8V2h-2v3.999ZM12 20a8 8 0 0 0 8-8h2c0 5.523-4.477 10-10 10a9.985 9.985 0 0 1-8-3.999V22H2v-8h8v2H5.07A7.997 7.997 0 0 0 12 20Z"})]}))};l.displayName="SourceIconRefresh";var d=(0,o.S)(l)},982191:function(e,t,i){i.d(t,{x:function(){return V}});var n=i(58168),a=i(296540),o=function(){var e=(0,a.useState)(!1),t=e[0],i=e[1],n=function(e){i(e.matches)};return(0,a.useEffect)((function(){if("undefined"!=typeof window&&window.matchMedia){var e=window.matchMedia("(pointer: coarse)");return i(e.matches),e.addEventListener("change",n),function(){e.removeEventListener("change",n)}}i(!1)}),[]),t},r=i(97774),s=i(237103),l=i(488926),d=i(959340),c=i(914421),p=i(920962),h=i(111742),u=i(564368),x=i(474848),f=function(e){var t=e.buttonSize,i=e.primaryButtonProps,a=e.secondaryButtonProps,r=o(),s=(0,h.DP)().tokenValues;if(!i&&!a)return!1;var l=r?{flexBasis:"calc(50% - "+s["space-05"]+" / 2)",flexGrow:1,flexShrink:1,containerQueries:[{minWidth:"500px",props:{flexBasis:"auto",flexGrow:0,flexShrink:0}}]}:void 0;return(0,x.jsxs)(d.P,{display:"flex",flexDirection:"row-reverse",flexWrap:r?"wrap":"nowrap",alignItems:"flex-end",justifyContent:"flex-start",padding:{top:2},gap:.5,width:"100%",children:[i&&(0,x.jsx)(d.P,(0,n.A)({},l,{children:(0,x.jsx)(u.$n,(0,n.A)({variant:"primary",size:null!=t?t:"small",fullWidth:r},i))})),a&&(0,x.jsx)(d.P,(0,n.A)({},l,{children:(0,x.jsx)(u.$n,(0,n.A)({variant:"secondary",size:null!=t?t:"small",fullWidth:r},a))}))]})};f.displayName="FTUEActions";var v=i(644035),m=i(843004),g=i(312663),y=i(990605),b=i(36935),w=i(564990),j=function(e){var t=e.contentGap,i=e.counter,a=e.description,o=e.orientation,r=e.newPill,s=e.title,l=e.titleSize,p=e.maxWidth,u=(0,v.t)().formatMessage,f=(0,h.DP)().tokenValues,j=(0,y.v)(),I=j.modalHeaderId,C=j.modalBodyId;return(0,x.jsxs)(d.P,{display:"flex",width:"100%",maxWidth:p||"75ch",flexDirection:"column",gap:null!=t?t:.5,padding:"horizontal"===o?{right:2}:void 0,style:{textWrap:"pretty"},children:[i&&(0,x.jsx)("div",{children:(0,x.jsx)(g.N,{"aria-hidden":!0,color:"alt-2",fontSize:c.Z4.Size7,children:u("{current} of {total}",{current:i[0],total:i[1]},"FTUECalloutStepCounter")})}),(0,x.jsxs)(d.P,{id:I,padding:{right:i?2:f["button-size-default"]},children:[i&&(0,x.jsx)(m.L,{children:u("Step {current} of {total}",{current:i[0],total:i[1]},"FTUECalloutStepCounterAssistiveText")}),(0,x.jsxs)(b.hE,{size:null!=l?l:"title",children:[r&&(0,x.jsx)(d.P,{as:"span",padding:{right:.5},verticalAlign:"top",children:(0,x.jsx)(w.w,(0,n.A)({},"boolean"!=typeof r?r:void 0))}),s]})]}),(0,x.jsx)(g.N,{color:"alt",as:"div",id:C,children:a})]})};j.displayName="FTUEContent";var I=i(588280),C=i(509534),P=i(679117),z=i(693523),$=i(659480),k=i(79004),S=i(926078),A={sprites:320,objects:360,"speed-lines":470,"cosmic-aura":320};var N=function(e){var t=e.type,i=e.assetId,n=e.alt,a=(0,S.Lk)();a||console.error("You must provide a value to the `cdnURL` property of `CoreUIRoot` or `CoreUIRoot__ThemeProvider` that points to where the brand assets are stored to use the `CoreGraphic` component.");var o,r,s=a+"/tw-"+i;return(0,x.jsxs)("picture",{children:[(0,x.jsx)("source",{srcSet:(o=A[t],r=s,Array.from({length:4},(function(e,t){var i=t+1;return r+"-"+o*i+".png "+i+"x"})).join(", "))}),(0,x.jsx)("img",{loading:"lazy",src:s+"-"+A[t]+".png",alt:n})]})};N.displayName="CoreGraphicPicture";var G,R=i(375276),H=i(153477),T=z.I4.div.withConfig({displayName:"ScCoreGraphicBackdrop",componentId:"sc-eikpvf-0"})(["position:absolute;top:0;left:0;width:100%;height:100%;",";",""],r.R,(function(e){var t=!!e.$value.match(/^(color-tint)/);return(0,z.AH)(G||(G=(0,R.A)(["\n      background: ",";\n      opacity: ",";\n    "])),(0,H.C)(t?function(e){return e.replace("tint","brand-accent")}(e.$value):e.$value),t?.3:void 0)}));var B,L,E=z.I4.div.withConfig({displayName:"ScCoreGraphicObjectLayer",componentId:"sc-1sv9ail-0"})(["position:relative;z-index:",";width:100%;height:100%;picture{height:100%;display:flex;align-items:center;}img{position:relative;visibility:",";max-width:100%;max-height:100%;}"],(function(e){return e.$zIndex}),(function(e){return e.$popOut?"hidden":void 0})),W=z.I4.div.withConfig({displayName:"ScCoreGraphicPopoutObjectLayer",componentId:"sc-6aly80-0"})(["position:relative;width:100%;height:100%;z-index:",";max-width:","px;img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;","}"],(function(e){return e.$zIndex}),320,(function(e){return"block-start"===e.$popOut?(0,z.AH)(B||(B=(0,R.A)(["\n          transform: scale(1.15) translateX(-43.5%) translateY(-52%);\n        "]))):"inline-start"===e.$popOut?(0,z.AH)(L||(L=(0,R.A)(["\n          transform: scale(1.15) translateX(-57.5%) translateY(-43.5%);\n        "]))):void 0}));var U=z.I4.div.withConfig({displayName:"ScCoreGraphicSpriteLayer",componentId:"sc-1pd0u2l-0"})(["mix-blend-mode:screen;position:absolute;top:0;left:0;width:100%;height:100%;z-index:",";img{width:",";max-width:","px;position:absolute;top:50%;left:50%;transform:",";}"],(function(e){return e.$zIndex}),(function(e){return(e.$scale?100*e.$scale:100)+"%"}),(function(e){return e.$scale?320*e.$scale:100}),(function(e){return function(e){void 0===e&&(e={});var t=e,i=t.x,n=void 0===i?0:i,a=t.y;return"translateX("+(-50+n)+"%) translateY("+(-50+(void 0===a?0:a))+"%)"}(e.$position)})),F=(0,z.I4)(d.P).withConfig({displayName:"ScCoreGraphic",componentId:"sc-129n5mn-0"})(["user-select:none;pointer-events:none;"]),D=(0,z.I4)(d.P).withConfig({displayName:"ScCoreGraphicLayerContainer",componentId:"sc-129n5mn-1"})(["display:flex;align-tems:center;justify-content:center;width:100%;height:100%;"]),M=z.I4.div.withConfig({displayName:"ScCoreGraphicSizeBase",componentId:"sc-129n5mn-2"})(["position:relative;max-width:","px;height:100%;"],320),Z=function(e){var t,i=e.alt,n=e.background,a=e.backgroundSprite,o=e.borderRadius,r=e.topSprite,s=e.bottomSprite,l=e.object,c=e.height,p=void 0===c?"100%":c,h=e.width,u=void 0===h?"100%":h,f=e.minHeight,v=e.maxHeight,m="string"==typeof l?l:l.asset,g="string"==typeof l?void 0:l.popOut;return(0,x.jsx)(d.P,{height:p,width:u,minHeight:f,maxHeight:v,children:(0,x.jsxs)(F,{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",children:[n&&(0,x.jsx)(T,{$value:n,$borderRadius:o}),g&&(0,x.jsx)(D,{position:"absolute",attachTop:!0,attachLeft:!0,children:(0,x.jsx)(W,{$popOut:g,$zIndex:3,children:(0,x.jsx)(N,{type:"objects",assetId:"string"==typeof l?l:l.asset,alt:""})})}),(0,x.jsx)(D,{position:"relative",overflow:"hidden",children:(0,x.jsxs)(M,{children:[a&&(0,x.jsx)(U,{$position:a.position,$scale:a.scale,$borderRadius:o,$zIndex:1,children:(t=a.asset,t.startsWith("cosmic-aura")?(0,x.jsx)(N,{type:"cosmic-aura",assetId:a.asset,alt:""}):(0,x.jsx)(N,{type:"speed-lines",assetId:a.asset,alt:""}))}),s&&(0,x.jsx)(U,{$position:s.position,$scale:s.scale,$zIndex:2,children:(0,x.jsx)(N,{type:"sprites",assetId:s.asset,alt:""})}),(0,x.jsx)(E,{$popOut:g,$zIndex:3,children:(0,x.jsx)(N,{type:"objects",assetId:m,alt:i})}),r&&(0,x.jsx)(U,{$position:r.position,$scale:r.scale,$zIndex:4,children:(0,x.jsx)(N,{type:"sprites",assetId:r.asset,alt:""})})]})})]})})};Z.displayName="CoreGraphic";var O=z.I4.div.withConfig({displayName:"ScGraphicContainer",componentId:"sc-1skh6nx-0"})(["background:",";width:100%;overflow:hidden;"," img,video,svg,canvas{display:block;height:100%;width:100%;object-fit:cover;}"],(0,$.b)("color-background-alt-2"),r.R),_=function(e){var t,i,a,o=e.animation,s=e.borderRadius,l=void 0===s?r.Z.Medium:s,h=e.children,u=e.coreGraphicProps,f=e.controlButtonProps,m=e.maxHeight,g=e.minHeight,y=e.orientation,b=e.flexShrink,w=(0,v.t)().formatMessage,j={paused:I.i,playing:C.i,ended:P.H},z={paused:f&&(null==(t=f["aria-label"])?void 0:t.paused)||w("Play the animation","FTUECalloutGraphic"),playing:f&&(null==(i=f["aria-label"])?void 0:i.playing)||w("Pause the animation","FTUECalloutGraphic"),ended:f&&(null==(a=f["aria-label"])?void 0:a.ended)||w("Replay the animation","FTUECalloutGraphic")},$={topLeft:l,topRight:"horizontal"===y?r.Z.None:l,bottomLeft:"horizontal"===y?l:r.Z.None};return(0,x.jsx)(d.P,{display:"flex",position:"relative",width:"horizontal"===y?"100px":"100%",minHeight:g||"60px",maxHeight:m||"horizontal"===y?void 0:"150px",flexShrink:b||0,children:void 0!==u?(0,x.jsx)(Z,(0,n.A)({},u,{height:"auto",borderRadius:$})):(0,x.jsxs)(x.Fragment,{children:[o&&f&&(0,x.jsx)(p.h,{children:(0,x.jsx)(d.P,{padding:1,position:"absolute",attachLeft:!0,attachBottom:!0,zIndex:c.Py.Above,children:(0,x.jsx)(d.P,{background:"overlay",borderRadius:r.Z.Rounded,children:(0,x.jsx)(k.a2,(0,n.A)({},f,{icon:j[o],"aria-label":z[o],onClick:function(e){null!=f&&f.onClick&&("ended"!==o&&"paused"!==o?f.onClick("paused",e):f.onClick("playing",e))}}))})})}),(0,x.jsx)(O,{$borderRadius:$,children:h})]})})};_.displayName="FTUEGraphic";var V=function(e){var t=e.graphicProps,i=e.orientation,a=e.counter,h=e.title,u=e.titleSize,v=e.description,m=e.newPill,g=e.primaryButtonProps,y=e.secondaryButtonProps,b=e.dismissButtonProps,w=e.isPopover,I=e.maxWidth,C=o(),P=void 0!==t,z=(0,l.a)();i||(i=w?"vertical":"horizontal");var $,k;return(0,x.jsxs)(d.P,{position:"relative",background:"float",borderRadius:w?r.Z.Large:r.Z.Medium,elevation:w?4:2,minWidth:w?"160px":void 0,maxWidth:function(){if(w)return I||("vertical"===i?"250px":P?"350px":"250px")}(),children:[(0,x.jsxs)(d.P,{display:"flex",alignItems:"stretch",flexDirection:"horizontal"===i?"row-reverse":"column-reverse",children:[(0,x.jsxs)(d.P,{containerType:"inline-size",padding:w?"15px":2,display:C?"block":"flex",justifyContent:"space-between",flexGrow:1,flexWrap:"wrap",width:"80vh",maxWidth:"100%",children:[(0,x.jsx)(d.P,{flexBasis:"50ch",flexGrow:2,children:(0,x.jsx)(j,{counter:a,title:h,titleSize:u,newPill:m,description:v,orientation:i})}),(0,x.jsx)(d.P,{alignSelf:"flex-end",flexGrow:1,children:(0,x.jsx)(f,{primaryButtonProps:g,secondaryButtonProps:y})})]}),P&&(0,x.jsx)(_,(0,n.A)({orientation:i},t))]}),(0,x.jsx)(d.P,{position:"absolute",padding:1,attachTop:!0,attachRight:!0,children:($=(0,x.jsx)(s.G,{size:w?"default":"small",onClick:null==b?void 0:b.onClick,"aria-label":(null==b?void 0:b["aria-label"])||z}),k=(0,x.jsx)(d.P,{position:"relative",zIndex:c.Py.Above,background:P&&"vertical"===i?"overlay":"base",borderRadius:r.Z.Rounded,children:$}),(0,x.jsx)(p.h,{overlay:P&&"vertical"===i,children:"vertical"===i?k:$}))})]})};V.displayName="FTUECalloutRoot"},564990:function(e,t,i){i.d(t,{w:function(){return s}});var n=i(644035),a=i(843004),o=i(26538),r=i(474848),s=function(e){var t=e.assistiveText,i=e.label,s=(0,n.t)().formatMessage,l=(0,(0,n.t)().formatMessage)("This is a new item","NewItemDefaultAssitiveText");return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.L,{as:"span",children:t||l}),(0,r.jsx)(o.a,{"aria-hidden":!0,type:"new",label:i||s("New","NewPill")})]})};s.displayName="NewPill"}}]);