(()=>{(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[4],{3263:function(L,r,t){"use strict";t.d(r,"r",function(){return h}),t.d(r,"q",function(){return g}),t.d(r,"m",function(){return E}),t.d(r,"j",function(){return j}),t.d(r,"n",function(){return P}),t.d(r,"d",function(){return I}),t.d(r,"k",function(){return T}),t.d(r,"l",function(){return D}),t.d(r,"c",function(){return W}),t.d(r,"b",function(){return A}),t.d(r,"p",function(){return _}),t.d(r,"o",function(){return z}),t.d(r,"g",function(){return G}),t.d(r,"f",function(){return V}),t.d(r,"e",function(){return H}),t.d(r,"h",function(){return R}),t.d(r,"i",function(){return M}),t.d(r,"a",function(){return U});var n=t(2),u=t(219),O=t(0),p=t.n(O);const v=({className:e,title:i})=>p.a.createElement("svg",{viewBox:"0 0 16 29",className:e,xmlns:"http://www.w3.org/2000/svg"},p.a.createElement("title",null,i||"Chevron Left Icon"),p.a.createElement("path",{transform:"rotate(-180 6.599999904632568,14.133500099182129) ",d:"m0.79,0.236l3.5,0l8.12,13.727l-8.11,14.068l-3.51,0l8.149,-14.049l-8.149,-13.746z"}));var d=t(405),s=t(3),m=t(9),a=t(1),f=t(12),c=t(6);function w(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}var k=Object.defineProperty,S=Object.prototype.hasOwnProperty,x=Object.getOwnPropertySymbols,N=Object.prototype.propertyIsEnumerable,C=(e,i,o)=>i in e?k(e,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[i]=o,l=(e,i)=>{for(var o in i||(i={}))S.call(i,o)&&C(e,o,i[o]);if(x)for(var o of x(i))N.call(i,o)&&C(e,o,i[o]);return e};const h=98,g=180,y=28,E=Object(n.a)("span",{target:"e5denmy15",label:"StyledUpNextText"})(({theme:e})=>({fontSize:Object(a.a)(14),fontWeight:700,lineHeight:Object(a.a)(20),marginBottom:Object(a.a)(5),fontFamily:e.fonts.sansSerifCond,color:s.a.white,textTransform:"uppercase"}),""),j=Object(n.a)("div",{target:"e5denmy14",label:"StyledPlaylistWrapper"})(({theme:e,upNextVisible:i,compactMode:o,hide:F})=>{let B=o?h:g;return o||(B=i?g:g-y),{display:F?"none":"grid",height:Object(c.a)(e,{thewest:B+5,fallback:B}),position:"relative",backgroundColor:s.a.black,paddingTop:e.margins.sm,paddingLeft:Object(c.a)(e,{perthnow:e.margins.sm,fallback:void 0}),paddingRight:Object(c.a)(e,{perthnow:e.margins.sm,fallback:void 0}),[Object(m.a)("sm")]:{paddingBottom:Object(c.a)(e,{thewest:e.margins.md,fallback:e.margins.sm}),paddingLeft:o?e.margins.sm:e.margins.md,paddingRight:o?e.margins.sm:e.margins.md}}},""),P=Object(n.a)("ul",{target:"e5denmy13",label:"StyledVideoPlaylist"})({name:"19zjb4u",styles:"display:flex;position:relative;list-style:none;padding:0;margin:0;scroll-snap-type:x mandatory;scroll-snap-stop:always;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}"}),I=Object(n.a)("div",{target:"e5denmy12",label:"StyledPlaylistActions"})({position:"absolute",width:"100%",left:0,top:0,display:"none",[Object(m.a)("sm")]:{display:"block"}},""),b=(e,i)=>l(l({position:"absolute",padding:Object(a.a)(0,22),height:Object(a.a)(151),border:"none",background:"none",cursor:"pointer",color:s.a.white,marginTop:e?Object(a.a)(29):0},Object(f.g)({properties:["opacity"],speed:"med"})),{"&:hover, &:active":{color:Object(c.a)(i,{sevennews:o=>o.video.focusColor,perthnow:s.a.perthnow.pinkThulite,thewest:void 0,fallback:void 0}),"& > svg":{left:"50%"}},"&:focus":{outline:"none"}}),$={content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,pointerEvents:"none"},T=Object(n.a)("button",{target:"e5denmy11",label:"StyledRotateLeftButton"})(({visible:e,upNextVisible:i,theme:o})=>l(l({},b(i,o)),{left:0,opacity:e?1:0,pointerEvents:e?"auto":"none","&::before":l(l(l({},$),{right:"-30%"}),Object(u.a)({colorStops:["transparent",s.a.black],fallback:"transparent",toDirection:"270deg"}))}),""),D=Object(n.a)("button",{target:"e5denmy10",label:"StyledRotateRightButton"})(({visible:e,upNextVisible:i,theme:o})=>l(l({},b(i,o)),{right:0,opacity:e?1:0,pointerEvents:e?"auto":"none","&::before":l(l(l({},$),{left:"-30%"}),Object(u.a)({colorStops:["transparent",s.a.black],fallback:"transparent",toDirection:"90deg"}))}),""),W=Object(n.a)(d.a,{target:"e5denmy9",label:"StyledIconChevronRight"})(l({position:"absolute",top:Object(a.a)(79),left:"40%",width:Object(a.a)(12),height:Object(a.a)(20),color:"inherit",fill:"currentColor",transform:"translate(-50%, -50%)"},Object(f.g)({properties:["left","color"],speed:"med"})),""),A=Object(n.a)(v,{target:"e5denmy8",label:"StyledIconChevronLeft"})(l({position:"absolute",top:Object(a.a)(79),left:"50%",width:Object(a.a)(12),height:Object(a.a)(20),color:"inherit",fill:"currentColor",transform:"translate(-50%, -50%)"},Object(f.g)({properties:["left","color"],speed:"med"})),""),_=Object(n.a)("li",{target:"e5denmy7",label:"StyledVideoPlaylistItem"})({position:"relative",marginRight:Object(a.a)(22),flexBasis:Object(a.a)(140),flexGrow:0,flexShrink:0,scrollSnapAlign:"start"},""),z=Object(n.a)("button",{target:"e5denmy6",label:"StyledVideoPlaylistButton"})(({active:e})=>l(l({background:"none",border:"none",padding:0,margin:0,width:"100%",textAlign:"left",cursor:"pointer",opacity:e?1:.9},Object(f.g)({properties:["opacity"],speed:"fast"})),{"&:hover, &:focus":{outline:"none",opacity:1,h2:{textDecoration:"underline"}}}),""),G=Object(n.a)("figure",{target:"e5denmy5",label:"StyledPlaylistItemMedia"})({position:"relative",width:"100%",height:Object(a.a)(80)},""),V=Object(n.a)("img",{target:"e5denmy4",label:"StyledPlaylistItemImage"})({name:"17y86f6",styles:"position:absolute;margin:auto;width:140px;height:80px;left:50%;top:100%;bottom:0;transform:translate(-50%, -50%);object-fit:cover"}),H=Object(n.a)("div",{target:"e5denmy3",label:"StyledPlaylistItemDetails"})(({theme:e,active:i})=>l(l({position:"absolute",bottom:0,width:"100%",height:80,padding:Object(a.a)(60,10,10),color:s.a.white,fontSize:Object(a.a)(12),fontFamily:e.fonts.sansSerif},Object(u.a)({colorStops:["transparent",s.a.sevennews.charade],fallback:"transparent",toDirection:"180deg"})),{"&:focus":{border:Object(c.a)(e,{sevennews:o=>`2px solid ${o.video.focusColor}`,perthnow:`2px solid ${s.a.perthnow.pinkThulite}`,fallback:void 0})},border:i?Object(c.a)(e,{sevennews:o=>` 2px solid ${o.video.focusColor}`,perthnow:`2px solid ${s.a.perthnow.pinkThulite}`,fallback:void 0}):void 0}),""),R=Object(n.a)("div",{target:"e5denmy2",label:"StyledPlaylistItemPlayIcon"})({display:"inline-block",position:"relative",width:Object(a.a)(18),"&::before":{position:"absolute",content:"''",bottom:Object(a.a)(-2),display:"block",width:0,height:0,borderWidth:`${Object(a.a)(6)} 0 ${Object(a.a)(6)} ${Object(a.a)(10)}`,borderStyle:"solid",borderColor:"transparent",borderLeftColor:s.a.white}},""),M=Object(n.a)("h2",{target:"e5denmy1",label:"StyledPlaylistItemTitle"})(({theme:e})=>({fontSize:Object(c.a)(e,{sevennews:Object(a.a)(15),fallback:Object(a.a)(14)}),fontWeight:400,color:s.a.white,fontFamily:Object(c.a)(e,{sevennews:e.fonts.sansSerifCond,fallback:e.fonts.sansSerif}),marginTop:Object(a.a)(8),marginBottom:0,overflow:"hidden !important",textOverflow:"ellipsis",maxHeight:Object(a.a)(50),display:"-webkit-box",WebkitLineClamp:4,WebkitBoxOrient:"vertical"}),""),U=Object(n.a)("div",{target:"e5denmy0",label:"StyledCompactDetailsContainer"})(({theme:e})=>({position:"absolute",minWidth:Object(a.a)(140),maxWidth:Object(a.a)(140),top:Object(a.a)(-4),right:Object(a.a)(-140-e.margins.sm)}),"")},3289:function(L,r,t){"use strict";t.d(r,"c",function(){return k}),t.d(r,"b",function(){return S}),t.d(r,"a",function(){return l});var n=t(2),u=t(101),O=t(3263),p=t(123),v=t(194),d=t(8),s=t(21),m=t(9),a=t(1);function f(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const c=d.a.sevennews.margins.md,w=d.a.sevennews.margins.lg,k=Object(n.a)("article",{target:"e1tjkl219",label:"StyledGrid"})({margin:"0 auto",width:"100%",display:"grid",gridTemplateColumns:"100%",gridGap:Object(a.a)(c)},""),S=Object(n.a)("div",{target:"e1tjkl218",label:"StyledCell"})(({largeGap:b})=>({padding:b===!0?`0 0 ${Object(a.a)(w)} 0`:0}),""),x=Object(n.a)("div",{target:"e1tjkl217",label:"StyledVideoCell"})({"--stickyContainerHeight":0,minHeight:"var(--stickyContainerHeight)"},""),N=Object(n.a)("div",{target:"e1tjkl216",label:"StyledNestedGrid"})({display:"grid",gridTemplateColumns:"100%",gridGap:Object(a.a)(c),[Object(m.a)("md")]:{gridTemplateColumns:"40px auto"},"@media print":{display:"block"}},""),C=Object(n.a)(u.a,{target:"e1tjkl215",label:"SevenNewsStyledSharing"})({position:"sticky",top:d.a.sevennews.margins.xxl},""),l=Object(n.a)("div",{target:"e1tjkl214",label:"StyledArticleContent"})({width:"100%",gridColumn:2,"& *:last-child":{marginBottom:0,zIndex:0},"& figure:last-child figcaption":{borderBottom:"none"},"& .twin-image-wrapper":{marginBottom:Object(a.a)(d.a.sevennews.margins.md),[Object(m.a)("sm")]:{marginBottom:0}},[`& .${v.e}`]:{paddingLeft:Object(a.a)(d.a.sevennews.margins.lg)}},""),h=321,g=300,y=180+O.r,E=Object(n.a)("div",{target:"e1tjkl213",label:"StyledStickyCell"})(({largeGap:b})=>({display:"block",[`&.${p.e}`]:{left:`calc(51vw - ((100vw - 100%)/2) + ${h/2}px)`,position:"fixed",top:`calc(100vh - ${y}px)`,width:h,zIndex:s.a.common.stickyVideo,pointerEvents:"auto",paddingBottom:0},[Object(m.a)("sm")]:{padding:b===!0?`0 0 ${Object(a.a)(w)} 0`:0}}),"");E.displayName="StickyContainer";const j=Object(n.a)("div",{target:"e1tjkl212",label:"StyledEntStickyCell"})(({isGallery:b})=>({display:b?"flex":"block",gap:Object(a.a)(20)}),"");j.displayName="EntStickyContainer";const P=Object(n.a)("div",{target:"e1tjkl211",label:"StyledEntStickyCellWrapper"})({display:"block",[`&.${p.e}`]:{width:"100%",position:"fixed",maxWidth:Object(a.a)(d.a.sevennews.siteMetrics.sevenEntMainContentWidth),height:y,bottom:Object(a.a)(10),margin:"0 auto",left:0,right:0,padding:Object(a.a)(0,d.a.sevennews.margins.xl),zIndex:1001,pointerEvents:"none",display:"flex",justifyContent:"flex-end",[`${j}`]:{width:g}}},""),I=Object(n.a)("div",{target:"e1tjkl210",label:"StyledStickyTop"})({name:"dwujfk",styles:"height:1px"});I.displayName="StickyWatcher"}}]);})();

//# sourceMappingURL=ArticleVideo-web~BaseTheWest-amp_139ead2df6aaf080fdc0.js.map