(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,53272,e=>{e.q("/_next/static/media/before.0506hn_qr0.2a.webp")},26761,e=>{e.q("/_next/static/media/after.0vh~8dilugf2~.webp")},43558,e=>{"use strict";var t,r=e.i(43476),n=e.i(70893);let i="all",o="itemOne",a="--rcs-raw-position",l="--rcs-current-position",s="--rcs-bounds-padding",A="--rcs-handle-color";var d=e.i(71645);let c={capture:!1,passive:!0},u={capture:!0,passive:!1},p=((t={}).ARROW_LEFT="ArrowLeft",t.ARROW_RIGHT="ArrowRight",t.ARROW_UP="ArrowUp",t.ARROW_DOWN="ArrowDown",t),h=(e,t,r,n)=>{let i=(0,d.useRef)(void 0);(0,d.useEffect)(()=>{i.current=t},[t]),(0,d.useEffect)(()=>{if(!r?.addEventListener)return;let t=e=>i.current?.(e);return r.addEventListener(e,t,n),()=>{r.removeEventListener(e,t,n)}},[e,r,n])},g=(0,d.createContext)(null),b=({children:e,...t})=>(0,r.jsx)(g.Provider,{value:t,children:e}),x=()=>{let e=(0,d.useContext)(g);if(!e)throw Error("useReactCompareSliderContext must be used within the Provider component");return e},m=({flip:e})=>{let t={width:"0.85rem",height:"0.85rem",clipPath:"polygon(100% 0%, 100% 100%, 30% 50%)",rotate:e?"180deg":"0deg",outline:`0.5rem solid var(${A})`,outlineOffset:"-0.5rem"};return(0,r.jsx)("div",{"aria-hidden":"true",className:"__rcs-handle-arrow",style:t})},f=({className:e="__rcs-handle-root",buttonStyle:t,linesStyle:n,style:i,...o})=>{let{disabled:a,portrait:l}=x(),s={boxSizing:"border-box",position:"relative",display:"inline-flex",flexDirection:l?"row":"column",placeItems:"center",width:l?"100%":void 0,height:l?void 0:"100%",cursor:a?"not-allowed":l?"ns-resize":"ew-resize",pointerEvents:"none",[A]:"rgba(255, 255, 255, 1)",...i},d={flexGrow:1,height:l?2:"100%",width:l?"100%":2,outline:`1px solid var(${A})`,outlineOffset:-1,pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...n},c={direction:"ltr",display:"grid",gridAutoFlow:"column",gap:"0.5rem",placeContent:"center",flexShrink:0,width:"3.5rem",height:"3.5rem",borderRadius:"50%",border:`2px solid var(${A})`,color:"inherit",pointerEvents:"auto",backdropFilter:"blur(0.5rem)",WebkitBackdropFilter:"blur(0.5rem)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:l?"rotate(90deg)":void 0,...t};return(0,r.jsxs)("div",{"data-rcs":"handle",...o,className:e,style:s,children:[(0,r.jsx)("div",{className:"__rcs-handle-line",style:d}),(0,r.jsxs)("div",{className:"__rcs-handle-button",style:c,children:[(0,r.jsx)(m,{}),(0,r.jsx)(m,{flip:!0})]}),(0,r.jsx)("div",{className:"__rcs-handle-line",style:d})]})},v=({style:e,...t})=>{let{disabled:n,portrait:i,position:o,handleRootRef:a,onHandleRootClick:s,onHandleRootKeyDown:A}=x(),d={WebkitAppearance:"none",MozAppearance:"none",WebkitTapHighlightColor:"transparent",boxSizing:"border-box",position:"absolute",display:"flex",flexDirection:i?"row":"column",placeItems:"center",contain:"layout",top:i?"-50%":void 0,left:i?void 0:"-50%",width:"100%",height:"100%",background:"none",border:0,padding:0,pointerEvents:"none",appearance:"none",outline:0,zIndex:1,translate:i?`0 var(${l}) 0`:`var(${l}) 0 0`,backfaceVisibility:"hidden",willChange:"translate",...e};return h("keydown",A,a.current,u),h("click",s,a.current,u),(0,r.jsx)("div",{ref:a,tabIndex:0,"aria-label":"Click and drag or focus and use arrow keys to change the position of the slider","aria-orientation":i?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o.current,"aria-disabled":n,"data-rcs":"handle-root",role:"slider",style:d,...t})},w=({item:e,style:t,...n})=>{let{clip:a,portrait:s}=x(),A={KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",backfaceVisibility:"hidden",WebkitBackfaceVisibility:"hidden",gridArea:"1 / 1",maxWidth:"100%",overflow:"hidden",clipPath:(({itemClip:e,portrait:t})=>e===o?t?`inset(0px 0px calc(100% - var(${l})) 0px)`:`inset(0px calc(100% - var(${l})) 0px 0px)`:"itemTwo"===e?t?`inset(var(${l}) 0px 0px 0px)`:`inset(0px 0px 0px var(${l}))`:"none")({itemClip:a===i||a===e?e:void 0,portrait:s}),boxSizing:"border-box",transform:"translateZ(0)",userSelect:"none",zIndex:e===o?1:void 0,willChange:"clip-path",...t};return(0,r.jsx)("div",{"data-rcs":"item","data-rcs-item":e,...n,style:A})},y=`clamp(var(${s}), var(${a}) - var(${s}) + var(${s}), calc(100% - var(${s})))`,C=({style:e,...t})=>{let{browsingContext:n,boundsPadding:i,changePositionOnHover:o,clip:A,isDragging:p,portrait:g,position:b,onTouchEnd:m,onPointerDown:f,onPointerMove:v,onPointerUp:w,interactiveTarget:C,rootRef:k,transition:j,canTransition:R}=x(),E={position:"relative",boxSizing:"border-box",display:"grid",maxWidth:"100%",maxHeight:"100%",overflow:"hidden",cursor:p?g?"ns-resize":"ew-resize":void 0,touchAction:"pan-y",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",transition:R&&j?`${a} ${j}`:"none",[a]:`${b.current}%`,[s]:i,[l]:y,...e};return h("touchend",m,C,u),h("pointerdown",f,C,u),(0,d.useEffect)(()=>{let e=k.current,t=e=>{p||w(e)};return o&&(e.addEventListener("pointermove",v,c),e.addEventListener("pointerleave",t,c)),()=>{e.removeEventListener("pointermove",v),e.removeEventListener("pointerleave",t)}},[o,v,w,p,k]),(0,d.useEffect)(()=>{if(p)return n.addEventListener("pointermove",v,c),n.addEventListener("pointerup",w,c),()=>{n?.removeEventListener("pointermove",v),n?.removeEventListener("pointerup",w)}},[v,w,p,n]),(0,r.jsx)("div",{ref:k,style:E,"data-rcs":"root","data-rcs-clip":A,...t})};try{"u">typeof CSS&&CSS.registerProperty({name:a,syntax:"<percentage>",inherits:!0,initialValue:"50%"})}catch(e){console.debug("[react-compare-slider] register CSS property:",e)}let k=()=>globalThis.matchMedia?.("(prefers-reduced-motion: no-preference)")?.matches?"0.15s ease-out":"none",j=()=>!!globalThis.matchMedia?.("(pointer: coarse)")?.matches,R=({boundsPadding:e,browsingContext:t,changePositionOnHover:n,clip:o,defaultPosition:l,disabled:s,handle:A,itemOne:c,itemTwo:u,keyboardIncrement:h,onPositionChange:g,onlyHandleDraggable:x,portrait:m,transition:y,...R})=>(0,r.jsx)(b,{...(({boundsPadding:e="0px",browsingContext:t=globalThis,changePositionOnHover:r=!1,clip:n=i,defaultPosition:o=50,disabled:l=!1,keyboardIncrement:s="5%",onlyHandleDraggable:A=j(),onPositionChange:c,portrait:u=!1,transition:h=k()}={})=>{let g=(0,d.useRef)(null),b=(0,d.useRef)(null),x=(0,d.useRef)(o),[m,f]=(0,d.useState)(!1),[v,w]=(0,d.useState)(!0),[y,C]=(0,d.useState)(null),R=(0,d.useCallback)(e=>{let t=Math.min(Math.max(e,0),100);g.current?.style.setProperty(a,`${t}%`),b.current?.setAttribute("aria-valuenow",`${Math.round(t)}`),x.current=t,c?.(t)},[c]),E=(0,d.useCallback)(function({x:e,y:r}){let{width:n,height:i,top:o,left:a}=g.current.getBoundingClientRect();0===n||0===i||R((u?r-o-t.scrollY:e-a-t.scrollX)/(u?i:n)*100)},[t,u,R]),P=(0,d.useCallback)(e=>{e.preventDefault(),l||0!==e.button||(E({x:e.pageX,y:e.pageY}),f(!0),w(!0))},[l,E]),D=(0,d.useCallback)(function(e){w(!1),E({x:e.pageX,y:e.pageY})},[E]),I=(0,d.useCallback)(e=>{f(!1),w(!0)},[]),S=(0,d.useCallback)(e=>{f(!1),w(!0)},[]),B=(0,d.useCallback)(e=>{e.preventDefault(),e.currentTarget?.focus()},[]),H=(0,d.useCallback)(e=>{if(!Object.values(p).includes(e.key))return;e.preventDefault(),w(!0);let t="string"==typeof s?Number.parseFloat(s):s/g.current?.getBoundingClientRect().width*100;R((u?e.key===p.ARROW_LEFT||e.key===p.ARROW_DOWN:e.key===p.ARROW_RIGHT||e.key===p.ARROW_UP)?x.current+t:x.current-t)},[s,u,R]);return(0,d.useLayoutEffect)(()=>{C(A?b.current:g.current)},[A]),(0,d.useEffect)(()=>{R(o)},[o,R]),{boundsPadding:e,browsingContext:t,changePositionOnHover:r,clip:n,defaultPosition:o,disabled:l,keyboardIncrement:s,onlyHandleDraggable:A,portrait:u,transition:h,onHandleRootKeyDown:H,onPointerDown:P,onPointerMove:D,onPointerUp:I,onTouchEnd:S,onHandleRootClick:B,canTransition:v,isDragging:m,position:x,setPosition:R,setPositionFromBounds:E,rootRef:g,handleRootRef:b,interactiveTarget:y}})({boundsPadding:e,browsingContext:t,changePositionOnHover:n,clip:o,defaultPosition:l,disabled:s,keyboardIncrement:h,onPositionChange:g,onlyHandleDraggable:x,portrait:m,transition:y}),children:(0,r.jsxs)(C,{...R,children:[(0,r.jsx)(w,{item:"itemOne",children:c}),(0,r.jsx)(w,{item:"itemTwo",children:u}),(0,r.jsx)(v,{children:A||(0,r.jsx)(f,{})})]})}),E={src:e.i(53272).default,width:1876,height:2072,blurWidth:7,blurHeight:8,blurDataURL:"data:image/webp;base64,UklGRiABAABXRUJQVlA4TBQBAAAvBsABEM1VICICHggIDgIAAID7V08BMxoWgCAQAAgAAAAAAAAAAAAAAAAAAAYAgAAAAAAMAEDabwQAgAeCdgIBAABw/m+/SUUIOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAClyTyQoiMEAACA83/ThAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQNWdfQ8ExAQCAADg/G/mN9oLHjxCIIAAAJAgAAAYAAAACAAAAAAAAAAAAAAAAAAAAEACAfyiz9j7SjEOGGf71/U9d9Y0QLdk6dUMu/6sHIECPJt+72tv/+3HWGklH8CnumOZb7S2edf3qo8D3KSu0Y6C3KOoEgD/MlqcPNHUcz6SZQA="},P={src:e.i(26761).default,width:1876,height:2072,blurWidth:7,blurHeight:8,blurDataURL:"data:image/webp;base64,UklGRiwBAABXRUJQVlA4TB8BAAAvBsABEM1VICICHghaDgIAAIDHdpUsFJKYmEEECgAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAFCyvwAAgAeCdgIBAABw/u/vryIAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAMA51TwQdBUIAACA83+rEuAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEs/bR4ICA4CAADA+d/3P8jEgxEMAIgIAIDAAABAAADDAAAAAAAAAAAAAAAAAAAYA4ClEhAAOSIf+gH+5Hceo2pDIkA1slzzPHn9bfQ7AOokPOa++O2Lq3hiAJrldH4r7/uTrd072A6gEpjVHL001043JQDICR3uEP+k4TTrzAqgF713eHsyX6m+txUDAAA="},D=e=>"string"==typeof e?e:e.src??"";e.s(["default",0,({className:e="",cmsData:t={before_label:"Before",before_weight:"200 lbs",after_label:"After",after_weight:"170 lbs",person_detail:"Jenny, 25 years",result_text:"30 lbs in 3 months"}})=>{let i=D(E),o=D(P);return(0,r.jsx)("div",{className:`w-full h-fit ${e}`,children:(0,r.jsxs)("div",{className:"relative rounded-3xl overflow-hidden",children:[(0,r.jsx)(R,{itemOne:(0,r.jsxs)("div",{className:"relative w-full h-full bg-[#7BB4CC] flex justify-center items-end",children:[(0,r.jsx)(n.default,{src:i,alt:"Before",className:"h-128.25 w-auto pl-5.5 pt-px"}),(0,r.jsxs)("div",{className:"absolute top-6 left-6",children:[(0,r.jsx)("p",{className:"text-xs font-medium bg-gray-500/60 px-3 py-1 rounded-full w-fit text-white",children:t?.before_label}),(0,r.jsx)("p",{className:"text-lg font-medium text-white",children:t.before_weight})]})]}),itemTwo:(0,r.jsxs)("div",{className:"relative w-full h-full bg-[#7BB4CC] flex justify-center items-end",children:[(0,r.jsx)(n.default,{src:o,alt:"After",className:"h-128.25 w-auto pl-5.5"}),(0,r.jsxs)("div",{className:"absolute top-6 right-6",children:[(0,r.jsx)("p",{className:"text-xs font-medium bg-gray-500/60 px-3 py-1 rounded-full w-fit text-white",children:t.after_label}),(0,r.jsx)("p",{className:"text-lg font-medium text-white",children:t.after_weight})]})]}),handle:(0,r.jsxs)("div",{className:"relative h-full cursor-pointer",children:[(0,r.jsx)("div",{className:"bg-white w-3 h-full"}),(0,r.jsxs)("svg",{width:"39",height:"39",viewBox:"0 0 39 39",fill:"none",className:"absolute top-1/2 -translate-x-4 -translate-y-1/2 w-11 h-11",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("circle",{cx:"19.5",cy:"19.5",r:"19.5",fill:"white"}),(0,r.jsx)("path",{d:"M14 14L9 19.5L14 25",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M25 25L30 19.5L25 14",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round"})]})]}),boundsPadding:"90px"}),(0,r.jsx)("div",{className:"absolute bottom-6 left-1/2 transform -translate-x-1/2 z-10",children:(0,r.jsxs)("div",{className:"bg-white opacity-75 rounded-lg p-3 text-center backdrop-blur-md text-custom-black",children:[(0,r.jsx)("p",{className:"text-sm font-normal",children:t.person_detail}),(0,r.jsx)("p",{className:"text-lg font-bold",children:t.result_text})]})})]})})}],43558)},34363,e=>{e.n(e.i(43558))}]);