(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83927],{78507:(s,e,t)=>{"use strict";t.d(e,{Z:()=>o});var a=t(67841),n=t(64833);let l=(0,n.z)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),r=(0,n.z)("span")({name:"LabelText",class:"l1nhsvin",propsAsIs:!1}),i=(0,n.z)("img")({name:"Stem",class:"snnhvd6",propsAsIs:!1}),o=s=>{let{isVisible:e,orientation:t,style:n,children:o}=s;return(0,a.jsxs)(l,{style:{...n,opacity:e?1:0},children:[(0,a.jsx)(r,{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:o}),(0,a.jsx)(i,{src:"/images/stem.png",style:{transform:"flipped-up"===t?"rotate(90deg)":"up"===t?"rotate(180deg)":void 0}})]})};t(37262)},83927:(s,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>m});var a=t(67841),n=t(64833),l=t(97718),r=t(13974),i=t(78507),o=t(50483);let p=(0,n.z)(o.OB)({name:"Wrapper",class:"w1unaqyt",propsAsIs:!0}),c=(0,n.z)("span")({name:"TextWrapper",class:"trpjsze",propsAsIs:!1}),d=(0,n.z)(o.I3)({name:"ParentMargin",class:"p1tld6yw",propsAsIs:!0}),u=(0,n.z)(o.I3)({name:"ChildMargin",class:"c1da1xgj",propsAsIs:!0}),m=function(){let[s,e,t]=(0,r.Z)({mode:"interactive"}),n=(0,l.q_)({transform:"translateX(".concat(0===s?0:-15,"%) scale(").concat(0===s?1:.925,")"),config:o.EM[0]}),m=(0,l.q_)({transform:"translateX(".concat(0===s?0:15,"%)"),config:o.EM[0]});return(0,a.jsxs)(p,{...t,children:[(0,a.jsxs)(o.mh,{style:{zIndex:1,...m},children:[(0,a.jsxs)(o.$X,{children:[(0,a.jsx)(d,{}),(0,a.jsx)(o.Hc,{children:(0,a.jsx)(c,{style:{opacity:2===s?1:0},children:"Parent"})})]}),(0,a.jsx)(i.Z,{isVisible:2===s,style:{top:"32%",right:"-25%"},children:"margin-top: 72px"})]}),(0,a.jsxs)(o.mh,{style:{top:48,zIndex:2,...n},children:[(0,a.jsxs)(o.$X,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(o.Xv,{children:(0,a.jsx)(c,{style:{opacity:2===s?1:0},children:"Child"})})]}),(0,a.jsx)(i.Z,{orientation:"up",isVisible:2===s,style:{top:"-40%",left:"-25%"},children:"margin-top: 24px"})]})]})};t(33937)},50483:(s,e,t)=>{"use strict";t.d(e,{$X:()=>o,EM:()=>l,Hc:()=>p,I3:()=>d,OB:()=>r,OM:()=>m,Xv:()=>c,mh:()=>i,rw:()=>u});var a=t(64833),n=t(97718);let l=[{tension:170,friction:60}],r=(0,a.z)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),i=(0,a.z)(n.q.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),o=(0,a.z)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),p=(0,a.z)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),c=(0,a.z)(p)({name:"ChildElement",class:"cozlf4l",propsAsIs:!0}),d=(0,a.z)("div")({name:"BaseMargin",class:"bwtfw5o",propsAsIs:!1}),u=(0,a.z)("div")({name:"BasePadding",class:"b8p37cb",propsAsIs:!1}),m=(0,a.z)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});t(82743)},13974:(s,e,t)=>{"use strict";t.d(e,{Z:()=>r});var a=t(79477),n=t(81618);let l=[{id:"consolidated",delay:1750},{id:"separate",delay:750},{id:"labeled",delay:3e3},{id:"separate",delay:250}],r=function(){let{mode:s="interval"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[e,t]=a.useState(0),r=l[e];(0,n.Z)(()=>{t((e+1)%l.length)},"interval"===s?r.delay:null);let i={};return a.useEffect(()=>{let a;if("interactive"!==s)return;let n=l[e];return(1===e||3===e)&&(a=window.setTimeout(()=>{t((e+1)%l.length)},n.delay)),()=>{window.clearTimeout(a)}},[s,e]),"interactive"===s&&(i.onMouseEnter=s=>{t(1)},i.onMouseLeave=s=>{t(3)},i.onFocus=i.onMouseEnter,i.onBlur=i.onMouseLeave),[e,r,i]}},37262:s=>{s.exports={l1vwbmqa:"l1vwbmqa",l1nhsvin:"l1nhsvin",snnhvd6:"snnhvd6"}},33937:s=>{s.exports={w1unaqyt:"w1unaqyt",b8ou0aw:"b8ou0aw",trpjsze:"trpjsze",p1tld6yw:"p1tld6yw",bwtfw5o:"bwtfw5o",c1da1xgj:"c1da1xgj"}},82743:s=>{s.exports={b8ou0aw:"b8ou0aw",l145skp:"l145skp",scsyhkg:"scsyhkg",bhu7dgk:"bhu7dgk",cozlf4l:"cozlf4l",bwtfw5o:"bwtfw5o",b8p37cb:"b8p37cb",ibaje2d:"ibaje2d"}}}]);
//# sourceMappingURL=83927.1ccdc4410a01f6fc.js.map