1"use strict";(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[7794],{9481(e,t,i){i.d(t,{$W:()=>U,HW:()=>Y,Hz:()=>G,Kz:()=>K,L5:()=>B,Mr:()=>W,RL:()=>T,Ui:()=>j,Uk:()=>D,VM:()=>O,Vt:()=>A,XI:()=>R,YR:()=>ge,Z1:()=>P,ZR:()=>$e,Zj:()=>_,_k:()=>V,ax:()=>L,cR:()=>se,cd:()=>z,ci:()=>q,de:()=>pe,gU:()=>Q,iD:()=>M,jL:()=>N,ld:()=>k,oF:()=>X,s8:()=>F,vp:()=>Z,yN:()=>E,yR:()=>le});var n=i(38267),o=i(18608),a=i(96472),r=i(99906),d=i(1123),l=i(26865),p=i(52027),s=i(65087),c=i(15384),g=i(74423),$=i(20388),m=i(38860),h=i(62096),f=i(86659),y=i(21093),x=i(86157),u=i(18224),b=i(10642),w=i(6613),v=i(91783),S=i(7228),C=i(40653),H=i(75163);const K=(0,n.Ay)(o.vm).withConfig({displayName:"SplitScreenContentHeaderHed"}).attrs(e=>({as:"h1",typeIdentity:"typography.definitions.consumptionEditorial.hed-standard",...e}))` 2 margin: 0; 3 padding: 0; 4 color: var(${H.pT.Color.TextHeading}); 5 6 /* TODO: Remove this override once type theming is available, this is a specific theme for GQ */ 7 .theme-vintage & { 8 ${(0,l.Gg)("typography.definitions.consumptionEditorial.hed-feature")}; 9 } 10 11 ${({isMusicReview:e})=>e&&`\n ${(0,l.Xm)(a.LO.sm,"767px")} {\n padding: ${(0,l.Kq)(0)};\n }\n `} 12`,q=(0,n.Ay)(o.vm).withConfig({displayName:"SplitScreenContentHeaderArtist"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 13 margin: 0; 14 color: var(${H.pT.Color.TextHeading}); 15 font-size: ${({isSplitScreenArtistLarge:e})=>e?"28px":"inherit"}; 16`,A=n.Ay.span.withConfig({displayName:"SplitScreenContentHeaderArtistSlash"}).attrs(e=>({typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 17 color: var(${H.pT.Color.TextHeading}); 18 font-size: ${({isSplitScreenArtistLarge:e})=>e?"28px":"inherit"}; 19`,L=(0,n.Ay)(o.sH).withConfig({displayName:"SplitScreenContentHeaderArtistLink"})` 20 display: inline-block; 21 vertical-align: middle; 22 text-decoration: none; 23`;L.displayName="SplitScreenContentHeaderArtistLink";const O=n.Ay.ul.withConfig({displayName:"SplitScreenContentHeaderArtistWrapper"})` 24 padding-left: ${(0,l.Kq)(0)}; 25 ${({isMusicReview:e})=>e&&`\n ${(0,l.Xm)(a.LO.sm,"767px")} {\n margin-top: ${(0,l.Kq)(0)};\n padding-top: ${(0,l.Kq)(0)};\n }\n `} 26`,T=(0,n.Ay)(o.vm).withConfig({displayName:"SplitScreenContentHeaderDek"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 27 margin: 0; 28 color: var(${H.pT.Color.TextDek}); 29 30 .small { 31 text-transform: lowercase; 32 font-style: inherit; 33 font-variant: small-caps; 34 } 35`,k=(0,n.Ay)(o.vm).withConfig({displayName:"SplitScreenContentHeaderDekDown"}).attrs(e=>({as:"div",typeIdentity:"typography.definitions.consumptionEditorial.description-core",...e}))` 36 padding-top: ${(0,l.Kq)(1)}; 37 padding-bottom: ${(0,l.Kq)(3)}; 38 text-align: center; 39`,B=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderInfoSlice"})` 40 align-items: center; 41 padding-top: ${(0,l.Kq)(0)}; 42`,N=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderNativeShareButton"})` 43 display: flex; 44 align-items: center; 45 justify-content: center; 46 box-sizing: border-box; 47 background-color: transparent; 48 padding: ${(0,l.Kq)(4)} 0; 49 /* Reserve the 48px button and 32px padding on each side before hydration. */ 50 min-height: ${(0,l.Kq)(14)}; 51 52 ${({$shouldEnableNativeShareOnDesktop:e})=>!e&&`\n ${(0,l.H4)(a.LO.md)} {\n display: none;\n }\n `} 53`,j=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderScoreBox"})` 54 display: flex; 55 flex-direction: row; 56 align-items: center; 57 justify-content: center; 58 text-align: justify; 59 ${(0,l.H4)(a.LO.sm)} { 60 margin-bottom: ${(0,l.Kq)(4)}; 61 padding-left: ${(0,l.Kq)(2)}; 62 } 63 ${(0,l.H4)(a.LO.md)} { 64 margin-bottom: ${(0,l.Kq)(0)}; 65 padding-left: ${(0,l.Kq)(4)}; 66 } 67`,F=(0,n.Ay)(s.A).withConfig({displayName:"SplitScreenContentHeaderByline"})` 68 ${(0,l.Gg)("typography.definitions.globalEditorial.accreditation-feature")} 69 padding-bottom: ${(0,l.Kq)(1)}; 70 color: var(${H.pT.Color.TextByline}); 71 72 ${({isMusicReview:e})=>e&&`${(0,l.H4)(a.LO.sm)} {\n margin-top: ${(0,l.Kq)(2)};\n justify-content: center;\n display: flex;\n }\n `} 73 74 ${({contributorsPosition:e})=>"top"===e&&"\n display: inline-block;\n margin: 0;\n "} 75 76 ${g.f9} { 77 margin-top: 0; 78 } 79 80 ${g.f9}:first-child { 81 margin-top: 0; 82 } 83 84 & span { 85 text-align: ${({contentAlign:e})=>e}; 86 } 87`,R=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderRubricWrapper"})` 88 display: flex; 89 flex-flow: row wrap; 90 align-items: center; 91 margin-top: 0; 92 margin-bottom: 0; 93 gap: ${(0,l.Kq)(2)}; 94 95 *, 96 .card { 97 margin-top: 0; 98 margin-right: 0; 99 margin-bottom: 0; 100 margin-left: 0; 101 } 102 103 ${F} { 104 padding-bottom: 0; 105 } 106`,E=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderTitleBlock"})` 107 ${`\n padding-right: ${(0,l.Kq)(3)};\n padding-left: ${(0,l.Kq)(3)};\n\n ${(0,l.H4)(a.LO.xl)} {\n padding-right: 0;\n padding-left: 0;\n }\n`}; 108 109 display: flex; 110 flex-direction: column; 111 align-items: center; 112 justify-content: center; 113 padding-top: ${(0,l.Kq)(5)}; 114 padding-bottom: ${(0,l.Kq)(5)}; 115 width: 100%; 116 height: 100%; 117 text-align: center; 118 119 &[class*='theme-'] { 120 background: var(${H.pT.Color.Surface}); 121 } 122 123 .content-header-text { 124 display: flex; 125 flex-direction: column; 126 align-items: center; 127 gap: 1rem; 128 } 129 130 .accreditation-info { 131 display: flex; 132 flex-direction: column; 133 align-items: center; 134 gap: 0.5rem; 135 } 136 137 ${c.m} { 138 padding-bottom: 0; 139 } 140 141 ${R} { 142 justify-content: center; 143 } 144 145 ${(0,l.H4)(`calc(${a.LO.md})`)} { 146 > * { 147 max-width: 500px; 148 } 149 } 150 151 ${({contentAlign:e})=>"left"===e&&`\n .content-header-text {\n align-items: flex-start;\n margin-left: ${(0,l.Kq)(4.5)};\n text-align: start;\n\n ${(0,l.L7)(`calc(${a.LO.md} - 1px)`)} {\n margin-left: 0px;\n }\n\n ${R} {\n justify-content: start;\n }\n\n .accreditation-info {\n align-items: flex-start;\n }\n }\n `}; 152 153 ${({textAlign:e})=>"left"===e&&`\n .content-header-text {\n text-align: start;\n\n > * {\n margin: 0 auto;\n width: 100%;\n }\n\n ${R},\n ${$e} {\n justify-content: start;\n }\n\n .accreditation-info {\n align-items: flex-start;\n }\n }\n `}; 154 ${(0,l.L7)(`calc(${a.LO.md} - 1px)`)} { 155 padding-bottom: ${(0,l.Kq)(2)}; 156 157 &[class*=' theme-'] { 158 padding-bottom: ${(0,l.Kq)(5)}; 159 } 160 161 .fullbleed &:not([class*=' theme-']) { 162 padding-bottom: ${(0,l.Kq)(5)}; 163 } 164 } 165
166 ${({shouldUseViewportBasedScoreBox:e})=>e&&`\n /* Hide ScoreBox in title block on mobile */\n ${j} {\n ${(0,l.L7)(`calc(${a.LO.md} - 1px)`)} {\n display: none;\n }\n }\n\n ${(0,l.H4)(a.LO.md)} {\n flex-direction: row;\n align-items: center;\n gap: ${(0,l.Kq)(3)};\n padding-left: 0;\n\n > * { max-width: none; }\n > *:first-child { flex-shrink: 0; align-self: center; padding-left: ${(0,l.Kq)(5)}; }\n > *:not(:first-child) {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n text-align: start;\n min-width: 0;\n }\n\n ${(0,l.H4)(a.LO.lg)} {\n > *:first-child { padding-left: 0; }\n }\n\n ${h.dk} { width: ${(0,l.Kq)(15.625)}; }\n ${h.vX} { width: ${(0,l.Kq)(15.625)}; height: ${(0,l.Kq)(15.625)}; border-width: ${(0,l.Kq)(1.125)}; }\n ${h.M4} {\n position: absolute;\n top: 0;\n left: 50%;\n margin: 0;\n margin-top: ${(0,l.Kq)(-3.875)};\n width: ${(0,l.Kq)(6.5)};\n height: ${(0,l.Kq)(3.375)};\n transform: translateX(-50%);\n }\n }\n `}; 167`,M=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderLedeBlock"})``,V=(0,n.Ay)(f.A.TwoUpFullBleedNoGap).withConfig({displayName:"SplitScreenContentHeaderMain"})` 168 background: var(${H.pT.Color.Surface}); 169 color: var(${H.pT.Color.Text}); 170 171 ${(0,l.L7)(`${r.VS.md}px`)} { 172 &.with-divider-mobile { 173 border-bottom: 1px solid var(${H.pT.Color.BorderStory}); 174 } 175 } 176 ${(0,l.H4)(`${r.VS.md}px`)} { 177 &.with-divider-desktop { 178 border-bottom: 1px solid var(${H.pT.Color.BorderStory}); 179 } 180 } 181 182 &.grid-full-bleed { 183 ${(0,l.H4)(a.LO.md)} { 184 grid-template-rows: auto 1fr; 185 186 /* Make the content header full bleed for all viewport height and remove the stacked nav size so the content header occupies all the visible space. */ 187 ${M} { 188 height: calc(100vh - 108px); 189 ${({shouldFitToViewport:e})=>e&&"height: 100%;\n min-height:calc(100vh - 108px);\n "} 190 } 191 } 192 ${(0,l.L7)(a.LO.lg)} { 193 ${M} { 194 height: 100%; 195 ${({shouldFitToViewport:e})=>e&&"min-height: 100%;\n "} 196 } 197 } 198 } 199`,D=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderLeadWrapper"})` 200 ${({isMusicReview:e})=>e&&"\n display: flex;\n flex-direction: row;\n "} 201 align-items: ${({isMusicReview:e})=>e?"center":"start"}; 202 justify-content: center; 203 height: 100%; 204 text-align: center; 205 206 &[class*='theme-'] { 207 background: var(${H.pT.Color.Surface}); 208 } 209 210 /* Apply same margins as title block and right-align image on desktop */ 211 ${({shouldUseViewportBasedScoreBox:e})=>e&&`\n ${(0,l.H4)(a.LO.md)} {\n ${(0,d.aU)("padding")}\n justify-content: flex-end;\n text-align: end;\n }\n\n ${j} {\n ${(0,l.H4)(a.LO.md)} {\n display: none;\n }\n\n /* Show ScoreBox in lead wrapper on mobile only with enhanced styles */\n ${(0,l.L7)(`calc(${a.LO.md} - 1px)`)} {\n display: flex;\n\n ${h.dk} { width: ${(0,l.Kq)(15.625)}; }\n ${h.vX} { width: ${(0,l.Kq)(15.625)}; height: ${(0,l.Kq)(15.625)}; border-width: ${(0,l.Kq)(1.125)}; }\n ${h.M4} {\n position: absolute;\n top: 0;\n left: 50%;\n margin: 0;\n margin-top: ${(0,l.Kq)(-3.875)};\n width: ${(0,l.Kq)(6.5)};\n height: ${(0,l.Kq)(3.375)};\n transform: translateX(-50%);\n }\n }\n }\n `} 212 213 ${v.WE} { 214 display: block; 215 } 216`,I=n.AH` 217 display: inline-block; 218 border-radius: 50%; 219 background-color: #f5f5f5; 220 overflow: hidden; 221`,U=(0,n.Ay)(x.A).withConfig({displayName:"SplitScreenContentHeaderContributorImage"})` 222 ${(0,p.P)("100%","60px","66px")}; 223 margin-right: auto; 224 margin-bottom: ${(0,l.Kq)(2)}; 225 margin-left: auto; 226 227 img { 228 width: 100%; 229 } 230 231 ${({hasContributorImageBackground:e})=>e&&I} 232`,W=n.Ay.time.withConfig({displayName:"SplitScreenContentHeaderPublishDate"}).attrs(({datetime:e})=>({dateTime:e}))` 233 display: inline-flex; 234 color: var(${H.pT.Color.TextPubdate}); 235 ${(0,l.Gg)("typography.definitions.globalEditorial.context-tertiary")}; 236`,P=n.Ay.time.withConfig({displayName:"SplitScreenContentHeaderReleaseYear"})` 237 ${(0,l.Gg)("typography.definitions.globalEditorial.context-tertiary")}; 238`,X=(0,n.Ay)(y.A).withConfig({displayName:"SplitScreenContentHeaderRating"})` 239 max-width: none; 240 241 ${(0,l.L7)(a.LO.md)} { 242 margin-top: ${(0,l.Kq)(2)}; 243 padding-bottom: 0; 244 } 245 246 ${(0,l.H4)(a.LO.md)} { 247 padding-top: ${(0,l.Kq)(1)}; 248 padding-bottom: 0; 249 } 250`,G=(0,n.Ay)($.A).withConfig({displayName:"SplitScreenContentHeaderCaption"})` 251 padding-top: ${(0,l.Kq)(1)}; 252 253 &${m.Gk} { 254 margin: 0; 255 } 256`,z=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderRubric"})` 257 ${({theme:e})=>(0,l.Gg)(e,"typography.definitions.globalEditorial.context-primary")} 258 display: inline-flex; 259 color: var(${H.pT.Color.TextRubric}); 260 261 ${w.as} { 262 vertical-align: baseline; 263 } 264`,Z=(0,n.Ay)(x.A).withConfig({displayName:"SplitScreenContentHeaderLede"})` 265 height: 100%; 266 267 &.responsive-asset { 268 ${(0,l.H4)(a.LO.md)} { 269 padding-bottom: 0; 270 height: 100%; 271 272 ${v.hh} { 273 .responsive-clip__video { 274 height: 100%; 275 } 276 position: relative; 277 margin: 0 auto; 278 width: 100%; 279 max-width: 100%; 280 height: 100%; 281 object-fit: cover; 282 } 283 } 284 285 ${(0,l.L7)(a.LO.md)} { 286 ${v.hh} { 287 padding: 0 1.5rem 1.5rem; 288 } 289 290 ${S.BF} { 291 img { 292 padding-bottom: 1.5rem; 293 } 294 } 295 } 296 297 ${v.Pu} { 298 display: none; 299 } 300 } 301 302 .responsive-image { 303 width: 100%; 304 height: 100%; 305 } 306 307 ${S.BF} { 308 width: 100%; 309 height: 100%; 310 object-fit: cover; 311 } 312`,_=(0,n.Ay)(f.A.EvenAny).withConfig({displayName:"SplitScreenContentHeaderForMusicReview"})`
313 border-bottom: ${({showHeaderDivider:e,shouldUseViewportBasedScoreBox:t})=>e&&!t?(0,l.Kq)(.125):"0px"} 314 solid var(${H.pT.Color.BorderStory}); 315 color: var(${H.pT.Color.Text}); 316 317 &[class*='theme-'] { 318 background: var(${H.pT.Color.Surface}); 319 } 320 321 ${({shouldUseViewportBasedScoreBox:e})=>e&&`\n position: relative;\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: calc(var(--grid-margin) + ${(0,l.Kq)(14)});\n right: calc(var(--grid-margin) + ${(0,l.Kq)(14)});\n height: ${(0,l.Kq)(.125)};\n background: var(${H.pT.Color.BorderStory});\n }\n `} 322 323 ${({shouldUseViewportBasedScoreBox:e})=>e&&`\n ${(0,l.H4)(a.LO.lg)} {\n ${(0,d.aU)("padding")}\n padding-left: calc(var(--grid-margin) + ${(0,l.Kq)(6.5)});\n padding-right: calc(var(--grid-margin) + ${(0,l.Kq)(6.5)});\n }\n `} 324 325 &.grid-even-any { 326 ${(0,l.H4)(a.LO.sm)} { 327 ${Z} { 328 ${S.BF} { 329 margin-bottom: ${(0,l.Kq)(4)}; 330 max-width: 204px; 331 height: 204px; 332 object-fit: contain; 333 } 334 } 335 } 336 337 ${(0,l.H4)(a.LO.md)} { 338 ${({shouldFitToViewport:e})=>e?"max-width: 1600px;":"max-width: none;"} 339 grid-template-columns: 37% auto; 340 ${Z} { 341 ${S.BF} { 342 margin-top: ${(0,l.Kq)(4)}; 343 max-width: 312px; 344 height: 312px; 345 object-fit: contain; 346 } 347 } 348 } 349 350 ${({shouldUseViewportBasedScoreBox:e})=>e&&`\n ${(0,l.Xm)(a.LO.md,a.LO.lg)} {\n grid-template-columns: 50% auto;\n }\n `} 351 ${(0,l.H4)("980px")} { 352 grid-template-columns: 50% auto; 353 } 354 } 355`,Y=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderRubricIssueDate"})` 356 display: inline-flex; 357 margin: 0 ${(0,l.Kq)(.5)}; 358 color: var(${H.pT.Color.TextPubdate}); 359 ${(0,l.H4)(a.LO.md)} { 360 margin: 0; 361 } 362 363 && .rubric.link { 364 color: var(${H.pT.Color.TextPubdate}); 365 ${(0,l.Gg)("typography.definitions.globalEditorial.context-primary")} 366 367 &:hover, 368 &:active { 369 color: var(${H.pT.Color.TextPubdate}); 370 } 371 } 372`,Q=(0,n.Ay)(b.A.Card).withConfig({displayName:"SplitScreenContentHeaderSignageRubric"})``,J=n.AH` 373 ${C.E}:first-child { 374 ${(0,l.H4)(a.LO.md)} { 375 order: 2; 376 } 377 } 378`,ee=n.AH` 379 padding: ${(0,l.Kq)(0)}; 380 object-fit: fill; 381`,te=n.AH` 382 ${(0,l.L7)(a.LO.md)} { 383 &:not(.with-divider-mobile, [class*=' theme-']) 384 ${D}:not([class*=" theme-"]) 385 picture { 386 padding-bottom: 0; 387 } 388 } 389 390 & ${D} { 391 picture { 392 padding: var(--grid-margin); 393 } 394 ${(0,l.H4)(a.LO.md)} { 395 picture { 396 padding: ${(0,l.Kq)(4)}; 397 } 398 } 399 400 ${S.BF}, ${v.hh} { 401 padding: 0; 402 ${({isMusicReview:e})=>e&&`${(0,d.aU)("padding",!0)};`} 403 ${(0,l.H4)(a.LO.md)} { 404 object-fit: contain; 405 ${({isMusicReview:e})=>e&&ee}; 406 } 407 } 408 } 409 410 ${({shouldFitToViewport:e,imgAspectRatioForDesktop:t,viewportWidth:i})=>{if(e&&t&&i){const e=2,[n,o]=t,r=(0,l.Kq)(4);return`&& ${M} {\n ${(0,l.H4)(a.LO.md)} {\n height: calc((((${i} / ${e}) * ${o})/${n}) - ${r});\n }\n }`}return""}} 411 412 ${({isFullWidth:e,isTextRight:t})=>e||t?!e&&t?`${E}:not([class*=" theme-"]) {\n ${(0,l.H4)(a.LO.md)} {\n padding-left: 0;\n }\n }`:"":`${E}:not([class*=" theme-"]) {\n ${(0,l.H4)(a.LO.md)} {\n padding-right: 0;\n }\n }`} 413`,ie=n.AH` 414 ${Z} { 415 ${S.BF} { 416 object-position: top; 417 } 418 } 419`,ne=n.AH` 420 ${Z} { 421 ${S.BF} { 422 object-position: right; 423 } 424 } 425`,oe=n.AH` 426 ${Z} { 427 ${S.BF} { 428 object-position: left; 429 } 430 } 431`,ae=n.AH` 432 ${Z} { 433 ${S.BF} { 434 object-position: bottom; 435 } 436 } 437`,re=n.AH` 438 ${G} { 439 text-align: start; 440 } 441`,de=n.AH` 442 ${G} { 443 text-align: center; 444 } 445`,le=n.Ay.hr.withConfig({displayName:"SplitScreenContentHeaderDivider"})` 446 && { 447 display: flex; 448 grid-column: 1 / -1; 449 align-self: center; 450 margin-top: ${(0,l.Kq)(1)}; 451 margin-bottom: ${(0,l.Kq)(1.5)}; 452 border: 0; 453 border-bottom: 2px; 454 border-bottom-style: solid; 455 border-bottom-color: var(${H.pT.Color.BorderAccent}); 456 width: 100px; 457 justify-self: center; 458 } 459 460 ${({ledeContentAlign:e})=>"center"===e&&"justify-self: center;"} 461 462 ${(0,l.L7)(`${r.VS.md}px`)} { 463 ${({hasLedeTextAlignCenterForMobile:e})=>e&&"justify-self: center;"} 464 } 465`,pe=(0,n.Ay)(f.A.WithMargins).withConfig({displayName:"SplitScreenContentHeaderGrid"})` 466 > ${C.E} { 467 grid-column: 1 / -1; 468 ${(0,l.H4)(a.LO.md)} { 469 grid-column: 2 / -2; 470 } 471 } 472 473 ${(0,l.H4)(`${r.VS.md}px`)} { 474 &.below-image { 475 padding: 0; 476 } 477 478 &.below-image.align-start > ${C.E} { 479 grid-column: 1 / 6; 480 padding-inline-start: ${(0,l.Kq)(2)}; 481 } 482 483 &.below-image.align-end > ${C.E} { 484 grid-column: 7 / -1; 485 padding-inline-end: ${(0,l.Kq)(2)}; 486 } 487 } 488`,se=(0,n.Ay)(u.A).withConfig({displayName:"ContentHeaderOffersData"})` 489 margin-right: ${(0,l.Kq)(6)}; 490 491 &&.disclaimer-container { 492 display: block; 493 grid-column: main; 494 495 @media (min-width: ${a.LO.lg}) { 496 display: none; 497 } 498 } 499 500 &&.offer-data { 501 grid-column: main; 502 margin-top: ${(0,l.Kq)(4)}; 503 width: 100%; 504 max-width: 300px; 505 } 506`,ce=()=>n.AH` 507 ${n.AH` 508 ${v.WE} { 509 display: flex; 510 justify-content: center; 511 padding: ${(0,l.Kq)(4)}; 512 513 ${v.hh} { 514 display: flex; 515 position: inherit; 516 align-items: center; 517 518 video { 519 width: 100%; 520 height: 100%; 521 } 522 } 523 } 524 525 ${(0,l.L7)(`calc(${a.LO.md} - 1px)`)} { 526 ${v.WE} { 527 padding: 0 calc(1 * var(--grid-margin)); 528 529 ${v.hh} { 530 justify-content: center; 531 width: 100%; 532 overflow: hidden; 533 534 video { 535 width: auto; 536 } 537 } 538 } 539 } 540`} 541 542 ${(0,l.H4)(`${a.LO.md}`)} { 543 ${V} { 544 grid-template-rows: 100%; 545 } 546 547 ${V} { 548 >
548 div:nth-child(2) { 549 > div:nth-child(1) { 550 display: grid; 551 align-items: center; 552 height: 100%; 553 554 ${({mediaContentType:e})=>"clip"===e&&"display: block;"} 555 } 556 } 557 } 558 } 559 560 ${(0,l.L7)(`calc(${a.LO.lg} - 1px)`)} { 561 ${V} { 562 height: calc(100vh - 56px); 563 } 564 } 565 566 ${(0,l.L7)(`calc(${a.LO.md} - 1px)`)} { 567 ${V} { 568 display: flex; 569 flex-direction: column; 570 justify-content: center; 571 572 > div:nth-child(2) { 573 flex: 1; 574 overflow: hidden; 575 576 ${D} { 577 height: 100%; 578 } 579 580 ${M} { 581 height: 100%; 582 } 583 584 ${Z} { 585 ${S.BF} { 586 object-fit: scale-down; 587 } 588 } 589 } 590 } 591 } 592 593 /* exceptional case to fit image as per screen specially height iphone X to 13 pro max */ 594 /* It should not impact other devices that why using height width combination */ 595 ${(0,l.Xm)("375px","428px")} and (min-height: 737px) and (max-height: 926px) { 596 ${V} { 597 > div:nth-child(2) { 598 ${Z} { 599 ${S.BF} { 600 object-fit: cover; 601 } 602 } 603 } 604 } 605 } 606 607 ${F} { 608 p { 609 margin-top: 0; 610 } 611 } 612 613 /* Iphone 4 changes - START */ 614 ${(0,l.L7)(a.LO.sm)} { 615 ${K} { 616 line-height: ${(0,l.Kq)(3)}; 617 /* font changes required for small screens as per figma */ 618 font-size: ${(0,l.Kq)(2.5)}; 619 } 620 } 621 /* Iphone 4 changes - END */ 622 623 ${M} { 624 display: flex; 625 flex-direction: column; 626 justify-content: center; 627 628 ${(0,l.H4)(a.LO.md)} { 629 /* image span */ 630 span${Z} { 631 align-self: center; 632 ${({mediaContentType:e})=>"clip"===e&&"width: 100%;"} 633 634 ${(0,l.H4)(a.LO.xl)} { 635 max-width: ${(0,l.Kq)(75)}; 636 max-height: ${(0,l.Kq)(99.75)}; 637 } 638 639 ${(0,l.Xm)(a.LO.md,`calc(${a.LO.xl} - 1px)`)} { 640 max-width: ${(0,l.Kq)(45.25)}; 641 max-height: ${(0,l.Kq)(60.25)}; 642 } 643 644 ${S.BF} { 645 object-fit: scale-down; 646 padding: 0; 647 } 648 } 649 } 650 651 /* caption/credit block changes */ 652 ${G} { 653 padding-top: ${(0,l.Kq)(2)}; 654 padding-bottom: ${(0,l.Kq)(2)}; 655 } 656 } 657`,ge=n.Ay.header.withConfig({displayName:"SplitScreenContentHeaderWrapper"})` 658 ${V}, ${_} { 659 ${({hideHeaderDividerInMobile:e})=>e&&`\n ${(0,l.L7)(`${r.VS.md}px`)} {\n border-bottom: 0;\n }\n `} 660 } 661 662 ${Q} { 663 margin-bottom: ${(0,l.Kq)(1)}; 664 665 ${(0,l.H4)(a.LO.sm)} { 666 margin-top: ${(0,l.Kq)(2)}; 667 } 668 } 669 670 ${({hasMargin:e})=>e&&`margin: ${(0,l.Kq)(4)} 0;`} 671 672 ${({isTextRight:e})=>e&&J}; 673 674 ${({isFullWidth:e,shouldFitToViewport:t})=>e&&(e=>`\n ${V}, ${_} {\n &.grid-full-bleed {\n ${M} {\n grid-column: 1/-1;\n height: auto;\n }\n ${e&&"min-height: auto;"};\n }\n }\n \n ${E} {\n padding-top: ${(0,l.Kq)(4,"px")};\n padding-bottom: ${(0,l.Kq)(2,"px")};\n\n ${(0,l.H4)(a.LO.md)} {\n padding-bottom: ${(0,l.Kq)(4,"px")};\n }\n }\n`)(t)} 675 676 ${({imageAlignment:e})=>"top"===e?ie:"right"===e?ne:"left"===e?oe:"bottom"===e?ae:""} 677 678 ${V}.inset { 679 ${te} 680 } 681 682 ${({ledeContentAlign:e})=>"left"===e?re:de} 683 684 ${(0,l.L7)(`${r.VS.md}px`)} { 685 ${({hasLedeTextAlignCenterForMobile:e})=>e&&n.AH` 686 ${de} 687 `} 688 } 689 690 @media print { 691 display: block; 692 693 ${V}, ${_} { 694 grid-template-columns: none; 695 border-bottom: none; 696 ${C.E}:first-child { 697 order: 0; 698 } 699 700 ${C.A}.grid-full-bleed { 701 ${M} { 702 height: auto; 703 max-height: ${(0,l.Kq)(69)}; 704 705 ${S.BF} { 706 object-fit: contain; 707 padding: ${(0,l.Kq)(4)}; 708 max-height: ${(0,l.Kq)(69)}; 709 } 710 } 711 } 712 } 713 } 714 715 ${({shouldHeaderFitToViewport:e})=>e&&ce()} 716`,$e=n.Ay.div.withConfig({displayName:"SplitScreenContentHeaderLeadOverride"})` 717 display: flex; 718 justify-content: center; 719`},72362(e,t,i){i.d(t,{Zm:()=>o,ox:()=>n});const n=()=>{const e=/(iPhone|iPad|iPod)/i;try{return e.test(window.navigator.userAgent)}catch(e){return!1}},o=()=>
719{try{return!/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(window.navigator.userAgent)&&!/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(window.navigator.userAgent)}catch(e){return!1}}}}]);
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.