1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8025,9833],{3529:(t,e,i)=>{i.d(e,{Ul:()=>n,Vn:()=>r,Ye:()=>o,jx:()=>s});var l=i(37876);i(14232);let r=({color:t="#EFDBB2",customSize:e=!1})=>(0,l.jsx)("svg",{fill:"none",height:e?"100%":"310",viewBox:"0 0 361 310",width:e?"100%":"361",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"m314.672 256.593c0 29.496-23.855 53.407-53.281 53.407-13.457 0-25.749-5.001-35.127-13.249-13.255-11.658-33.812-21.936-50.845-17.361-74.551 20.023-150.9033-23.291-170.53891-96.744-7.26889-27.192-5.746249-54.702 2.837-79.584 6.15311-17.8373-.81993-40.2597-3.51917-58.9383-.26302-1.8202-.39918-3.6815-.39917-5.5746 0-21.2901 17.21855-38.54910675 38.45875-38.5491 5.6905.00000057 11.0924 1.23882 15.9518 3.46207 14.0764 6.44012 31.1567 13.94533 46.1027 9.93113 50.853-13.65807 102.545 2.1544 136.501 36.9007 9.126 9.3378 22.076 14.1961 35.108 14.691 6.17.2343 12.418 1.123 18.656 2.7166 46.356 11.8428 74.605 58.1315 63.097 103.3895-4.293 16.883-13.513 31.238-25.793 41.986-11.605 10.159-17.209 28.072-17.209 43.516z",fill:t||"#EFDBB2"})}),o=()=>(0,l.jsx)("svg",{fill:"none",height:"249",viewBox:"0 0 326 249",width:"326",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"m170.421 47.1279c-24.774 7.3928-37.614-1.6974-51.93-4.9251-30.3951-6.8529-75.7596 2.3128-96.5814 28.4749-36.2679 45.5693-26.49792 113.6863 21.8219 152.1433 48.3199 38.457 116.8915 32.691 153.1595-12.879 11.274-14.165 26.181-34.999 45.252-43.481 19.071-8.483 43.702-18.614 60.545-37.289 23.923-26.527 29.181-53.9873 15.136-83.5071-14.045-29.5197-53.703-56.4149-89.294-40.59055s-33.335 34.66065-58.109 42.05355z",fill:"#EFDBB2"})}),s=()=>(0,l.jsx)("svg",{fill:"none",height:"143",viewBox:"0 0 130 143",width:"130",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"m158.088 117.698c0 13.529-11.993 24.497-26.788 24.497-6.766 0-12.946-2.294-17.661-6.078-6.664-5.347-17.0002-10.061-25.5641-7.963-37.4822 9.184-75.8707-10.683-85.74307-44.3757-3.65463-12.4726-2.889082-25.0912 1.42638-36.5045 3.09366-8.1819-.41224-18.4668-1.76936-27.0346-.13224-.8349-.20069-1.6886-.20069-2.557 0-9.76562 8.65714-17.68220309 19.33624-17.6822 2.861.00000026 5.577.568236 8.0202 1.58803 7.0773 2.95403 15.6649 6.3966 23.1795 4.55531 25.5677-6.264834 51.5569.98823 68.6299 16.92616 4.588 4.2831 11.099 6.5116 17.651 6.7386 3.102.1074 6.244.5151 9.38 1.2461 23.307 5.4322 37.51 26.6646 31.724 47.4238-2.159 7.7443-6.794 14.3287-12.968 19.2589-5.835 4.6601-8.653 12.8761-8.653 19.9611z",fill:"#EFDBB2"})}),n=()=>(0,l.jsx)("svg",{fill:"none",width:"155",height:"118",viewBox:"0 0 155 118",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M61.2371 21.3286C66.4569 23.054 72.1489 24.9355 81.148 22.251C86.8121 20.5613 89.5089 17.6157 92.6581 14.1761C96.0676 10.4521 100.007 6.14893 108.817 2.2332C125.765 -5.29929 144.648 7.50299 151.336 21.5546C158.023 35.6062 155.52 48.6777 144.128 61.3046C136.617 69.6312 125.851 74.3893 117.055 78.2768C116.46 78.5396 115.874 78.7984 115.299 79.0541C107.157 82.6747 100.609 91.0221 95.472 97.5696C94.8801 98.3241 94.3069 99.0548 93.7522 99.7515C76.4828 121.443 43.8314 124.188 20.8233 105.882C-2.18478 87.5764 -6.8369 55.1523 10.4325 33.4608C20.3471 21.0075 41.948 16.6446 56.4209 19.9066C58.0374 20.271 59.6144 20.7922 61.2371 21.3286Z",fill:"#EFDBB2"})})},9833:(t,e,i)=>{i.r(e),i.d(e,{LiquidButton:()=>c});var l=i(37876),r=i(76823);let o=({children:t,variant:e="body",as:i="p",type:o="m",className:s,"data-testid":n,onMouseEnter:d,onMouseLeave:a,onClick:h})=>(0,l.jsx)(i,{className:(0,r.f)([`text-${e}-${o} leading-${e}-${o} tracking-${e}-${o}`],s),onMouseEnter:d,onMouseLeave:a,onClick:h,children:t});var s=i(5646),n=i(81479);let d=s.Ay.div.withConfig({componentId:"sc-da93d04b-0"})(["display:inline-block;position:relative;width:",";height:",";min-width:150px;max-width:100%;"],t=>t.$isWidthAuto?"auto":`${t.width}px`,t=>`${t.height+60}px`),a=s.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:",";}"],t=>t.$useCustomColorsAsImportant?` 2 border: 1px solid ${t.$color||n.l.white}; 3 `:`border: 1px solid var(--color-text, ${n.l.white});`,t=>`${t.height-10}px`,t=>
3t.$isWidthAuto?"calc(100% - 10px)":`${t.width-10}px`),h=s.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;}"],t=>t.$isWidthAuto?"auto":"100%",t=>`${t.height}px`,t=>`${t.height}px`,t=>t.$useCustomColorsAsImportant?` 4 color: ${t.$textColor}; 5 background: ${t.$bgColor||n.l.primary}; 6 `:` 7 color: var(--color-text, ${t.$textColor}); 8 background: var(--color-neutral, ${t.$bgColor}); 9 `,t=>t.$isWidthAuto?"0 20px":"",t=>t.$isWidthAuto?"auto":`${t.width}px`),c=({text:t,className:e,onButtonClick:i=()=>{},disabled:s=!1,variant:n="none",type:c="button",dataTest:p,as:m="div",...x})=>{if("none"!==n)return(0,l.jsx)(m,{type:c,onClick:i,disabled:s,className:(0,r.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===n,"text-black bg-white":"secondary"===n},e),children:(0,l.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,l.jsx)(o,{className:"p-3",children:t})})});if(0===Object.keys(x).length)return null;let{width:u,height:g,color:f,textColor:w,useCustomColorsAsImportant:v,isWidthAuto:y}=x||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,l.jsx)(m,{onClick:i,disabled:s,type:c,children:(0,l.jsxs)(d,{width:u,height:g,$isWidthAuto:y,children:[(0,l.jsx)(a,{width:u,height:g,$color:w,$useCustomColorsAsImportant:v,$isWidthAuto:y}),(0,l.jsx)(h,{$textColor:w,$bgColor:f,width:u,height:g,$useCustomColorsAsImportant:v,$isWidthAuto:y,children:t})]})})}},55319:(t,e,i)=>{i.d(e,{A:()=>s});var l=i(37876),r=i(14232);let o=i(5646).Ay.div.withConfig({componentId:"sc-1062300-0"})(["height:100%;",";"," @media(prefers-reduced-motion:no-preference){",";",";",";","}",";"],({$spinUp:t})=>t?`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:t})=>t?` 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:t,$delay:e})=>t&&` 37 transition: opacity ${e} ease-in; 38 will-change: opacity; 39 `,({$bounce:t,$isVisible:e})=>t&&e&&` 40 animation-name: bounce; 41 animation-duration: 1500ms; 42 `,({$fadeIn:t,$bounce:e})=>!t&&!e&&` 43 transition: opacity 600ms ease-out, transform 700ms ease-out; 44 will-change: opacity, transform; 45 `,({$delay:t})=>t&&`transition-delay: ${t}; animation-delay: ${t};`,t=>t.$isVisible?` 46 opacity: 1; 47 transform: none; 48 `:""),s=t=>{let[e,i]=(0,r.useState)(t.isVisible||!1),[s,n]=(0,r.useState)(!1),d=(0,r.useRef)(null);return(0,r.useEffect)(()=>{n(!0)},[]),(0,r.useEffect)(()=>{if(!e&&s&&1){let t=new IntersectionObserver(t=>{t.forEach(t=>{i(t.isIntersecting)})}),e=d.current;if(e)return t.observe(e),()=>t.unobserve(e)}},[e,s]),(0,l.jsx)(o,{$isVisible:e,ref:d,$delay:t.delay,$fadeIn:t.fadeIn,$bounce:t.bounce,$spinUp:t.spinUp,$componentSize:t.$componentSize,children:t.children})}},68025:(t,e,i)=>{i.r(e),i.d(e,{ProductBanner:()=>E});var l=i(37876),r=i(55319),o=i(68831),s=i(9833),n=i(97384),d=i(3874),a=i(5646),h=i(48837);let c=d.A.div` 49 h-fit 50 w-full 51 py-20 52 md:py-36 53 llg:pb-20 54 bg-top 55 bg-cover 56 overflow-hidden 57 items-center 58 grid 59 grid-cols-1 60 `;c.displayName="BannerWrapper";let p=d.A.div` 61 w-full 62 h-full 63 overflow-hidden 64 col-start-1 65 row-start-1 66`;
66p.displayName="BannerBackground";let m=d.A.div` 67 flex 68 w-full 69 md:hidden 70 overflow-hidden 71`;m.displayName="MobileSVG";let x=d.A.div` 72 hidden 73 md:block 74 overflow-hidden 75`;x.displayName="DesktopSVG";let u=d.A.div` 76 flex 77 md:hidden 78`;m.displayName="MobileSVG";let g=d.A.div` 79 hidden 80 md:block 81`;x.displayName="DesktopSVG";let f=d.A.div` 82 md:pt-10 83 h-full 84 col-start-1 85 row-start-1 86 `;f.displayName="BannerGrid";let w=d.A.div` 87 pt-5 88 llg:pt-20 89 md:flex 90 items-center 91 `;w.displayName="BannerContentWrapper";let v=d.A.div` 92 px-5 93 text-center 94 h-full 95 md:text-left 96`;v.displayName="BannerContent";let y=d.A.div` 97 flex 98 items-center 99 justify-center 100 md:justify-start 101 relative 102 -top-5 103`;y.displayName="BannerActions";let j=d.A.div` 104text-center 105 w-full 106 md:h-full 107 sm:h-56 108 relative 109 -mt-0 110 md:mt-0 111`;j.displayName="BannerAssetsWrapper";let b=d.A.div` 112 113 -top-10 114 md:top-10 115 lg:top-5 116 relative 117 md:absolute 118 md:mt-0 119 md:left-20 120 z-10 121 w-full 122 h-full 123`;b.displayName="BannerProduct";let C=(0,a.Ay)(h.A).withConfig({componentId:"sc-58877e1f-0"})(["-webkit-transform:rotate(-8deg);transform:rotate(-8deg);width:100%;"]);C.displayName="BannerProductImage";let $=d.A.div` 124 absolute 125 -right-10 126 -bottom-24 127 md:-right-20 128 md:-bottom-40 129 lg:-right-32 130 lg:-bottom-32 131 xl:-right-20 132 w-3/5 133 z-20 134 w-full 135 h-full 136`;$.displayName="BannerTool";let A=(0,d.A)(h.A)` 137 object-contain 138 mt-7.5 139 md:mt-64 140`;A.displayName="BannerToolImage";let B=d.A.div` 141 relative 142 w-fit 143 -right-20 144 bottom-64 145 md:-right-40 146 md:-bottom-24 147 lg:h-120 148 lg:-right-36 149 lg:-bottom-20 150 z-0 151`;B.displayName="MetaballsWrapper";let k=(0,d.A)(n.Text)` 152 mb-2 153 mt-8 154 text-gray-300 155 md:mt-0 156`;k.displayName="Category";let N=d.A.h3` 157 mb-3 158 text-4xl 159 md:text-2xl 160 lg:text-6xl 161 xl:text-7xl 162 sm:leading-9.5 163 md:leading-11 164`;N.displayName="ProductTitle";var I=i(3529),S=i(79879),M=i(12041),z=i(68783),F=i(81479),V=i(14232);let W=({text:t="",width:e,height:i,ctaColor:r="#EFDBB2",textColor:o="#000"})=>(0,l.jsx)(s.LiquidButton,{text:t,height:i,width:e,color:r,textColor:o}),E=({templateProps:t,primarySubBrandColor:e,templateIndex:i=0,components:s})=>{let d=(0,V.useId)(),{backgroundImage:a,category:h,product:E,description:P,buttonColor:T,link:D,toolImage:G}=t,U=e||("Light"===T?F.l.secondary:F.l.primary),Y=`${d}-product-banner`;return(0,l.jsxs)(c,{children:[a&&(0,l.jsxs)(p,{children:[(0,l.jsx)(m,{children:(0,l.jsxs)("svg",{height:"100%",width:"100%",viewBox:"0 0 320 572",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:`${Y}-mask-mobile`,children:(0,l.jsx)("path",{d:"M0 572V11C0 11 72.2222 0.526245 159.333 0.526245C246.444 0.526245 320 11 320 11V572C320 572 246.444 561.556 159.333 561.556C72.2222 561.556 0 572 0 572Z",fill:"#FA85BD"})})}),(0,l.jsx)("image",{xlinkHref:S.M.transformUrlToProxyUrl(a?.asset?.[0]?.desktop??""),clipPath:`url(#${Y}-mask-mobile)`,preserveAspectRatio:"xMidYMid slice",height:"572",width:"320"})]})}),(0,l.jsx)(x,{children:(0,l.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 1440 676",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:`${Y}-mask-desktop`,children:(0,l.jsx)("path",{d:"M0 676V51.9274C0 51.9274 325 0.0174264 717 0.0174264C1109 0.0174264 1440 51.9274 1440 51.9274V676C1440 676 1115 628.932 723 628.932C331 628.931 0 676 0 676Z",fill:"#FA85BD"})})}),(0,l.jsx)("image",{height:"676",width:"1440",preserveAspectRatio:"xMidYMid slice",xlinkHref:S.M.transformUrlToProxyUrl(a?.asset?.[0]?.desktop??""),clipPath:`url(#${Y}-mask-desktop)`})]})})]}),(0,l.jsx)(f,{className:"md:pt-10",children:(0,l.jsx)(o.Grid,{children:(0,l.jsxs)(o.GridRow,{columns:16,children:[(0,l.jsx)(o.GridItem,{colSpan:7,colStart:2,className:"self-center",children:(0,l.jsx)(w,{children:(0,l.jsx)(r.A,{children:(0,l.jsxs)(v,{children:[h&&(0,l.jsx)(k,{tag:"p",type:"lead",children:h}),E?.productTitle&&(0,l.jsx)(N,{tag:"h3",type:"lg",children:E?.productTitle}),P&&(0,l.jsx)(n.Text,{tag:"p",type:"md",children:P}),D&&(0,l.jsx)(y,{onClick:()=>{let t=0;for(let e=0;e<=i;e++)s&&"Spacer"!==s[e].__typename&&(t+=1);z.b.productTeaserCardClick(E?.productTitle||"na",-1,E?.productTitle||"na",t||0,"single product")},role:"button",children:(0,l.jsxs)(M.S,{href:D?.url||"",children:[(0,l.jsx)(u,{children:(0,l.jsx)(W,{text:D?.displayName,height:60,width:250,ctaColor:U,textColor:"Light"===T?"#000":"#FFF"})}),(0,l.jsx)(g,{children:(0,l.jsx)(W,{text:D?.displayName,height:50,width:250,ctaColor:U,textColor:"Light"===T?"#000":"#FFF"})})]})})]})})})}),(0,l.jsx)(o.GridItem,{colSpan:8,children:(0,l.jsx)(r.A,{children:(0,l.jsxs)(j,{children:[E&&(0,l.jsx)(b,{children:(0,l.jsx)(C,{width:400,height:400,sources:S.M.getPictureSources(E?.productImage),skipSizes:!0,className:"max-w-[200px] lg:max-w-[350px]"})}),G&&(0,l.jsx)($,{children:(0,l.jsx)(A,{width:400,height:400,sources:S.M.getPictureSources(G?.asset?.[0]),alt:""})}),(0,l.jsxs)(B,{children:[(0,l.jsx)("div",{className:"md:block hidden w-full h-full",children:(0,l.jsx)(I.Vn,{color:"#BBC4BA",customSize:!0})}),(0,l.jsx)("div",{className:"md:hidden w-full h-full",children:(0,l.jsx)(I.Vn,{color:"#BBC4BA",customSize:!1})})]})]})})})]})})})]})}}}]); 165//# sourceMappingURL=8025.52885ec0e3a34e4f.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.