(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1701],{33135:function(e,t,o){"use strict";o.r(t),o.d(t,{__N_SSP:function(){return M},default:function(){return Q}});var n=o(95235),r=o(2784),i=o(68215),s=o(34693),c=o(46420),l=o(51505),d=o(89937),a=o(43686),h=o(29354),m=o(20669),u=o(97239),p=o(77216),f=o(63046),g=o(96447),y=o(88162),b=o(43499),x=o(90929),w=o(15820),j=o(14625),v=o(86409),k=o(88724),C=o(87136),O=o(7307),T=o(6836);const S=(0,O.default)(v.Aq).withConfig({componentId:"sc-15dd61a-0"})(["padding:",";"],(e=>{let{theme:t}=e;return`${t.spacing[16]} 0`})),I=(0,O.default)(v.en).withConfig({componentId:"sc-15dd61a-1"})(["padding-left:0;margin-top:",";"],(e=>{let{theme:t}=e;return t.spacing[32]})),z=O.default.div.withConfig({componentId:"sc-15dd61a-2"})(["display:flex;align-items:center;justify-content:center;"]),P=O.default.div.withConfig({componentId:"sc-15dd61a-3"})(["& > *{img{width:100%;}}"]),G=(0,O.default)(T.I).withConfig({componentId:"sc-15dd61a-4"})(["width:100%;& > img{max-height:100%;","{","}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{imageSize:t}=e;return"small"===t&&(0,O.css)(["width:auto;max-height:250px;margin:0 auto;"])}));var _=o(11413),$=o(29019),D=o(52322);function R(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}var M=!0;function Q(){const{text:e}=(0,s.useLocalizer)(),{locale:t,query:o}=(0,i.tv)(),{data:{product:O}}=(0,w.aM)(w.o$.MC,{urlKey:o.slug,locale:t},{fetchPolicy:"cache-only"}),{0:T,1:M}=(0,r.useState)((()=>C.Xx[0].value)),{selectedSortByOption:Q,handleSortByChange:q}=(0,c.sI)({sortBy:T,sortByOptions:C.Xx,applySortBy:e=>M((()=>e))}),B=(0,r.useMemo)((()=>C.Xx.map((t=>{let{value:o,label:n}=t;return{value:o,label:e(n)}}))),[e]),E=(0,r.useMemo)((()=>({value:Q.value,label:e(Q.label)})),[Q,e]),V=(0,r.useMemo)((()=>{const e=T?T("name"):x.b6,t=O.relatedProducts.map(_.Z).sort(e);return(0,D.jsx)(I,{children:t.map((e=>(0,D.jsx)(j.I8,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?R(Object(o),!0).forEach((function(t){(0,n.Z)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):R(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({},e),e.sku)))})}),[O,T]);return(0,D.jsx)($.Kq,{children:(0,D.jsxs)(v.$0,{children:[(0,D.jsx)(S,{background:{backgroundType:`#${O.backgroundColor}`},children:(0,D.jsx)(k.Gb,{small:!0,children:(0,D.jsxs)(k.vs,{children:[(0,D.jsx)(k.r1,{children:(0,D.jsxs)(k.ZM,{children:[(0,D.jsxs)(k.tP,{children:[(0,D.jsx)(a.S,{backgroundColor:h.d.color.secondary,foregroundColor:h.d.color.white,children:"DLC"}),(0,D.jsx)(m.S,{size:12}),(0,D.jsx)(u.P,{accentColor:C.rG[O.platform.code],children:O.platform?.label})]}),(0,D.jsxs)(p.H,{variant:"h1",large:!0,children:[(0,D.jsxs)(f.T,{variant:"body",children:[e("Downloadable content for")," ",(0,D.jsx)("br",{})]}),(0,D.jsx)(m.S,{size:4}),O.name]}),(0,D.jsx)(m.S,{size:16}),(0,D.jsxs)(f.T,{variant:"body",children:[e("Software required to use (sold separately):"),(0,D.jsx)("br",{}),(0,D.jsx)(g.L,{href:O.url,children:O.name})]})]})}),(0,D.jsx)(P,{children:(0,D.jsx)(G,{assetPath:O.productImage.publicId,alt:""})})]})})}),(0,D.jsxs)(v.$0,{constrained:!0,small:!0,children:[(0,D.jsx)(l.S,{children:(0,D.jsx)(d.S,{label:e("Sort by"),onSelect:q,options:B,dropdownValue:E})}),(0,D.jsx)(m.S,{size:24}),V]}),(0,D.jsx)(z,{children:(0,D.jsx)(y.B,{href:O.url,icon:b.Z,size:"large",children:e("Back to game")})})]})})}},80749:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/store/products/[slug]/dlc",function(){return o(33135)}])},51505:function(e,t,o){"use strict";o.d(t,{D:function(){return i},M:function(){return r},S:function(){return s}});var n=o(7307);const r=n.default.div.withConfig({componentId:"sc-5immi9-0"})(["","{display:none;}"],(({theme:e})=>e.mediaQuery.desktop)),i=n.default.div.withConfig({componentId:"sc-5immi9-1"})(["display:none;","{display:block;}"],(({theme:e})=>e.mediaQuery.desktop)),s=n.default.div.withConfig({componentId:"sc-5immi9-2"})(["display:grid;grid-template-columns:1fr auto;column-gap:",";align-items:flex-end;","{display:flex;justify-content:space-between;justify-content:flex-end;}"],(({theme:e})=>e.spacing[8]),(({theme:e})=>e.mediaQuery.desktop))},89937:function(e,t,o){"use strict";o.d(t,{S:function(){return I}});o(2784);var n=o(13980),r=o.n(n),i=o(6642),s=o(7307),c=o(68020),l=o(63046),d=o(52048),a=o(53342),h=o(52322);const m=s.default.div.withConfig({componentId:"sc-1rzbfge-0"})(["display:flex;flex-direction:column;align-items:flex-start;","{flex-direction:row;align-items:center;}"],(({theme:e})=>e.mediaQuery.desktop)),u=(0,s.default)(l.T).withConfig({componentId:"sc-1rzbfge-1"})(["display:block;font-weight:",";color:",";min-width:fit-content;margin:0;margin-bottom:",";","{margin:0;margin-right:",";}"],(({theme:e})=>e.font.weight.light),(({theme:e})=>e.color.darkGray2),(({theme:e})=>e.spacing[12]),(({theme:e})=>e.mediaQuery.desktop),(({theme:e})=>e.spacing[16])),p=(0,s.default)(a.S).withConfig({componentId:"sc-1rzbfge-2"})(["width:100%;","{min-width:",";width:inherit;}","{min-width:",";}"],(({theme:e})=>e.mediaQuery.tablet),(({theme:e})=>e.pxToRem(230)),(({theme:e})=>e.mediaQuery.desktop),(({theme:e})=>e.pxToRem(200))),f=(0,s.default)(c.c.ValueContainer).attrs((({selectTheme:e})=>({theme:e}))).withConfig({componentId:"sc-1rzbfge-3"})(["&&&{padding:0;}"]),g=(0,s.default)(c.c.SingleValue).attrs((({selectTheme:e})=>({theme:e}))).withConfig({componentId:"sc-1rzbfge-4"})(["&&&{color:",";margin-left:",";}"],(({theme:e})=>e.color.darkGray2),(({theme:e})=>e.spacing[16])),y=(0,s.default)(c.c.Menu).attrs((({selectTheme:e})=>({theme:e}))).withConfig({componentId:"sc-1rzbfge-5"})(["&&&{overflow:hidden;box-shadow:0 0 8px 0 rgba(0,0,0,0.25);border:solid 1px ",";border-radius:",";font-size:",";margin-top:",";z-index:10;}"],(({theme:e})=>e.color.darkGray4),(({theme:e})=>e.borderRadiusSmall),(({theme:e})=>e.font.size.bodyDesktop),(({theme:e})=>e.spacing[4])),b=(0,s.default)(c.c.Option).attrs((({selectTheme:e})=>({theme:e}))).withConfig({componentId:"sc-1rzbfge-6"})(["&&&{background:",";color:",";cursor:pointer;padding:"," ",";&:hover{background:",";}","}"],(({theme:e})=>e.color.white),(({theme:e})=>e.color.darkGray2),(({theme:e})=>e.spacing[8]),(({theme:e})=>e.spacing[16]),(({theme:e})=>e.color.lightGray3),(({selectProps:e})=>e.isFocused&&(0,s.css)(["background:",";"],(({theme:e})=>e.color.lightGray3)))),x=(0,s.default)(c.c.Control).attrs((({selectTheme:e})=>({theme:e}))).withConfig({componentId:"sc-1rzbfge-7"})(["&&&{border:1px solid ",";border-radius:",";cursor:pointer;font-size:",";font-weight:",";height:",";width:100%;transition:",";"," "," &:hover{background-color:",";box-shadow:0 0 0 1px ",";}}"],(({theme:e})=>e.color.darkGray4),(({theme:e})=>e.borderRadiusSmall),(({theme:e})=>e.font.size.titleDesktop),(({theme:e})=>e.font.weight.bold),(({theme:e})=>e.pxToRem(48)),(({theme:e})=>`all ${e.movement.duration} ${e.movement.easing} ${e.movement.delay}`),(({isFocused:e,theme:t})=>e&&(0,s.css)(["box-shadow:0 0 0 1px ",";outline:none;background-color:",";"],t.color.darkGray4,(({theme:e})=>e.color.lightGray3))),(({selectProps:e})=>e.menuIsOpen&&(0,s.css)(["background-color:",";box-shadow:0 0 0 1px ",";"],(({theme:e})=>e.color.lightGray3),(({theme:e})=>e.color.darkGray4))),(({theme:e})=>e.color.lightGray3),(({theme:e})=>e.color.darkGray4)),w=(0,s.default)(d.Z).attrs((({selectTheme:e})=>({theme:e,selectTheme:void 0}))).withConfig({componentId:"sc-1rzbfge-8"})(["color:",";margin-right:",";transition:",";width:",";","{width:",";}",""],(({theme:e})=>e.color.darkGray2),(({theme:e})=>e.spacing[16]),(({theme:e})=>`transform ${e.movement.duration} ${e.movement.easing} ${e.movement.delay}`),(({theme:e})=>e.pxToRem(14)),(({theme:e})=>e.mediaQuery.desktop),(({theme:e})=>e.pxToRem(16)),(({$menuIsOpen:e})=>e&&(0,s.css)(["transform:rotate(180deg);"]))),j=({children:e,theme:t,...o})=>(0,h.jsx)(x,{selectTheme:t,...o,children:e});j.propTypes={children:r().node};const v=({children:e,selectProps:t,theme:o})=>(0,h.jsx)(w,{$menuIsOpen:t.menuIsOpen,selectTheme:o,children:e});v.propTypes={children:r().node,selectProps:r().shape({menuIsOpen:r().bool})};const k=({children:e,theme:t,...o})=>(0,h.jsx)(y,{selectTheme:t,...o,children:e});k.propTypes={children:r().node};const C=({children:e,theme:t,...o})=>(0,h.jsx)(b,{selectTheme:t,...o,children:e});C.propTypes={children:r().node};const O=({children:e,theme:t,...o})=>(0,h.jsx)(g,{selectTheme:t,...o,children:e});O.propTypes={children:r().node};const T=({children:e,theme:t,...o})=>(0,h.jsx)(f,{selectTheme:t,...o,children:e});T.propTypes={children:r().node};const S=e=>{const{label:t,onSelect:o,options:n,dropdownValue:r}=e;return(0,h.jsxs)(m,{children:[(0,h.jsxs)(u,{children:[t,":"]}),(0,h.jsx)(p,{onSelect:o,options:n,value:r,replacementComponents:{Control:j,DropdownIndicator:v,Menu:k,Option:C,SingleValue:O,ValueContainer:T}})]})};S.propTypes={label:r().string.isRequired,onSelect:r().func.isRequired,dropdownValue:i.O,options:r().arrayOf(i.O).isRequired};var I=S}},function(e){e.O(0,[1850,5208,8286,4511,929,6409,9019,9774,2888,179],(function(){return t=80749,e(e.s=t);var t}));var t=e.O();_N_E=t}]);