(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86029],{86029:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>u});var t=a(87687),n=a(31928),l=a(30251),r=a(42971);a(68773);var o=a(30401);let i=(0,n.I)(o.ZH)({name:"Wrapper",class:"woi3j37",propsAsIs:!0}),d=(0,n.I)(l.CS.div)({name:"Layer",class:"l1s45s76",propsAsIs:!0}),p=(0,n.I)(o.OC)({name:"Element",class:"eg3o9dx",propsAsIs:!0}),c=(0,n.I)(o.uD)({name:"Margin",class:"mz8mx9n",propsAsIs:!0}),m=(0,n.I)("div")({name:"Skew",class:"s1th30j4",propsAsIs:!1}),u=function(){let[s,e,a]=(0,r.A)({mode:"interactive"}),n=(0,l.zh)({transform:"translate(\n ".concat(0===s?0:-12,"%,\n ").concat(0===s?0:8,"%)"),config:o.YP[0]}),u=(0,l.zh)({transform:"translate(\n ".concat(0===s?0:12,"%,\n ").concat(0===s?0:-8,"%)"),config:o.YP[0]});return(0,t.jsx)(i,{...a,children:(0,t.jsxs)(m,{children:[(0,t.jsxs)(d,{style:{zIndex:2,...n},children:[(0,t.jsx)(p,{children:"First"}),(0,t.jsx)(c,{})]}),(0,t.jsxs)(d,{style:{...u},children:[(0,t.jsx)(c,{}),(0,t.jsx)(p,{children:"Second"})]})]})})};a(97051)},68773:(s,e,a)=>{"use strict";a.d(e,{A:()=>i});var t=a(87687),n=a(31928);let l=(0,n.I)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),r=(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:a,style:n,children:i}=s;return(0,t.jsxs)(l,{style:{...n,opacity:e?1:0},children:[(0,t.jsx)(r,{style:"flipped-up"===a?{top:0,left:0,transform:"translate(5%, -125%)"}:"up"===a?{top:0,left:0,transform:"translate(-60%, -140%)"}:{bottom:0,right:0,transform:"translate(60%, 140%)"},children:i}),(0,t.jsx)(o,{src:"/images/stem.png",style:{transform:"flipped-up"===a?"rotate(90deg)":"up"===a?"rotate(180deg)":void 0}})]})};a(47483)},30401:(s,e,a)=>{"use strict";a.d(e,{OC:()=>d,Wd:()=>o,YA:()=>u,YP:()=>l,ZH:()=>r,dw:()=>m,js:()=>i,lJ:()=>p,uD:()=>c});var t=a(31928),n=a(30251);let l=[{tension:170,friction:60}],r=(0,t.I)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),o=(0,t.I)(n.CS.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),i=(0,t.I)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),d=(0,t.I)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),p=(0,t.I)(d)({name:"ChildElement",class:"cozlf4l",propsAsIs:!0}),c=(0,t.I)("div")({name:"BaseMargin",class:"bwtfw5o",propsAsIs:!1}),m=(0,t.I)("div")({name:"BasePadding",class:"b8p37cb",propsAsIs:!1}),u=(0,t.I)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});a(29423)},42971:(s,e,a)=>{"use strict";a.d(e,{A:()=>r});var t=a(52751),n=a(66557);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,a]=t.useState(0),r=l[e];(0,n.A)(()=>{a((e+1)%l.length)},"interval"===s?r.delay:null);let o={};return t.useEffect(()=>{let t;if("interactive"!==s)return;let n=l[e];return(1===e||3===e)&&(t=window.setTimeout(()=>{a((e+1)%l.length)},n.delay)),()=>{window.clearTimeout(t)}},[s,e]),"interactive"===s&&(o.onMouseEnter=s=>{a(1)},o.onMouseLeave=s=>{a(3)},o.onFocus=o.onMouseEnter,o.onBlur=o.onMouseLeave),[e,r,o]}},97051:s=>{s.exports={woi3j37:"woi3j37",b8ou0aw:"b8ou0aw",l1s45s76:"l1s45s76",eg3o9dx:"eg3o9dx",bhu7dgk:"bhu7dgk",mz8mx9n:"mz8mx9n",bwtfw5o:"bwtfw5o",s1th30j4:"s1th30j4"}},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=86029.d33f6bc61828935e.js.map