1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8546,9833],{9833:(e,t,i)=>{i.r(t),i.d(t,{LiquidButton:()=>m});var a=i(37876),n=i(76823);let s=({children:e,variant:t="body",as:i="p",type:s="m",className:l,"data-testid":d,onMouseEnter:r,onMouseLeave:o,onClick:c})=>(0,a.jsx)(i,{className:(0,n.f)([`text-${t}-${s} leading-${t}-${s} tracking-${t}-${s}`],l),onMouseEnter:r,onMouseLeave:o,onClick:c,children:e});var l=i(5646),d=i(81479);let r=l.Ay.div.withConfig({componentId:"sc-da93d04b-0"})(["display:inline-block;position:relative;width:",";height:",";min-width:150px;max-width:100%;"],e=>e.$isWidthAuto?"auto":`${e.width}px`,e=>`${e.height+60}px`),o=l.Ay.div.withConfig({componentId:"sc-da93d04b-1"})(["position:absolute;"," border-radius:100px;width:calc(100% - 10px);height:",";top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;@media (min-width:768px){width:",";}"],e=>e.$useCustomColorsAsImportant?` 2 border: 1px solid ${e.$color||d.l.white}; 3 `:`border: 1px solid var(--color-text, ${d.l.white});`,e=>`${e.height-10}px`,e=>e.$isWidthAuto?"calc(100% - 10px)":`${e.width-10}px`),c=l.Ay.div.withConfig({componentId:"sc-da93d04b-2"})(["position:relative;text-align:center;width:",";height:",";top:50%;left:50%;transform:translate(-50%,-50%);line-height:",";letter-spacing:0.1em;"," border-radius:100px;text-transform:uppercase;font-size:12px;letter-spacing:1.8px;padding:",";@media (min-width:768px){width:",";font-size:14px;letter-spacing:2.1px;}"],e=>e.$isWidthAuto?"auto":"100%",e=>`${e.height}px`,e=>`${e.height}px`,e=>e.$useCustomColorsAsImportant?` 4 color: ${e.$textColor}; 5 background: ${e.$bgColor||d.l.primary}; 6 `:` 7 color: var(--color-text, ${e.$textColor}); 8 background: var(--color-neutral, ${e.$bgColor}); 9 `,e=>e.$isWidthAuto?"0 20px":"",e=>e.$isWidthAuto?"auto":`${e.width}px`),m=({text:e,className:t,onButtonClick:i=()=>{},disabled:l=!1,variant:d="none",type:m="button",dataTest:p,as:x="div",...h})=>{if("none"!==d)return(0,a.jsx)(x,{type:m,onClick:i,disabled:l,className:(0,n.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===d,"text-black bg-white":"secondary"===d},t),children:(0,a.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,a.jsx)(s,{className:"p-3",children:e})})});if(0===Object.keys(h).length)return null;let{width:g,height:b,color:u,textColor:y,useCustomColorsAsImportant:f,isWidthAuto:j}=h||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,a.jsx)(x,{onClick:i,disabled:l,type:m,children:(0,a.jsxs)(r,{width:g,height:b,$isWidthAuto:j,children:[(0,a.jsx)(o,{width:g,height:b,$color:y,$useCustomColorsAsImportant:f,$isWidthAuto:j}),(0,a.jsx)(c,{$textColor:y,$bgColor:u,width:g,height:b,$useCustomColorsAsImportant:f,$isWidthAuto:j,children:e})]})})}},55319:(e,t,i)=>{i.d(t,{A:()=>l});var a=i(37876),n=i(14232);let s=i(5646).Ay.div.withConfig({componentId:"sc-1062300-0"})(["height:100%;",";"," @media(prefers-reduced-motion:no-preference){",";",";",";","}",";"],({$spinUp:e})=>e?`opacity: 0; 10 @keyframes spin-up { 11 from { 12 transform: rotate(0deg); 13 top: 500px; 14 position: absolute; 15 } 16 to { 17 transform: rotate(360deg); 18 top: 0px; 19 position: relative; 20 } 21 } 22 svg { 23 animation-name: spin-up; 24 animation-duration: 4s; 25 } 26 `:"opacity: 0;",({$bounce:e})=>e?` 27 opacity: 0; 28 @keyframes bounce { 29 from { transform: translateY(110%); opacity: 0; } 30 50% { transform: translateY(-10%); opacity: 1; } 31 to { transform: translateY(0%); opacity: 1; } 32 } 33 `:` 34 opacity: 0; 35 transform: translateY(10vh); 36 `,({$fadeIn:e,$delay:t})=>e&&` 37 transition: opacity ${t} ease-in; 38 will-change: opacity; 39 `,({$bounce:e,$isVisible:t})=>e&&t&&` 40 animation-name: bounce; 41 animation-duration: 1500ms; 42 `,({$fadeIn:e,$bounce:t})=>!e&&!t&&` 43 transition: opacity 600ms ease-out, transform 700ms ease-out; 44 will-change: opacity, transform; 45 `,({$delay:e})=>e&&`transition-delay: ${e}; animation-delay: ${e};`,e=>e.$isVisible?` 46 opacity: 1; 47 transform: none; 48 `:""),l=e=>
48{let[t,i]=(0,n.useState)(e.isVisible||!1),[l,d]=(0,n.useState)(!1),r=(0,n.useRef)(null);return(0,n.useEffect)(()=>{d(!0)},[]),(0,n.useEffect)(()=>{if(!t&&l&&1){let e=new IntersectionObserver(e=>{e.forEach(e=>{i(e.isIntersecting)})}),t=r.current;if(t)return e.observe(t),()=>e.unobserve(t)}},[t,l]),(0,a.jsx)(s,{$isVisible:t,ref:r,$delay:e.delay,$fadeIn:e.fadeIn,$bounce:e.bounce,$spinUp:e.spinUp,$componentSize:e.$componentSize,children:e.children})}},58546:(e,t,i)=>{i.r(t),i.d(t,{Banner2:()=>G});var a=i(37876),n=i(7710),s=i(48837),l=i(12041),d=i(64282),r=i(81479),o=i(55319),c=i(68831),m=i(79879);let p=({backgroundAsset:e})=>(0,a.jsxs)("svg",{width:"100%",viewBox:"0 0 1440 600",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"banner2-mask3",children:(0,a.jsx)("path",{d:"M1440 0C1440 0 1115 46.8843 723 46.8843C331 46.8843 2.94946e-06 0.000123923 2.94946e-06 0.000123923L0 600C0 600 331 552.764 723 552.764C1115 552.764 1440 600 1440 600V0Z",fill:"#FA85BD"})})}),(0,a.jsx)("image",{height:"600",width:"1440",preserveAspectRatio:"xMidYMid slice",xlinkHref:m.M.transformUrlToProxyUrl(e??""),clipPath:"url(#banner2-mask3)"})]}),x=({backgroundAsset:e,mobileBackgroundAsset:t})=>(0,a.jsxs)("svg",{viewBox:"0 0 276 460",preserveAspectRatio:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("clipPath",{id:"banner2-mask4",clipPathUnits:"objectBoundingBox",children:[(0,a.jsx)("path",{d:"M0,0 L0,0.945 C0,0.945,0.226,1,0.498,1 C0.77,1,1,0.945,1,0.945 L1,0 C1,0,0.77,0.055,0.498,0.055 C0.226,0.055,0,0,0,0",fill:"#FA85BD"})," "]})}),(0,a.jsx)("image",{height:"460",width:"276",preserveAspectRatio:"xMidYMid slice",xlinkHref:m.M.transformUrlToProxyUrl((t||e)??""),clipPath:"url(#banner2-mask4)"})]});var h=i(3874),g=i(5646),b=i(97384);let u=h.A.div` 49flex 50h-full 51items-center 52mb-4 53`;u.displayName="VerticalAlignMiddle";let y=g.Ay.div.withConfig({componentId:"sc-25bc3073-0"})(["display:none;flex-direction:row;padding-top:10%;padding-bottom:10%;overflow:hidden;@media (min-width:768px){display:block;position:relative;}"]);y.displayName="FullBleedImageTextContainer";let f=g.Ay.div.withConfig({componentId:"sc-25bc3073-1"}
53)(["height:100%;display:flex;overflow:hidden;align-items:center;@media (min-width:768px){position:relative;}@media (max-width:768px){position:relative;height:380px;}",""],e=>"Right"===e.$textAlignment?` 54 justify-content: right; 55 `:` 56 justify-content: left; 57 `);f.displayName="FullBleedImageTextWrapper";let j=g.Ay.div.withConfig({componentId:"sc-25bc3073-2"})(["width:100%;overflow:hidden;padding-top:50px;padding-bottom:10px;"]);j.displayName="FullBleedImage";let w=g.Ay.div.withConfig({componentId:"sc-25bc3073-3"})(["position:absolute;z-index:1;text-align:center;padding:5%;width:100%;@media (min-width:768px){text-align:left;width:50%;}@media (min-width:768px) and (max-width:828px){top:10%;}@media (min-width:829px) and (max-width:1023px){top:15%;}@media (min-width:1024px) and (max-width:1054px){top:6%;width:50%;}@media (min-width:1053px) and (max-width:1200px){top:10%;width:50%;}@media (max-width:767px){bottom:0;}"]);w.displayName="FullBleedText";let v=g.Ay.div.withConfig({componentId:"sc-25bc3073-4"})(["width:100%;position:relative;z-index:1;& > *{min-height:inherit;}@media (min-width:1024px){min-height:600px;}"]),A=g.Ay.div.withConfig({componentId:"sc-25bc3073-5"})(["display:none;@media (min-width:768px){display:block;}"," svg{min-width:fit-content;}}"],e=>"Left"===e.$textAlignment?null:"flex-direction: row-reverse;");A.displayName="ImageTextWrapper";let C=g.Ay.div.withConfig({componentId:"sc-25bc3073-6"})(["flex:1;margin:auto;margin-right:-15%;height:100%;@media (min-width:1600px){margin-right:-25%;}@media (min-width:1920px){margin-right:-32%;}"]);C.displayName="RightImageContainer";let $=g.Ay.div.withConfig({componentId:"sc-25bc3073-7"})(["flex:1;margin:auto;margin-left:-15%;height:100%;@media (min-width:1600px){margin-left:-25%;}@media (min-width:1920px){margin-left:-35%;}& > div{height:100%;}"]);$.displayName="LeftImageContainer";let N=g.Ay.div.withConfig({componentId:"sc-25bc3073-8"})(["padding-top:10%;align-content:center;flex:1;margin:auto;text-align:center;padding-left:20px;padding-right:20px;@media (min-width:768px){text-align:left;padding-left:5%;padding-right:5%;}@media (min-width:768px) and (max-width:799px){margin-top:10%;}@media (min-width:800px) and (max-width:900px){margin-top:15%;}@media (min-width:901px) and (max-width:1023px){margin-top:20%;}@media (min-width:768px) and (max-width:1023px){padding-top:0;}@media (max-width:767px){padding-top:30px;}"]);N.displayName="LeftRightTextContainer";let k=(0,h.A)(b.Text)` 58 mb-2 59 text-darkgray 60 text-tertiary 61 banner-2-super-text 62 opacity-70 63 pt-0.5 64 text-center 65 md:text-left 66`;k.displayName="SuperText",(0,h.A)(b.Title)` 67 mb-2.5 68 text-left 69 md:text-left 70 sm:text-center 71 text-2xl 72 lg:text-6xl 73 text-primary 74 banner-2-title 75`.displayName="ProductTitle",(0,h.A)(b.Text)` 76 text-tertiary 77 banner-2-description 78`.displayName="Description";let I=g.Ay.div.withConfig({componentId:"sc-25bc3073-9"})(["display:flex;align-items:center;justify-content:space-between;"]);I.displayName="ButtonContainer";let T=g.Ay.div.withConfig({componentId:"sc-25bc3073-10"})(["display:none;@media (min-width:768px){display:block;}"]);T.displayName="ButtonStyled";let S=g.Ay.div.withConfig({componentId:"sc-25bc3073-11"})(["display:block;@media (min-width:768px){display:none;}"]);S.displayName="ButtonMobileStyled";let B=g.Ay.div.withConfig({componentId:"sc-25bc3073-12"})(["display:block;@media (min-width:768px){display:none;}"]);B.displayName="ImageTextWrapperMobile";let L=g.Ay.div.withConfig({componentId:"sc-25bc3073-13"})(["{flex:1;margin:auto;}"]);L.displayName="LeftRightImageContainerMobile",g.Ay.div.withConfig({componentId:"sc-25bc3073-14"})(["display:block;@media (min-width:768px){display:none;}"]).displayName="FullBleedWrapperMobile";let M=g.Ay.div.withConfig({componentId:"sc-25bc3073-15"})(["display:block;text-align:center;@media (min-width:768px){display:none;text-align:left;}image{overflow-y:hidden;}"]);M.displayName="FullBleedImageTextContainerMobile";let _=({text:e,dataTest:t})=>(0,a.jsx)(k,{tag:"p",type:"lead",children:e}),W=({text:e,tag:t,dataTest:i})=>(0,a.jsx)(b.Title,{tag:t||"div",type:"md",className:"banner-2-title",children:e});var F=i(9833);let P=({text:e="",width:t,ctaColor:i="#EFDBB2",textColor:s="#000",isWidthAuto:l=!1})=>{let{themeName:d}=(0,n.S)();return d===r.j.suprema?(0,a.jsx)(F.LiquidButton,{variant:"primary",text:e,className:"mt-5"}):(0,a.jsx)(F.LiquidButton,{text:e,height:50,width:t,color:i,isWidthAuto:l,textColor:s})},R=({text:e,dataTest:t})=>(0,a.jsx)(b.Text,{tag:"p",type:"lg",className:"banner-2-description",children:e}),G=({templateProps:{textAlignment:e,fullBleed:t=!1,superText:i="",title:m,link:h,description:g,buttonColor:b,backgroundAsset:k,mobileBackgroun
78dAsset:F},primarySubBrandColor:G,id:z="banner2"})=>{let{pathTranslations:E}=(0,n.S)(),U=G||("Light"===b?r.l.secondary:r.l.primary),Y="Light"===b?r.l.black:r.l.white,V={url:h?.url,internalLink:{...h?.internalLink}},D=d.P.getLocalizedLinkPath({item:V,pathTranslations:E});return(0,a.jsx)("div",{className:"banner-2__wrapper",children:t&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y,{children:(0,a.jsxs)(f,{$textAlignment:e??"Left",children:[(0,a.jsxs)(w,{children:[i&&(0,a.jsx)(o.A,{delay:"200ms",children:(0,a.jsx)(_,{dataTest:`${z}-full-bleed-super-text`,text:i})}),m&&(0,a.jsx)(o.A,{delay:"400ms",children:(0,a.jsx)(W,{text:m})}),g&&(0,a.jsx)(o.A,{delay:"600ms",children:(0,a.jsx)(R,{dataTest:`${z}-full-bleed-description`,text:g})}),D&&(0,a.jsx)(o.A,{delay:"800ms",children:(0,a.jsxs)(l.S,{href:D,className:"inline-block",target:h?.openInNewTab?"_blank":"_self",children:[(0,a.jsx)("span",{className:"sr-only",children:h?.displayName}),(0,a.jsx)(I,{children:(0,a.jsx)(T,{children:(0,a.jsx)(P,{text:h?.displayName??"",width:250,ctaColor:U,textColor:"Light"===b?r.l.black:r.l.white})})})]})})]}),(0,a.jsx)(j,{children:(0,a.jsx)(o.A,{delay:"200ms",children:(0,a.jsx)(p,{backgroundAsset:k?.asset[0]?.background||""})})})]})}),(0,a.jsxs)(M,{children:[(0,a.jsx)(j,{children:(0,a.jsx)(x,{backgroundAsset:k?.asset[0]?.background||"",mobileBackgroundAsset:F?.asset[0]?.background||""})}),(0,a.jsx)(f,{children:(0,a.jsxs)(w,{children:[i&&(0,a.jsx)(_,{dataTest:`${z}-full-bleed-mobile-super-text`,text:i}),m&&(0,a.jsx)(W,{dataTest:`${z}-full-bleed-mobile-product-title`,tag:"h3",text:m}),g&&(0,a.jsx)(R,{dataTest:`${z}-full-bleed-mobile-description`,tag:"p",text:g}),D&&(0,a.jsxs)(l.S,{href:D,className:"inline-block",target:h?.openInNewTab?"_blank":"_self",children:[(0,a.jsx)("span",{className:"sr-only",children:h?.displayName}),(0,a.jsx)(I,{children:(0,a.jsx)(S,{children:(0,a.jsx)(P,{text:h?.displayName??"",width:150,ctaColor:U,textColor:"Light"===b?r.l.black:r.l.white})})})]})]})})]})]})||(0,a.jsxs)(a.Fragment,{children:["Right"===e&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(A,{children:(0,a.jsx)(v,{className:"curve-banner-2",children:(0,a.jsx)(c.Grid,{children:(0,a.jsxs)(c.GridRow,{columns:16,className:"md:min-h-[inherit] relative",children:[(0,a.jsx)(c.GridItem,{colStart:1,colSpan:8,children:(0,a.jsx)($,{children:(0,a.jsx)(o.A,{delay:"200ms",children:k?.asset[0]?.background&&(0,a.jsx)("div",{className:"relative w-full h-full",children:(0,a.jsx)(s.A,{src:k?.asset[0]?.background,aiLabeling:k?.asset[0]?.isAiGenerated,mimeType:String(k?.asset[0]?.mimeType),alt:"banner 2 image",className:"object-cover"})})})})}),(0,a.jsx)(c.GridItem,{colStart:10,colSpan:7,children:(0,a.jsx)(u,{children:(0,a.jsxs)(N,{children:[i&&(0,a.jsx)(o.A,{delay:"200ms",children:(0,a.jsx)(_,{dataTest:`${z}-left-super-text`,text:i})}),m&&(0,a.jsx)(o.A,{delay:"400ms",children:(0,a.jsx)(W,{dataTest:`${z}-left-product-title`,tag:"h3",text:m})}),g&&(0,a.jsx)(o.A,{delay:"600ms",children:(0,a.jsx)(R,{dataTest:`${z}-left-description`,text:g})}),D&&(0,a.jsx)(o.A,{delay:"800ms",children:(0,a.jsxs)(l.S,{href:D,className:"inline-block",target:h?.openInNewTab?"_blank":"_self",children:[(0,a.jsx)("span",{className:"sr-only",children:h?.displayName}),(0,a.jsx)(I,{children:(0,a.jsx)(T,{children:(0,a.jsx)(P,{text:h?.displayName??"",width:250,ctaColor:U,textColor:Y})})})]})})]})})})]})})})})})||(0,a.jsx)(A,{children:(0,a.jsx)(v,{className:"curve-banner-2",children:(0,a.jsx)(c.Grid,{children:(0,a.jsxs)(c.GridRow,{columns:16,className:"md:min-h-[inherit] relative",children:[(0,a.jsx)(c.GridItem,{colStart:1,colSpan:7,children:(0,a.jsx)(u,{children:(0,a.jsxs)(N,{children:[i&&(0,a.jsx)(o.A,{delay:"200ms",children:(0,a.jsx)(_,{dataTest:`${z}-right-super-text`,text:i})}),m&&(0,a.jsx)(o.A,{delay:"400ms",children:(0,a.jsx)(W,{dataTest:`${z}-right-product-title`,tag:"h3",text:m})}),g&&(0,a.jsx)(o.A,{delay:"600ms",children:(0,a.jsx)(R,{dataTest:`${z}-right-description`,text:g})}),D&&(0,a.jsx)(o.A,{delay:"800ms",children:(0,a.jsxs)(l.S,{href:D,className:"inline-block",target:h?.openInNewTab?"_blank":"_self",children:[(0,a.jsx)("span",{className:"sr-only",children:h?.dis
78playName}),(0,a.jsx)(I,{children:(0,a.jsx)(T,{children:(0,a.jsx)(P,{text:h?.displayName??"",width:250,ctaColor:U,textColor:Y})})})]})})]})})}),(0,a.jsx)(c.GridItem,{colStart:9,colSpan:8,children:(0,a.jsx)(C,{children:(0,a.jsx)(o.A,{delay:"200ms",children:k?.asset[0]?.background&&(0,a.jsx)("div",{className:"relative w-full h-full",children:(0,a.jsx)(s.A,{src:k?.asset[0]?.background,aiLabeling:k?.asset[0]?.isAiGenerated,mimeType:String(k?.asset[0]?.mimeType),alt:"banner 2 image",className:"object-cover"})})})})})]})})})}),(0,a.jsxs)(B,{children:[(0,a.jsx)(L,{className:"curve-banner-2-mobile-top bg-tertiary",children:(F?.asset[0]?.background||k?.asset[0]?.background)&&(0,a.jsx)("div",{className:"relative w-full h-full min-h-354",children:(0,a.jsx)(s.A,{src:F?.asset[0]?.background||k?.asset[0]?.background||"",mimeType:String(k?.asset[0]?.mimeType||F?.asset[0]?.mimeType),alt:"banner 2 image",className:"object-cover"})})}),(0,a.jsxs)(N,{className:"curve-banner-2-mobile-bottom",children:[i&&(0,a.jsx)(_,{dataTest:`${z}-left-mobile-super-text`,text:i}),m&&(0,a.jsx)(W,{dataTest:`${z}-left-mobile-product-title`,text:m}),g&&(0,a.jsx)(R,{dataTest:`${z}-left-mobile-description`,text:g}),D&&(0,a.jsxs)(l.S,{href:D,className:"inline-block",target:h?.openInNewTab?"_blank":"_self",children:[(0,a.jsx)("span",{className:"sr-only",children:h?.displayName}),(0,a.jsx)(I,{children:(0,a.jsx)(S,{children:(0,a.jsx)(P,{text:h?.displayName??"",width:150,isWidthAuto:!0,ctaColor:U,textColor:Y})})})]})]})]})]})})}}}]); 79//# sourceMappingURL=8546.95f26f3a2c8b0660.js.map
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.