(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7838],{7838:(s,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>u});var a=t(87687),n=t(31928),r=t(30251),l=t(42971),o=t(68773),i=t(30401);let p=(0,n.I)(i.ZH)({name:"Wrapper",class:"w3wndm5",propsAsIs:!0}),d=(0,n.I)(i.OC)({name:"Element",class:"e16ce5h3",propsAsIs:!0}),c=(0,n.I)(i.uD)({name:"TopMargin",class:"t1kiese8",propsAsIs:!0}),m=(0,n.I)(i.uD)({name:"BottomMargin",class:"b1rwkabi",propsAsIs:!0}),u=function(){let[s,e,t]=(0,l.A)({mode:"interactive"}),n=(0,r.zh)({transform:"translateX(".concat(0===s?0:-25,"%)"),config:i.YP[0]}),u=(0,r.zh)({transform:"translateX(".concat(0===s?0:25,"%)"),config:i.YP[0]});return(0,a.jsxs)(p,{...t,children:[(0,a.jsxs)(i.Wd,{style:{zIndex:2,...n},children:[(0,a.jsxs)(i.js,{children:[(0,a.jsx)(d,{children:"Paragraph One"}),(0,a.jsx)(c,{})]}),(0,a.jsx)(o.A,{orientation:"up",isVisible:2===s,style:{bottom:"33%",left:"-25%"},children:"margin-bottom: 72px"})]}),(0,a.jsxs)(i.Wd,{style:{top:223,...u},children:[(0,a.jsxs)(i.js,{children:[(0,a.jsx)(m,{}),(0,a.jsx)(d,{children:"Paragraph Two"})]}),(0,a.jsx)(o.A,{orientation:"down",isVisible:2===s,style:{top:"28%",right:"-25%"},children:"margin-top: 24px"})]})]})};t(95228)},68773:(s,e,t)=>{"use strict";t.d(e,{A:()=>i});var a=t(87687),n=t(31928);let r=(0,n.I)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),l=(0,n.I)("span")({name:"LabelText",class:"l1nhsvin",propsAsIs:!1}),o=(0,n.I)("img")({name:"Stem",class:"snnhvd6",propsAsIs:!1}),i=s=>{let{isVisible:e,orientation:t,style:n,children:i}=s;return(0,a.jsxs)(r,{style:{...n,opacity:e?1:0},children:[(0,a.jsx)(l,{style:"flipped-up"===t?{top:0,left:0,transform:"translate(5%, -125%)"}:"up"===t?{top:0,left:0,transform:"translate(-60%, -140%)"}:{bottom:0,right:0,transform:"translate(60%, 140%)"},children:i}),(0,a.jsx)(o,{src:"/images/stem.png",style:{transform:"flipped-up"===t?"rotate(90deg)":"up"===t?"rotate(180deg)":void 0}})]})};t(47483)},30401:(s,e,t)=>{"use strict";t.d(e,{OC:()=>p,Wd:()=>o,YA:()=>u,YP:()=>r,ZH:()=>l,dw:()=>m,js:()=>i,lJ:()=>d,uD:()=>c});var a=t(31928),n=t(30251);let r=[{tension:170,friction:60}],l=(0,a.I)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),o=(0,a.I)(n.CS.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),i=(0,a.I)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),p=(0,a.I)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),d=(0,a.I)(p)({name:"ChildElement",class:"cozlf4l",propsAsIs:!0}),c=(0,a.I)("div")({name:"BaseMargin",class:"bwtfw5o",propsAsIs:!1}),m=(0,a.I)("div")({name:"BasePadding",class:"b8p37cb",propsAsIs:!1}),u=(0,a.I)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});t(29423)},42971:(s,e,t)=>{"use strict";t.d(e,{A:()=>l});var a=t(52751),n=t(66557);let r=[{id:"consolidated",delay:1750},{id:"separate",delay:750},{id:"labeled",delay:3e3},{id:"separate",delay:250}],l=function(){let{mode:s="interval"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[e,t]=a.useState(0),l=r[e];(0,n.A)(()=>{t((e+1)%r.length)},"interval"===s?l.delay:null);let o={};return a.useEffect(()=>{let a;if("interactive"!==s)return;let n=r[e];return(1===e||3===e)&&(a=window.setTimeout(()=>{t((e+1)%r.length)},n.delay)),()=>{window.clearTimeout(a)}},[s,e]),"interactive"===s&&(o.onMouseEnter=s=>{t(1)},o.onMouseLeave=s=>{t(3)},o.onFocus=o.onMouseEnter,o.onBlur=o.onMouseLeave),[e,l,o]}},95228:s=>{s.exports={w3wndm5:"w3wndm5",b8ou0aw:"b8ou0aw",t1kiese8:"t1kiese8",bwtfw5o:"bwtfw5o",b1rwkabi:"b1rwkabi"}},47483:s=>{s.exports={l1vwbmqa:"l1vwbmqa",l1nhsvin:"l1nhsvin",snnhvd6:"snnhvd6"}},29423:s=>{s.exports={b8ou0aw:"b8ou0aw",l145skp:"l145skp",scsyhkg:"scsyhkg",bhu7dgk:"bhu7dgk",cozlf4l:"cozlf4l",bwtfw5o:"bwtfw5o",b8p37cb:"b8p37cb",ibaje2d:"ibaje2d"}}}]);
//# sourceMappingURL=7838.3a34cc3d809334f2.js.map