"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22037,49367],{22037:(t,e,r)=>{r.d(e,{A:()=>x});var o=r(41364),n=r(12115),a=r(60275),i=r(17360),s=r(28058),l=r(49367),c=r(46062),d=r(47321);let h=[d.e["car--jeep-wrangler"],d.e["car--ford-f-150"],d.e["car--ford-mustang"],d.e["car--commercial-van"],d.e["car--sedan"],d.e["car--convertible"],d.e["car--rv"],d.e["car--suv"],d.e["car--atv-utv"],d.e["car--racing"]];var u=r(6621),M=r(25289),p=r(40539),k=r(56242),v=r(13380),m=r(17898);let g=(0,v.i7)({"0%":{right:"120%"},"100%":{right:136}}),f=(0,v.i7)({"0%":{left:"120%"},"100%":{left:136}}),b=(0,v.i7)({"0%":{right:"100%"},"100%":{right:-30}}),w=(0,v.i7)({"0%":{right:"100%"},"100%":{width:"100%",right:"0%"}}),C=(0,v.i7)({"0%":{transform:"rotateZ(0deg)"},"100%":{transform:"rotateZ(1080deg)"}}),V=(0,v.i7)({"0%":{transform:"rotateZ(0deg)"},"100%":{transform:"rotateZ(3600deg)"}});(0,v.i7)({"0%":{transform:"rotateZ(1080deg)"},"100%":{transform:"rotateZ(0deg)"}}),(0,v.i7)({"0%":{transform:"rotateZ(3600deg)"},"100%":{transform:"rotateZ(0deg)"}});let A=(0,v.i7)({"0%":{backgroundPosition:"0 0"},"100%":{backgroundPosition:"-25vw 0"}}),j=(0,v.i7)({"0%":{backgroundPosition:"0 0"},"100%":{backgroundPosition:"-15vw 0"}}),L=(0,v.i7)({"0%":{right:-200},"100%":{right:40}}),H="".concat(k.E.MS3000,"ms"),X="".concat(k.E.MS3000,"ms"),R="".concat(k.E.MS5000,"ms"),y=(t,e)=>({animation:"".concat(t," ").concat(H," ").concat(m.U.QUAD_EASE_OUT," forwards"),[M.MQ.M]:{animationName:e||t,animationDuration:X},[M.MQ.L]:{animationDuration:R}}),S={car:{bottom:-6,position:"absolute",right:0,[M.MQ.XL]:{bottom:0,transform:"translateX(-180px)"}},carAnimate:[y(g),{"[class$=back-wheel], [class$=front-wheel]":y(C,V)}],carAnimateNewForLarge:[y(b),{"[class$=back-wheel], [class$=front-wheel]":y(C,V)}],carAnimateNewForSmall:[y(w),{"[class$=back-wheel], [class$=front-wheel]":y(C,V),display:"flex",justifyContent:"center"}],carAnimateReverse:[y(f),{"[class$=back-wheel], [class$=front-wheel]":y(C,V)}],carMobile:{bottom:-6,position:"absolute",right:"-10%",transform:"translateX(-15%) scale(-0.8,0.8)",[M.MQ.M]:{transform:"translateX(-35%) scale(-0.8,0.8)"},[M.MQ.XL]:{bottom:0,transform:"translateX(-47%) scale(-1,1)"}},carMobileModal:{bottom:-6,position:"absolute",right:"-10%",transform:"translateX(-15%) scale(-0.8,0.8)",[M.MQ.M]:{transform:"translateX(-30%) scale(-0.8,0.8)"},[M.MQ.XL]:{bottom:0,transform:"translateX(-35%) scale(-1,1)"}},carPaymentOptionsContainerFooter:{[M.MQ.XL]:{left:"50%",marginLeft:90,width:"max-content"}},carReverse:{bottom:-6,position:"absolute",left:116,[M.MQ.XL]:{bottom:0,transform:"translateX(-180px)"}},root:{position:"relative",overflow:"hidden"},scenery:{backgroundSize:"auto 75px",height:"100%",left:0,opacity:.5,position:"absolute",right:0,top:0,[M.MQ.XL]:{backgroundSize:"auto 133px"}},sceneryAnimate:y(A,j),shop:{backgroundImage:"url(/static/assets/pdp/shop.svg)",backgroundRepeat:"no-repeat",bottom:0,height:83,position:"absolute",width:130,[M.MQ.XL]:{backgroundSize:"contain",height:122,right:40,transform:"translateX(-90px)",width:205}},shopAnimate:y(L),shopOnFedex:{backgroundImage:"url(/static/assets/pdp/fedex-shop.svg)",backgroundRepeat:"no-repeat",bottom:0,height:83,position:"absolute",width:130,[M.MQ.XL]:{backgroundSize:"contain",height:122,right:40,transform:"translateX(-90px)",width:205}},shopOnOrange:{backgroundImage:"url(/static/assets/pdp/shop-orange.svg)"},vanMobile:{bottom:-6,left:"1%",position:"absolute",[M.MQ.M]:{left:"25%"},[M.MQ.XL]:{bottom:0,left:"-10%",transform:"translateX(43%)"}},vanMobileModal:{bottom:-6,left:"-10px",position:"absolute",[M.MQ.M]:{left:"20%"},[M.MQ.XL]:{bottom:0,left:"-10%",transform:"translateX(25%)"}}},U=k.E.MS8000,x=(0,n.memo)(function(t){let{vehicleType:e,sceneryType:r=c.C5.URBAN,isFedex:d,animateIn:v,onOrangeBg:m,rotateVehicles:g,isMobileInstall:f,isMobileInstallModal:b,isNoShop:w,hideShop:C,isPaymentOptionsContainerFooter:V,...A}=t,j=function(){let[t,e]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{"function"==typeof window.matchMedia&&e(!window.matchMedia("(prefers-reduced-motion)").matches)},[]),t}(),[L,H]=(0,n.useState)(!1),[X,R]=(0,n.useState)(0),{isMobile:y}=(0,u.A)();(0,n.useEffect)(()=>{if(!j)return H(!0),()=>{};let t=setTimeout(()=>{H(!0)},k.E.MS5000);return()=>clearTimeout(t)},[j]),(0,n.useEffect)(()=>{if(g&&L&&j){let t=setInterval(()=>{let t=X+1;t>h.length-1&&(t=0),R(t)},U);return()=>clearInterval(t)}return()=>{}},[L,X,j,h,g]);let x=h[X];return(0,o.FD)("div",{css:S.root,...A,role:"img","data-component":"InstallationAnimation",children:[(0,o.Y)(l.A,{sceneryID:r,css:[S.scenery,v&&S.sceneryAnimate],blackStroke:m,"data-element":"Scenary"}),f&&(0,o.Y)(a.A,{carId:g?x:e||s.Wd.AUDI_A6,solid:!0,solidColor:p.l.GLOBAL.WHITE,strokeWidthForBreakpoint:{[M.dj.S]:i.AM/.8,[M.dj.M]:i.AM/.8,[M.dj.L]:i.AM/.8,[M.dj.XL]:i.AM/1},css:[v&&S.carAnimateReverse,S.carReverse,f&&b?S.carMobileModal:S.carMobile]}),!C&&!f&&(0,o.Y)("div",{css:[S.shopAnimate,d&&S.shopOnFedex,v&&S.shopAnimate,w||d?"":S.shop,m&&S.shopOnOrange]}),(0,o.Y)(a.A,{carId:g?x:f?s.Wd.MOBILE_INSTALL_VAN:d?s.Wd.JEEP_WRANGLER:s.Wd.AUDI_A6,scaleForBreakpoint:{[M.dj.S]:.8,[M.dj.M]:.8,[M.dj.L]:.8,[M.dj.XL]:1},solid:!0,solidColor:m?p.l.GLOBAL.ORANGE:p.l.GLOBAL.WHITE,strokeWidthForBreakpoint:{[M.dj.S]:i.AM/.8,[M.dj.M]:i.AM/.8,[M.dj.L]:i.AM/.8,[M.dj.XL]:i.AM/1},css:[v&&S.carAnimate,S.car,f?b?S.vanMobileModal:S.vanMobile:"",w&&(y?S.carAnimateNewForSmall:S.carAnimateNewForLarge),V?S.carPaymentOptionsContainerFooter:""],"data-element":"Car"})]})})},43510:(t,e,r)=>{r.d(e,{q:()=>n,s:()=>o});var o=function(t){return t["scenery--rural"]="scenery--rural",t["scenery--suburban"]="scenery--suburban",t["scenery--urban"]="scenery--urban",t}({});function n(t){return!!t&&t in o}},46062:(t,e,r)=>{r.d(e,{C5:()=>n,dQ:()=>i,hO:()=>a});var o=r(43510);let n={RURAL:o.s["scenery--rural"],SUBURBAN:o.s["scenery--suburban"],URBAN:o.s["scenery--urban"]},a={RURAL:1641,SUBURBAN:1512,URBAN:1397},i={[o.s["scenery--rural"]]:'<svg width="1641" height="130" viewBox="0 0 1641 130" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M146.101 74.2879C146.101 74.2879 215.738 39.9004 243.863 39.9004C271.988 39.9004 360.001 73.0504 360.001 73.0504" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M151.238 83.5876C151.238 83.5876 111.638 60.7876 97.5 60.7876C82.275 60.7876 58.725 83.1751 52.275 87.2251H0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M317.663 98.3253V88.6503C317.663 87.3378 317.063 86.0628 316.013 85.2378L301.913 73.9878L287.813 85.2378C286.763 86.0628 286.163 87.3003 286.163 88.6503V98.3253H260.175" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M292.688 98.3246V87.7871H311.175V98.3246" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M210.75 107.963H231.938" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M273.601 115.312H278.926" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M486.226 66.9747C486.226 66.9747 557.251 25.7622 602.363 25.7622C647.476 25.7622 738.526 71.6247 738.526 71.6247" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M721.5 51.1878C733.275 46.6503 747.525 42.1128 757.2 42.1128C782.1 42.1128 815.325 66.9753 815.325 66.9753H856.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1220.4 68.2876C1220.4 68.2876 1121.62 33.4501 1091.62 33.7876C1061.62 34.1251 950.962 74.6626 950.962 74.6626" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1640.03 80.625C1640.03 80.625 1555.43 24.75 1531.46 24.75C1507.5 24.75 1439.81 80.625 1439.81 80.625H1393.73" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1215.11 61.1996C1215.11 61.1996 1253.25 40.9121 1268.21 40.9121C1283.18 40.9121 1349.48 68.1746 1349.48 68.1746" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1349.48 100.312H1393.73" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M576.524 109.238H656.587" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M716.851 109.238H740.101" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M819.038 128.963H892.801" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1010.18 115.275H1056.53" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1131.3 109.238H1150.31" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1418.89 100.312H1430.62" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1406.4 115.275H1461.79" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1482.6 100.313H1502.7V82.3126C1502.7 77.2501 1506.79 73.1626 1511.85 73.1626H1513.35C1518.41 73.1626 1522.5 77.2501 1522.5 82.3126V100.313H1534.76" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1260.94 124.762H1296.79" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1120.39 92.9629H1137.9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1211.4 92.9625L1186.58 93.7125V83.8875H1169.93C1169.93 81.7875 1169.32 80.5125 1168.27 79.6875L1153.91 68.25L1139.59 79.6875C1138.54 80.5125 1137.94 81.7875 1137.94 83.1375V92.9625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1144.73 92.9625V82.875H1161.68V92.9625" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1506.41 100.313V92.9629H1510.8V100.313" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0"><rect y="24" width="1640.78" height="105.713" fill="white"/></clipPath></defs></svg>',[o.s["scenery--suburban"]]:'<svg xmlns="http://www.w3.org/2000/svg" width="1512" height="131" fill="none"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#a)"><path d="M1220.98 108.614V64.985l25.15-13.235 25.15 13.236V93.77M79.076 112.532V87.403l-2.445-9.407-51.712.06-4.879-3.165L.75 87.403v25.129"/><path d="M72.896 103.268v3.997H61.665V99.27M72.896 99.27a5.625 5.625 0 0 0-11.231 0M30.596 89.762H10.343v14.694h20.253V89.762ZM255.647 123.178v-52.53l-14.985-10.633-14.989 10.633v7.35h-43.455l-3.866 9.406v29.092"/><path d="M234.295 85.911v18.545h14.085V85.911a7.04 7.04 0 0 0-7.043-7.041 7.041 7.041 0 0 0-7.042 7.041v0ZM184.067 108.153V93.26h36.619v23.235M121.196 112.352a10.182 10.182 0 0 0-20.362 0M123.101 109.491a5.398 5.398 0 0 1 4.676-1.223c3.803.702 4.332 4.684 4.332 4.684s4.856-.409 4.5 4.875M300.817 116.492a8.528 8.528 0 0 0-6.529-10.124 10.15 10.15 0 0 0-3.105-.165c.802-3.7-1.826-7.382-5.528-8.185-3.701-.802-7.376 1.208-8.178 4.908-1.073-1.124-2.502-2.279-4.125-2.624a7.734 7.734 0 0 0-1.5-.18M347.024 112.975V69.347l25.152-13.236 25.151 13.236v16.43"/><path d="M376.504 68.757a7.503 7.503 0 0 0-9.651.833 7.494 7.494 0 0 0 3.482 12.559 7.5 7.5 0 0 0 9.026-9.402M416.077 113.605V95.262l-4.575-6.775h-42.251l-4.579 6.776v18.342"/><path d="M396.36 116.496v-14.323h11.453v14.323M501.151 127.436V85.037l11.55-17.648h60.319l11.55 17.648v17.135"/><path d="M556.922 116.495V97.823h13.789v18.672M790.59 121.039V86.953l-6.702-6.7h-54.993l-12.537-12.53-18.187 18.188v35.128"/><path d="M708.341 95.292v18.549h14.089V95.292a7.05 7.05 0 0 0-7.045-6.882 7.046 7.046 0 0 0-7.044 6.882ZM744.379 122.491v-11.995h11.092v11.995M766.327 122.491v-11.995h11.089v11.995M977.87 116.496V85.211l-6.172-15.433h-41.993V57.874h-43.203l-9.878 16.913v39.677M827.491 108.104c3.633-6.261 11.876-8.069 18.967-3.303 1.575-6.374 8.183-8.354 12.518-7.008 3.026.938 5.512 2.88 6.783 5.531 1.5 0 3.188.037 4.699.506.855.264 1.686.601 2.483 1.008"/><path d="M945.553 122.491v-20h17.164v20M910.847 96.492V84.498h10.042v11.994M886.539 96.492V84.498h10.043v11.994M1165.29 121.302V65.207l-15.02-9.388-15.03 9.388V76.94l-43.81 17.019v27.344"/><path d="M1145.3 96.65V76.937h10.03V96.65M1368.38 127.447V98.381l-36.55-20.239-36.55 20.24v29.065"/><path d="M1331.83 98.676c2.37 0 4.29-1.922 4.29-4.294a4.291 4.291 0 0 0-4.29-4.294 4.291 4.291 0 0 0-4.29 4.294 4.291 4.291 0 0 0 4.29 4.294ZM1320.85 114.463v-11.972H1304v14.004M1443.78 129.329V79.076l33.57-14.413 33.57 14.413v50.253"/><path d="M1469.58 114.463v-11.972h-16.85v14.004M1349.11 115.191v-12.7h9.88v11.248M1491.52 115.191v-12.7h9.89v11.248M454.069 107.159s1.253-5.999 7.943-4.986c6.69 1.012 6.27 6.224 6.27 6.224s7.054-11.74 17.67-4.721c8.561 5.658 3.176 15.219 3.176 15.219M646.798 123.657a19.634 19.634 0 0 0-19.635-19.632c-6.776 0-12.127 3.494-15.656 8.717-.525-.971-3.442-2.748-5.37-2.542a6.65 6.65 0 0 0-6 5.448c-1.369-1.747-4.642-3.697-8.974-3.697a11.711 11.711 0 0 0-11.711 11.706M1086.78 108.562c0-3.923-1.56-7.686-4.33-10.46a14.81 14.81 0 0 0-10.46-4.332c-13.67 0-14.8 15.069-14.8 15.069a13.522 13.522 0 0 0-16.31-2.163c-4.3-6.832-12.08-9.374-20.51-7.848a20.361 20.361 0 0 0-7.39 2.912 20.44 20.44 0 0 0-5.72 5.52 20.487 20.487 0 0 0-3.17 7.286 20.43 20.43 0 0 0-.13 7.945M1366.03 91.801c.88-1.395 2.21-3.498 4.73-3.933 3.47-.6 6.1.75 8.3 2.872 2.04-2.047 5.52-2.872 8.65-2.872 6.24 0 11.41 4.874 11.41 11.125 5.49-1.905 11.6.82 13.5 6.314.45 1.306.64 2.688.56 4.068-.08 1.379-.43 2.73-1.03 3.973a10.68 10.68 0 0 1-2.48 3.275 10.588 10.588 0 0 1-3.55 2.077M1209.45 119.99c0-7.499 7.53-7.064 7.53-7.064a8.05 8.05 0 0 1 1.5.18c1.63.352 3.05 1.5 4.13 2.624.8-3.704 4.47-5.714 8.17-4.911 3.71.802 6.33 4.499 5.53 8.185 1.04-.102 2.09-.046 3.11.165 1.09.237 2.13.688 3.05 1.326a8.454 8.454 0 0 1 2.31 2.394 8.481 8.481 0 0 1 1.22 3.097c.2 1.103.18 2.234-.05 3.329M1229.98 88.562V76.94h9.58v11.623"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 51h1511.67v79.08H0z"/></clipPath></defs></svg>',[o.s["scenery--urban"]]:'<svg xmlns="http://www.w3.org/2000/svg" width="1397" height="130" fill="none"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#a)"><path d="M36.938 113.166V84.264H42.3v-14.59h21.9v27.158M291.976 99.052V50.447h2.55v-9.436h1.125V34.63h1.65s2.062-8.683 2.062-13.163v-8.365M306.75 74.314V50.447h-2.55v-9.436h-1.125V34.63h-1.65s-2.062-8.683-2.062-13.163v-8.365M128.851 69.477V40.773h32.775v69.777M640.95 105.396V2.793h26.1v57.209h5.287v29.535M1084.31 125.338V71.103h26.1v31.002M1207.12 128.707v-70.53h31.54v28.505M1047.86 108.052V80.577h-16.57M1343.96 108.646V33.558h27.15v18.87h7.84v5.75M705.524 110.589V62.023h32.513v14.392M613.125 95.761V58.138h19.012v55.583"/><path d="M1366.24 122.919V61.944h29.66v57.367M204.375 104.286V82.401h36.75v10.506M235.05 113.166V96.832h37.688v22.122M299.363 115.783V78.12l44.25.04v46.067M110.062 124.227V78.119l10.8-8.642 10.801 8.642v25.334h21.862v18.911M47.175 125.892v-25.413H88.65v21.885M18.75 121.65V96.08h-18v28.147M485.137 119.113V55.878l22.838 6.938V78.12"/><path d="M499.425 125.892v-43.49h59.213v43.49M398.663 78.12V51.755h37.05v66.803"/><path d="M385.351 125.892v-43.49h22.462v43.49M581.25 125.892v-24.303h41.4v16.969M729.113 126.606v-25.413h4.012V82.401h14.588v18.792h22.912v27.514M862.726 98.26V55.6h14.025v15.343h13.65v20.418M879.601 119.271V94.255h34.087v28.227M1102.88 125.892v-20.774h57.22v15.462M1328.77 122.324l-.15-51.262-34.53.119.15 54.156M1236.15 126.883V95.048l13.61-11.338 14.06 11.338v27.316M999.788 117.289V39.623h28.692v84.525M971.474 127.835v-45.95h-27.075v43.452M832.462 122.364v-19.863h35.212v26.048M193.351 125.892v-18.633h16.387v18.633"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 2h1396.65v127.5H0z"/></clipPath></defs></svg>'}},49367:(t,e,r)=>{r.d(e,{A:()=>h});var o=r(41364),n=r(13380),a=r(46062);let i=(0,n.i7)({"0%":{backgroundPositionX:"0"},"100%":{backgroundPositionX:"-".concat(a.hO.RURAL,"px")}}),s=(0,n.i7)({"0%":{backgroundPositionX:"0"},"100%":{backgroundPositionX:"-".concat(a.hO.SUBURBAN,"px")}}),l=(0,n.i7)({"0%":{backgroundPositionX:"0"},"100%":{backgroundPositionX:"-".concat(a.hO.URBAN,"px")}}),c={container:{backgroundPositionY:0,backgroundRepeat:"repeat-x",height:"130px",pointerEvents:"none"},["containerAnimated_".concat(a.C5.RURAL)]:{animation:"".concat(i," 50s linear infinite")},["containerAnimated_".concat(a.C5.SUBURBAN)]:{animation:"".concat(s," 50s linear infinite")},["containerAnimated_".concat(a.C5.URBAN)]:{animation:"".concat(l," 50s linear infinite")}};var d=r(43510);let h=function(t){let{sceneryID:e,animate:r=!1,blackStroke:n,...i}=t;if(!e||!(0,d.q)(e))return null;let s={backgroundImage:"url('data:image/svg+xml;utf8,".concat(encodeURIComponent(a.dQ[e].replace(/currentColor/g,n?"rgba(24, 24, 24, 0.85)":"#C9C9C9")),"')")},l=r&&c["containerAnimated_".concat(e)];return(0,o.Y)("div",{css:[c.container,l],style:s,...i,"data-component":"Scenery"})}}}]);