1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[56038],{1552:(e,i,t)=>{t.d(i,{A:()=>x});var r=t(37876),s=t(14232),o=t(76252),l=t(4917),a=t.n(l),n=t(19357),c=t(58103),d=t.n(c),k=t(34346),p=t(77725),g=t(90020),h=t(88168),u=t(34589),m=t(15798),b=t(12956);let f=o.A.div` 2 position: relative; 3 padding-top: 66.6%; // 3:2 aspect ratio 4 5 // Stateless default from library 6 ${m.A} 7 8 // BC global overrides from custom hook 9 ${e=>e.slickSliderCarouselCss}; 10 11 &.fullScreen { 12 padding-top: 0; 13 14 .slick-dots { 15 bottom: 40px; 16 } 17 } 18 19 .sliderContainer { 20 max-height: 100%; 21 max-width: 100%; 22 object-fit: contain; 23 z-index: 1; 24 position: absolute; 25 top: 0; 26 left: 50%; 27 transform: translateX(-50%); 28 height: 100%; 29 } 30 31 .slideInner { 32 width: 100%; 33 max-height: 100%; 34 min-width: 100px; // helps to ensure that the carousel images always render 35 height: 100%; 36 text-align: center; 37 38 img { 39 width: 100%; 40 height: 100%; 41 max-width: 100%; 42 max-height: 100%; 43 object-fit: contain; 44 } 45 } 46 47 // OVERRIDE SLICK CAROUSEL DEFAULT STYLING 48 .slick-slider { 49 height: 100%; 50 } 51 52 .slick-slide { 53 width: 100%; 54 & div { 55 height: 100%; 56 } 57 } 58 59 .slick-dots { 60 position: absolute; 61 top: auto; 62 bottom: 5px; 63 background: rgba(0, 0, 0, 0.9); 64 border-radius: 24px; 65 height: 16px; 66 display: flex; 67 width: auto; 68 69 li { 70 height: 100%; 71 width: auto; 72 73 button { 74 height: 100%; 75 background: url('${u.NE}/ims/2025/08/slider_darkCircle.svg') no-repeat center 76 center; 77 width: 10px; 78 &:before { 79 display: none; 80 } 81 } 82 83 &.slick-active button { 84 background: url('${u.NE}/ims/2025/08/slider_lighrBar.svg') no-repeat center 85 center; 86 width: 16px; 87 } 88 } 89 } 90 91 .slick-prev:hover, 92 .slick-prev:focus, 93 .slick-next:hover, 94 .slick-next:focus, 95 .slick-next, 96 .slick-prev { 97 position: absolute; 98 top: 50%; 99 transform: translateY(-50%); 100 z-index: 2; 101 background-color: rgba(255, 255, 255, 0.5); 102 border-radius: 50%; 103 // Keep regular and hover background-image w/h consistent 104 background-size: 9px 14px; 105 106 &.slick-disabled { 107 opacity: 0; 108 cursor: default; 109 pointer-events: none; 110 } 111 } 112 113 .slick-next { 114 right: 10px; 115 background-image: url('${u.NE}/ims/2023/12/ic_rightArrow-rejuv.svg'); 116 } 117 118 .slick-prev { 119 left: 10px; 120 background-image: url('${u.NE}/ims/2023/12/ic_backArrow-rejuv.svg'); 121 } 122`,x=({images:e,imageWidth:i,showUserImagesDialog:t,fullScreenVersion:o,currentIndex:l,setCurrentSlide:c,highPriority:u,testIdOverride:m})=>{let{ssr:x}=(0,h.m)(),{smallViewport:v}=(0,g.ie)(),w=!!o&&v,y=(0,b.A)(),E={arrows:!w,dots:!0,infinite:!1,speed:500,slidesToShow:1,slidesToScroll:1,swipe:w,initialSlide:l||0,afterChange:e=>{c?.(e)},prevArrow:(0,r.jsx)(p.A,{}),nextArrow:(0,r.jsx)(p.A,{})},A=(0,s.useRef)(0);(0,s.useEffect)(()=>{let e=a()(()=>{A.current+=1},500);return window.dispatchEvent(new Event("resize")),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);let j=!!t;return(0,r.jsx)(f,{className:d()({fullScreen:o}),slickSliderCarouselCss:y,"data-test-id":m??"userImagesCarousel","data-testid":m??"userImagesCarousel",children:(0,r.jsx)("div",{className:"sliderContainer",children:(0,s.createElement)(n.A,{...E,key:`userImgCarousel-${A.current}`},e.map((e,s)=>{if(e){let o=(0,r.jsx)(k.A,{src:e.imageUrl,width:i,alt:x?.labels?.general?.altText?.userUploadedImage,lazyLoad:!u||s>0});return(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"slideInner",children:j?(0,r.jsx)("a",{onClick:e=>{e.preventDefault(),t?.(s)},children:o}):(0,r.jsx)(r.Fragment,{children:o})})},`${e.imageUrl}-slide`)}return null}))})})}},12956:(e,i,t)=>{t.d(i,{A:()=>a});var r=t(53901),s=t(38993),o=t(14232),l=t(49370);let a=()=>{let e=(0,r.u)();return(0,o.useMemo)(()=>(0,s.AH)` 123 .slick-next, 124 .slick-prev { 125 width: 48px; 126 height: 48px; 127 } 128 129 // Suppress arrow content from library 130 .slick-next:before, 131 .slick-prev:before { 132 content: ''; 133 } 134 135 // Suppress opacity: 0.75; for disabled arrows 136 .slick-prev.slick-disabled:before, 137 .slick-next.slick-disabled:before { 138 opacity: 1; 139 } 140 141 .slick-dots { 142 left: 50%; 143 transform: translateX(-50%); 144 } 145 146 .slick-dots li button { 147 height: 48px; 148 } 149 150 .slick-dots li button:before { 151 font-size: 3rem; 152 line-height: 48px; 153 color: ${l.Tj.lightGreyBc}; 154 } 155 .slick-dots li.slick-active button:before { 156 color: ${l.Tj.blue300Bc}; 157 } 158 159 .slick-arrow { 160 &, 161 &:hover, 162 &:focus { 163 background-size: 0.875rem; 164 background-repeat: no-repeat; 165 background-position: center; 166 } 167 } 168 169 .slick-next:hover, 170 .slick-next:focus, 171 .slick-next { 172 background-image: ${`url(${e.imgPrefix}
172${e.darkMode?"/ims/2023/09/dm_ic_arrow_right_active.svg":"/ims/2023/12/ic_rightArrow-rejuv.svg"});`}; 173 174 &.slick-disabled { 175 background-image: ${`url(${e.imgPrefix}/ims/2021/10/ic_arrow_right_inactive.svg)`}; 176 } 177 } 178 179 .slick-prev:hover, 180 .slick-prev:focus, 181 .slick-prev { 182 background-image: ${`url(${e.imgPrefix}${e.darkMode?"/ims/2023/09/dm_ic_arrow_left_active.svg":"/ims/2023/12/ic_backArrow-rejuv.svg"})`}; 183 &.slick-disabled { 184 background-image: ${`url(${e.imgPrefix}/ims/2021/10/ic_arrow_left_inactive.svg)`}; 185 } 186 } 187 188 // Ensure dot buttons are fully opaque regardless of state 189 .slick-dots li button:before { 190 opacity: 1; 191 } 192 .slick-dots li.slick-active button:before { 193 opacity: 1; 194 } 195 196 // Please do not remove 197 // Library demo CSS for strip back testing purposes 198 // Pasted from: 199 // https://github.com/akiran/react-slick/blob/master/docs/docs.css 200 /* 201 h3 { 202 background: #00558b; 203 color: #fff; 204 font-size: 2.25rem; 205 line-height: 100px; 206 margin: 10px; 207 padding: 2%; 208 position: relative; 209 text-align: center; 210 } 211 .variable-width .slick-slide p { 212 background: #00558b; 213 height: 100px; 214 color: #fff; 215 margin: 5px; 216 line-height: 100px; 217 text-align: center; 218 } 219 .center .slick-center h3 { 220 color: #e67e22; 221 opacity: 1; 222 transform: scale(1.08); 223 } 224 .center h3 { 225 opacity: 0.8; 226 transition: all 300ms ease; 227 } 228 .content { 229 padding: 20px; 230 margin: auto; 231 } 232 @media (min-width: 701px) { 233 .content { 234 width: 80%; 235 } 236 } 237 @media (max-width: 700px) { 238 .content { 239 width: 70%; 240 } 241 } 242 .slick-slide .image { 243 padding: 10px; 244 } 245 .slick-slide img { 246 border: 5px solid #fff; 247 display: block; 248 margin: auto; 249 max-width: 80%; 250 } 251 .slick-slide img.slick-loading { 252 border: 0; 253 } 254 .slick-slider { 255 margin: 30px auto 50px; 256 } 257 .slick-dots { 258 margin-left: 0; 259 } 260 .slick-thumb { 261 bottom: -45px; 262 } 263 .slick-thumb li { 264 width: 60px; 265 height: 45px; 266 } 267 .slick-thumb li img { 268 width: 100%; 269 height: 100%; 270 filter: grayscale(100%); 271 } 272 .slick-thumb li.slick-active img { 273 filter: grayscale(0%); 274 } 275 @media (max-width: 768px) { 276 h3 { 277 font-size: 1.5rem; 278 } 279 .center { 280 margin-left: -40px; 281 margin-right: -40px; 282 } 283 .center .slick-center h3 { 284 color: #e67e22; 285 opacity: 1; 286 transform: scale(1); 287 } 288 .center h3 { 289 opacity: 0.8; 290 transform: scale(0.95); 291 transition: all 300ms ease; 292 } 293 } 294 .slick-vertical .slick-slide { 295 height: 180px; 296 } 297 .slick-arrow { 298 background-color: grey; 299 } 300 .slick-arrow:hover { 301 background-color: grey; 302 } 303 .slick-arrow:focus { 304 background-color: grey; 305 } 306 .button { 307 background-color: #00558b; 308 padding: 10px 20px; 309 margin: 0px 20px; 310 border: none; 311 color: white; 312 font-size: 1.25rem; 313 border-radius: 5px; 314 min-height: 45px; 315 } 316 */ 317 `,[e.darkMode,e.imgPrefix])}},15798:(e,i,t)=>{t.d(i,{A:()=>s});var r=t(38993);let s=()=>(0,r.AH)` 318 /* ------------------- slick.css --------------------------------------------------------------------------------- */ 319 .slick-slider { 320 position: relative; 321 322 display: block; 323 box-sizing: border-box; 324 325 -webkit-user-select: none; 326 -moz-user-select: none; 327 -ms-user-select: none; 328 user-select: none; 329 330 -webkit-touch-callout: none; 331 -khtml-user-select: none; 332 -ms-touch-action: pan-y; 333 touch-action: pan-y; 334 -webkit-tap-highlight-color: transparent; 335 } 336 337 .slick-list { 338 position: relative; 339 340 display: block; 341 overflow: hidden; 342 343 margin: 0; 344 padding: 0; 345 } 346 .slick-list:focus { 347 outline: none; 348 } 349 .slick-list.dragging { 350 cursor: pointer; 351 cursor: hand; 352 } 353 354 .slick-slider .slick-track, 355 .slick-slider .slick-list { 356 -webkit-transform: translate3d(0, 0, 0); 357 -moz-transform: translate3d(0, 0, 0); 358 -ms-transform: translate3d(0, 0, 0); 359 -o-transform: translate3d(0, 0, 0); 360 transform: translate3d(0, 0, 0); 361 } 362 363 .slick-track { 364 position: relative; 365 top: 0; 366 left: 0; 367 368 display: block; 369 margin-left: auto; 370 margin-right: auto; 371 } 372 .slick-track:before, 373 .slick-track:after { 374 display: table; 375 376 content: ''; 377 } 378 .slick-track:after { 379 clear: both; 380 } 381 .slick-loading .slick-track { 382 visibility: hidden; 383 } 384 385 .slick-slide { 386 display: none; 387 float: left; 388 389 height: 100%; 390 min-height: 1px; 391 } 392 [dir='rtl'] .slick-slide { 393 float: right; 394 } 395 .slick-slide img { 396 display: block; 397 } 398 .slick-slide.slick-loading img { 399 display: none; 400 } 401 .slick-slide.dragging img { 402 pointer-events: none; 403 } 404 .slick-initialized .slick-slide { 405 display: block; 406 } 407 .slick-loading .slick-slide { 408 visibility: hidden; 409 } 410 .slick-vertical .slick-slide { 411 display: block; 412 413 height: auto; 414 415 border: 1px solid transparent; 416 } 417 .slick-arrow.slick-hidden { 418 display: none; 419 } 420 421 /* ------------------- slick-theme.css --------------------------------------------------------------------------------- */ 422 /* 423 REMOVE ASSET DEPENDENCY 424 .slick-loading .slick-list {
425 background: #fff url('./ajax-loader.gif') center center no-repeat; 426 } 427 */ 428 // PRESERVE BACKGROUND ONLY 429 .slick-loading .slick-list { 430 background: #fff; 431 } 432 433 /* Icons */ 434 /* 435 REMOVE TYPEFACE ASSET DEPENDENCY 436 @font-face { 437 font-family: 'slick'; 438 font-weight: normal; 439 font-style: normal; 440 441 src: url('./fonts/slick.eot'); 442 src: 443 url('./fonts/slick.eot?#iefix') format('embedded-opentype'), 444 url('./fonts/slick.woff') format('woff'), 445 url('./fonts/slick.ttf') format('truetype'), 446 url('./fonts/slick.svg#slick') format('svg'); 447 } 448 */ 449 450 /* Arrows */ 451 .slick-prev, 452 .slick-next { 453 font-size: 0; 454 line-height: 0; 455 456 position: absolute; 457 top: 50%; 458 459 display: block; 460 461 width: 20px; 462 height: 20px; 463 padding: 0; 464 -webkit-transform: translate(0, -50%); 465 -ms-transform: translate(0, -50%); 466 transform: translate(0, -50%); 467 468 cursor: pointer; 469 470 color: transparent; 471 border: none; 472 outline: none; 473 background: transparent; 474 } 475 476 .slick-prev:hover, 477 .slick-prev:focus, 478 .slick-next:hover, 479 .slick-next:focus { 480 color: transparent; 481 outline: none; 482 background: transparent; 483 } 484 485 .slick-prev:hover:before, 486 .slick-prev:focus:before, 487 .slick-next:hover:before, 488 .slick-next:focus:before { 489 opacity: 1; 490 } 491 .slick-prev.slick-disabled:before, 492 .slick-next.slick-disabled:before { 493 opacity: 0.25; 494 } 495 496 .slick-prev:before, 497 .slick-next:before { 498 font-family: 'slick'; 499 font-size: 20px; 500 line-height: 1; 501 502 opacity: 0.75; 503 color: white; 504 505 -webkit-font-smoothing: antialiased; 506 -moz-osx-font-smoothing: grayscale; 507 } 508 509 .slick-prev { 510 left: -25px; 511 } 512 [dir='rtl'] .slick-prev { 513 right: -25px; 514 left: auto; 515 } 516 .slick-prev:before { 517 content: 'â'; 518 } 519 [dir='rtl'] .slick-prev:before { 520 content: 'â'; 521 } 522 523 .slick-next { 524 right: -25px; 525 } 526 [dir='rtl'] .slick-next { 527 right: auto; 528 left: -25px; 529 } 530 .slick-next:before { 531 content: 'â'; 532 } 533 [dir='rtl'] .slick-next:before { 534 content: 'â'; 535 } 536 537 /* Dots */ 538 .slick-dotted.slick-slider { 539 margin-bottom: 30px; 540 } 541 542 .slick-dots { 543 position: absolute; 544 bottom: -25px; 545 546 display: block; 547 548 width: 100%; 549 padding: 0; 550 margin: 0; 551 552 list-style: none; 553 554 text-align: center; 555 } 556 .slick-dots li { 557 position: relative; 558 559 display: inline-block; 560 561 width: 20px; 562 height: 20px; 563 margin: 0 5px; 564 padding: 0; 565 566 cursor: pointer; 567 } 568 .slick-dots li button { 569 font-size: 0; 570 line-height: 0; 571 572 display: block; 573 574 width: 20px; 575 height: 20px; 576 padding: 5px; 577 578 cursor: pointer; 579 580 color: transparent; 581 border: 0; 582 outline: none; 583 background: transparent; 584 } 585 .slick-dots li button:hover, 586 .slick-dots li button:focus { 587 outline: none; 588 } 589 .slick-dots li button:hover:before, 590 .slick-dots li button:focus:before { 591 opacity: 1; 592 } 593 .slick-dots li button:before { 594 font-family: 'slick'; 595 font-size: 6px; 596 line-height: 20px; 597 598 position: absolute; 599 top: 0; 600 left: 0; 601 602 width: 20px; 603 height: 20px; 604 605 content: 'â¢'; 606 text-align: center; 607 608 opacity: 0.25; 609 color: black; 610 611 -webkit-font-smoothing: antialiased; 612 -moz-osx-font-smoothing: grayscale; 613 } 614 .slick-dots li.slick-active button:before { 615 opacity: 0.75; 616 color: black; 617 } 618 `},56038:(e,i,t)=>{t.d(i,{A:()=>g});var r=t(37876),s=t(27964),o=t(14232),l=t(76252),a=t(34346),n=t(95675),c=t(88168),d=t(49370),k=t(1552);let p=l.A.div` 619 margin-bottom: 10px; 620 background-color: ${e=>e.theme.darkMode?d.u9.neutral400:d.Tj.marvinGreyBc}; 621 border-radius: 8px; 622 overflow: hidden; 623 line-height: 0; // remove inline gap below images 624 625 .singleImg { 626 position: relative; 627 text-align: center; 628 padding-top: 66.6%; 629 width: 100%; 630 display: flex; 631 justify-content: center;
632 align-items: center; 633 634 img { 635 max-height: 100%; 636 max-width: 100%; 637 object-fit: contain; 638 z-index: 1; 639 position: absolute; 640 top: 0; 641 left: 50%; 642 transform: translateX(-50%); 643 height: 100%; 644 } 645 } 646`,g=(0,o.memo)(e=>{let i,t,o,l,d,g=(0,s.c)(22),{images:h,showDialogOnClick:u,highPriority:m,testIdPrefix:b}=e,{ssr:f}=(0,c.m)(),x=(0,n.Rc)();g[0]!==x||g[1]!==h?(i=e=>{x({type:"TOGGLE_USER_IMAGES_DIALOG",payload:{open:!0,props:{images:h,currentIndex:e}}})},g[0]=x,g[1]=h,g[2]=i):i=g[2];let v=i,w=h[0]?.imageUrl,y=f?.labels?.general?.altText?.userUploadedImage,E=!m;g[3]!==w||g[4]!==y||g[5]!==E?(t=(0,r.jsx)(a.A,{src:w,width:727,alt:y,lazyLoad:E}),g[3]=w,g[4]=y,g[5]=E,g[6]=t):t=g[6];let A=t;return g[7]!==h[0]||g[8]!==h.length||g[9]!==u||g[10]!==v||g[11]!==A?(o=1===h.length&&h[0]&&(0,r.jsx)("div",{className:"singleImg",children:u?(0,r.jsx)("a",{onClick:e=>{e.preventDefault(),v(0)},children:A}):(0,r.jsxs)(r.Fragment,{children:[" ",A]})}),g[7]=h[0],g[8]=h.length,g[9]=u,g[10]=v,g[11]=A,g[12]=o):o=g[12],g[13]!==m||g[14]!==h||g[15]!==u||g[16]!==v||g[17]!==b?(l=h.length>1&&(0,r.jsx)(k.A,{images:h,showUserImagesDialog:u?v:void 0,imageWidth:727,highPriority:m,testIdOverride:b?`${b}ImageCarousel`:void 0}),g[13]=m,g[14]=h,g[15]=u,g[16]=v,g[17]=b,g[18]=l):l=g[18],g[19]!==o||g[20]!==l?(d=(0,r.jsxs)(p,{className:"mobileMarginProvider",children:[o,l]}),g[19]=o,g[20]=l,g[21]=d):d=g[21],d})},77725:(e,i,t)=>{t.d(i,{A:()=>l});var r=t(37876),s=t(27964),o=t(88168);let l=e=>{let i,t,l,a=(0,s.c)(13),{className:n,style:c,onClick:d}=e,{ssr:k}=(0,o.m)();a[0]!==n?(i=n?.includes("slick-disabled"),a[0]=n,a[1]=i):i=a[1];let p=i,g=n?.includes("slick-next")?k?.labels?.general?.next:k?.labels?.general?.previous;a[2]!==p||a[3]!==d?(t=e=>{e.stopPropagation(),p||d?.(e)},a[2]=p,a[3]=d,a[4]=t):t=a[4];let h=t,u=p||void 0,m=p?-1:void 0,b=p||void 0;return a[5]!==g||a[6]!==n||a[7]!==h||a[8]!==c||a[9]!==u||a[10]!==m||a[11]!==b?(l=(0,r.jsx)("button",{type:"button","data-role":"none","aria-label":g,"aria-disabled":u,className:n,style:c,onClick:h,tabIndex:m,"aria-hidden":b}),a[5]=g,a[6]=n,a[7]=h,a[8]=c,a[9]=u,a[10]=m,a[11]=b,a[12]=l):l=a[12],l}}}]);
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.