https://www.affirm.com/sections-Hero-HeroAnimation-16fc1e2a4dc2ca08bd82.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1841],{20116:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var a=n(96540),r=n(85237),i=n.n(r),o=n(34528),l=n(49581),s=n(99702),d=n(50133),c=n(58729),m=n(22759),h=n(7823),p=n(37232),A=n(84107),_=n(89105),w=n(99656),E=n(99993),u=n(33313),f="HeroAnimation-background_gradient--3s2S0",g="HeroAnimation-card--5qBuC",H="HeroAnimation-flyUp--5lvUg",x="HeroAnimation-textLight--3Xpvk";var v=(0,E.A)()(({background:e=null,description:t=null,enteredOnce:n,headerUpdater:r,isFirstSection:E,mediaDesktop:v=null,noAppear:y,onRef:Y,seoTitleTag:N="h1",textColorDark:S,titleSize:D,titleRichText:L,theme:$=null})=>{const B=N||"h1",I=i()("HeroAnimation-wrapper--5r3wQ",{[x]:!1===S,enteredOnce:n,noAppear:y}),O=i()("HeroAnimation-title--3ENIV",{[u.a_]:D===l.h3.DISPLAY_1||null===D,[u.hS]:D===l.h3.DISPLAY_2,[u.h1]:D===l.h3.H1}),T=(0,o.YY)()?window.innerWidth:0,W=(0,o.YY)()?window.innerHeight:0,{0:X,1:k}=(0,a.useState)({left:T/2,top:W/2}),{0:C,1:U}=(0,a.useState)({width:T,height:W}),{0:R,1:z}=(0,a.useState)({x:C.width>s.W$?(C.width/2-X.left)/25:310,y:C.width>s.W$?-(C.height/2-X.top)/25:360}),{0:F,1:K}=(0,a.useState)((0,o.YY)()?window.scrollY:0);(0,a.useEffect)(()=>{const e=()=>{U({width:window.innerWidth,height:window.innerHeight})},t=()=>{K(window.scrollY)};return window.addEventListener("scroll",t),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",t)}},[]);const M=i()("HeroAnimation-hero_cards--440QB",{[H]:F>C.height/3,[f]:null===e}),Q=i()("HeroAnimation-description--6dOBB",u.Q6);return a.createElement(a.Fragment,null,E&&a.createElement(p.A,{headerUpdater:r,fromTransparentToWhite:$!==l.VZ.DARK_WHITE,forceWhite:$===l.VZ.DARK_WHITE}),a.createElement("section",{className:M,onMouseMove:e=>(e=>{k({left:e.pageX,top:e.pageY}),z({x:(C.width/2-X.left)/25,y:-(C.height/2-X.top)/25})})(e)},a.createElement(w.A,{ref:Y,extraClassName:I},a.createElement(B,{className:O},a.createElement(_.default,{body:L})),(0,m.o)(t)&&a.createElement("div",{className:Q},a.createElement(A.A,{text:t.description}))),a.createElement("div",{className:"HeroAnimation-container--2OBBz"},(v||[]).map(e=>a.createElement("div",{className:"HeroAnimation-card_outer_wrapper--nisdj",key:e.id},a.createElement("span",{className:"HeroAnimation-card_inner_wrapper--4GS6f"},a.createElement("div",{className:i()(g,"HeroAnimation-card_y_position--17YuF"),style:{transform:`rotateY(${-R.x}deg) rotateX(${-R.y}deg)`}},a.createElement("div",{className:"HeroAnimation-card_shiny_edge--I4idI"}),a.createElement(h.A,{extraClassName:"HeroAnimation-card_image--55MSt",src:(0,d.Ox)({url:e.file.url,format:(0,c.x5)(e.file.contentType)}),alt:e.description||"",key:e.id})),a.createElement("div",{className:i()(g,"HeroAnimation-card_shading--5QBXq"),style:{transform:`rotateY(${-R.x}deg) rotateX(${-R.y}deg)`}},a.createElement("div",{className:"HeroAnimation-card__highlight--5IR0I",style:{transform:`translateX(${8*-R.x}px) translateY(${2*R.y}px)`}}),a.createElement("div",{className:i()("HeroAnimation-card_shadow--2o7MZ",g),style:{transform:`translateX(${(3*R.x).toFixed(2)}px) translateY(${4*-R.y}px)`}}),a.createElement("div",{className:"HeroAnimation-light--6YJpD",style:{transform:`translateX(${10*-R.x}px) translateY(${8*R.y}px)`}}))))))))})}}]);