Every treatment is personalized — never rushed, always intuitive
\",title:\"Text\",type:ControlType.RichText}});addFonts(FramerJ9DR1YbLP,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts),...getFontsFromSharedStyle(sharedStyle7.fonts),...getFontsFromSharedStyle(sharedStyle8.fonts),...getFontsFromSharedStyle(sharedStyle9.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerJ9DR1YbLP\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"ISrKJsZ9d\\\":\\\"title\\\",\\\"ibPZazJuO\\\":\\\"text\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"45\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Lwcr8Iinx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1200\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (ed41f9e)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/67N9g1wNbYklE9bcdSta/Z8PQBomjI8C6ZT8X97bB/hA33sjkj1.js\";import*as sharedStyle3 from\"https://framerusercontent.com/modules/hWFuaj1qjx8RC6CyNE0I/AtcZmyMDDbMnL5ulqbGw/jJXk02GzV.js\";import*as sharedStyle5 from\"https://framerusercontent.com/modules/5QkXMuTpsat7YJfL4r5h/WmW9FlHb15GSSNesoJng/lE1jrODI1.js\";import*as sharedStyle4 from\"https://framerusercontent.com/modules/i2aclIIX4gXTzU6aPsVU/NHAQmZpOuMyJTUTNbXG6/M77pLf3fH.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/pqf3XrXaKcq5GBhI5W55/9thScjIcVWBSPz9hV0vq/oqz_hyK5o.js\";import*as sharedStyle6 from\"https://framerusercontent.com/modules/kIIohdllLwYKGUHuG8t1/kgcrhZazfkMhc0l8w06c/orLfkPupA.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/7GuVZ2JIAU8NMq6vxWxJ/mGPO0YiAIqD5QTwoWTdH/r5oBA7fod.js\";import*as sharedStyle7 from\"https://framerusercontent.com/modules/d6rSa4YmzMCGaA4OePD8/6CfrVhQdF9oaw6mw0mk6/WxNbywKa4.js\";import*as sharedStyle8 from\"https://framerusercontent.com/modules/6C1fARmHSk2Aq7wscoCB/bq6LeAX6TvLY3pAbm0hn/yiFOCmSXi.js\";const cycleOrder=[\"tFabioiz7\",\"JE_jsGI90\",\"MUzKjS3FP\",\"u1Ow8YN7p\"];const serializationHash=\"framer-hM2Kq\";const variantClassNames={JE_jsGI90:\"framer-v-1vp67rh\",MUzKjS3FP:\"framer-v-31deun\",tFabioiz7:\"framer-v-5utoqj\",u1Ow8YN7p:\"framer-v-xtomi0\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Default Desktop\":\"JE_jsGI90\",\"Default Mobile\":\"MUzKjS3FP\",\"Selected Desktop\":\"tFabioiz7\",\"Selected Mobile\":\"u1Ow8YN7p\"};const getProps=({click,content,height,id,image,mouseEnter,title,width,...props})=>{return{...props,CFIIlGWIc:content??props.CFIIlGWIc??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{children:\"We believe care is more than a service — it’s a presence. Every gesture, every product, every interaction is guided by intention. Whether it's five minutes or an hour, your time with us is held with deep respect and gentleness.\"})}),enFmJHu7J:mouseEnter??props.enFmJHu7J,JTAEERr_w:title??props.JTAEERr_w??\"Care is Sacred\",variant:humanReadableVariantMap[props.variant]??props.variant??\"tFabioiz7\",wdqXrg6mx:image??props.wdqXrg6mx??{alt:\"\",pixelHeight:1200,pixelWidth:1200,src:\"https://framerusercontent.com/images/GuSoyY256eGWnYKUATE83MpOls4.png?scale-down-to=512&width=1200&height=1200\",srcSet:\"https://framerusercontent.com/images/GuSoyY256eGWnYKUATE83MpOls4.png?scale-down-to=512&width=1200&height=1200 512w,https://framerusercontent.com/images/GuSoyY256eGWnYKUATE83MpOls4.png?scale-down-to=1024&width=1200&height=1200 1024w,https://framerusercontent.com/images/GuSoyY256eGWnYKUATE83MpOls4.png?width=1200&height=1200 1200w\"},ZnQZkW0Oo:click??props.ZnQZkW0Oo};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,JTAEERr_w,wdqXrg6mx,enFmJHu7J,ZnQZkW0Oo,CFIIlGWIc,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"tFabioiz7\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1phkn6r=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(ZnQZkW0Oo){const res=await ZnQZkW0Oo(...args);if(res===false)return false;}});const onMouseEnter1xjna0f=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});if(enFmJHu7J){const res=await enFmJHu7J(...args);if(res===false)return false;}});const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className,sharedStyle4.className,sharedStyle5.className,sharedStyle6.className,sharedStyle7.className,sharedStyle8.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-5utoqj\",className,classNames),\"data-framer-name\":\"Selected Desktop\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"tFabioiz7\",onMouseEnter:onMouseEnter1xjna0f,onTap:onTap1phkn6r,ref:refBinding,style:{backgroundColor:\"var(--token-5df573a8-5c6e-4a5b-bca6-248c4c391d54, rgb(255, 255, 255))\",borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24,...style},...addPropertyOverrides({JE_jsGI90:{\"data-framer-name\":\"Default Desktop\"},MUzKjS3FP:{\"data-framer-name\":\"Default Mobile\"},u1Ow8YN7p:{\"data-framer-name\":\"Selected Mobile\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-sr574z\",\"data-framer-name\":\"Photo\",layoutDependency:layoutDependency,layoutId:\"V8WCyEYPA\",style:{borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24},children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+(((componentViewport?.height||480)-0)*1*.5000000000000002-270)),pixelHeight:1200,pixelWidth:1200,sizes:`max((${componentViewport?.width||\"100vw\"} - 24px) / 2, 1px)`,...toResponsiveImage(wdqXrg6mx)},className:\"framer-17p5nh0\",\"data-framer-name\":\"Photo\",layoutDependency:layoutDependency,layoutId:\"WWcifiE6M\",style:{borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24},...addPropertyOverrides({JE_jsGI90:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0),pixelHeight:1200,pixelWidth:1200,sizes:componentViewport?.width||\"100vw\",...toResponsiveImage(wdqXrg6mx)}},MUzKjS3FP:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+-170),pixelHeight:1200,pixelWidth:1200,sizes:componentViewport?.width||\"100vw\",...toResponsiveImage(wdqXrg6mx)}},u1Ow8YN7p:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+-170),pixelHeight:1200,pixelWidth:1200,sizes:componentViewport?.width||\"100vw\",...toResponsiveImage(wdqXrg6mx)}}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1lebud0\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"Dns_3Ebbs\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-ae87wu\",\"data-styles-preset\":\"hA33sjkj1\",style:{\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-922bf7e2-6566-450d-a5db-d314f15d527e, rgb(51, 51, 51)))\"},children:\"Care is Sacred\"})}),className:\"framer-vwlgyg\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ZukQq28ly\",style:{\"--extracted-a0htzi\":\"var(--token-922bf7e2-6566-450d-a5db-d314f15d527e, rgb(51, 51, 51))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:JTAEERr_w,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:CFIIlGWIc,className:\"framer-jg95c4\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"K9bHevgSk\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},stylesPresetsClassNames:{a:\"framer-styles-preset-1pyy1mn\",code:\"framer-styles-preset-bxflw5\",h1:\"framer-styles-preset-1toa1is\",h2:\"framer-styles-preset-1hqoa5k\",h3:\"framer-styles-preset-ae87wu\",h4:\"framer-styles-preset-bc4fja\",h5:\"framer-styles-preset-1hygp4g\",h6:\"framer-styles-preset-1aax5me\",p:\"framer-styles-preset-10cxxxz\"},verticalAlignment:\"top\",withExternalLayout:true})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-hM2Kq.framer-2z0n0z, .framer-hM2Kq .framer-2z0n0z { display: block; }\",\".framer-hM2Kq.framer-5utoqj { align-content: flex-start; align-items: flex-start; cursor: default; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: 480px; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 491px; will-change: var(--framer-will-change-override, transform); }\",\".framer-hM2Kq .framer-sr574z { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 100%; justify-content: center; overflow: hidden; padding: 0px 0px 0px 24px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); z-index: 2; }\",\".framer-hM2Kq .framer-17p5nh0 { flex: none; height: 540px; left: 0px; position: absolute; right: 0px; top: calc(50.00000000000002% - 540px / 2); z-index: 2; }\",\".framer-hM2Kq .framer-1lebud0 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: space-between; overflow: visible; padding: 24px 24px 24px 0px; position: relative; width: 1px; }\",\".framer-hM2Kq .framer-vwlgyg { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; z-index: 1; }\",\".framer-hM2Kq .framer-jg95c4 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-hM2Kq.framer-v-1vp67rh .framer-sr574z, .framer-hM2Kq.framer-v-31deun .framer-sr574z { bottom: 0px; flex: none; height: unset; left: 0px; position: absolute; right: 0px; top: 0px; width: unset; }\",\".framer-hM2Kq.framer-v-1vp67rh .framer-17p5nh0 { top: 0px; }\",\".framer-hM2Kq.framer-v-31deun.framer-5utoqj { height: 200px; }\",\".framer-hM2Kq.framer-v-31deun .framer-17p5nh0, .framer-hM2Kq.framer-v-xtomi0 .framer-17p5nh0 { top: -170px; }\",\".framer-hM2Kq.framer-v-xtomi0.framer-5utoqj { flex-direction: column; height: min-content; }\",\".framer-hM2Kq.framer-v-xtomi0 .framer-sr574z { flex: none; height: 200px; width: 100%; }\",\".framer-hM2Kq.framer-v-xtomi0 .framer-1lebud0 { flex: none; gap: 24px; height: min-content; justify-content: flex-start; padding: 0px 24px 24px 24px; width: 100%; }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,...sharedStyle3.css,...sharedStyle4.css,...sharedStyle5.css,...sharedStyle6.css,...sharedStyle7.css,...sharedStyle8.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 480\n * @framerIntrinsicWidth 491\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"JE_jsGI90\":{\"layout\":[\"fixed\",\"fixed\"]},\"MUzKjS3FP\":{\"layout\":[\"fixed\",\"fixed\"]},\"u1Ow8YN7p\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"JTAEERr_w\":\"title\",\"wdqXrg6mx\":\"image\",\"enFmJHu7J\":\"mouseEnter\",\"ZnQZkW0Oo\":\"click\",\"CFIIlGWIc\":\"content\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerz4CRDpr_G=withCSS(Component,css,\"framer-hM2Kq\");export default Framerz4CRDpr_G;Framerz4CRDpr_G.displayName=\"Accordion Card\";Framerz4CRDpr_G.defaultProps={height:480,width:491};addPropertyControls(Framerz4CRDpr_G,{variant:{options:[\"tFabioiz7\",\"JE_jsGI90\",\"MUzKjS3FP\",\"u1Ow8YN7p\"],optionTitles:[\"Selected Desktop\",\"Default Desktop\",\"Default Mobile\",\"Selected Mobile\"],title:\"Variant\",type:ControlType.Enum},JTAEERr_w:{defaultValue:\"Care is Sacred\",displayTextArea:false,title:\"Title\",type:ControlType.String},wdqXrg6mx:{__defaultAssetReference:\"data:framer/asset-reference,GuSoyY256eGWnYKUATE83MpOls4.png?originalFilename=QmWNVu61i8qepwUgtTffW376VX2WAn2V84TMx2sRQtT5ra%3Fauto%3Dformat%26h%3D1200.png&preferredSize=auto\",__vekterDefault:{alt:\"\",assetReference:\"data:framer/asset-reference,GuSoyY256eGWnYKUATE83MpOls4.png?originalFilename=QmWNVu61i8qepwUgtTffW376VX2WAn2V84TMx2sRQtT5ra%3Fauto%3Dformat%26h%3D1200.png&preferredSize=auto\"},title:\"Image\",type:ControlType.ResponsiveImage},enFmJHu7J:{title:\"Mouse Enter\",type:ControlType.EventHandler},ZnQZkW0Oo:{title:\"Click\",type:ControlType.EventHandler},CFIIlGWIc:{defaultValue:\"We believe care is more than a service — it’s a presence. Every gesture, every product, every interaction is guided by intention. Whether it's five minutes or an hour, your time with us is held with deep respect and gentleness.
\",title:\"Content\",type:ControlType.RichText}});addFonts(Framerz4CRDpr_G,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts),...getFontsFromSharedStyle(sharedStyle7.fonts),...getFontsFromSharedStyle(sharedStyle8.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerz4CRDpr_G\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"JE_jsGI90\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"MUzKjS3FP\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"u1Ow8YN7p\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"480\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerVariables\":\"{\\\"JTAEERr_w\\\":\\\"title\\\",\\\"wdqXrg6mx\\\":\\\"image\\\",\\\"enFmJHu7J\\\":\\\"mouseEnter\\\",\\\"ZnQZkW0Oo\\\":\\\"click\\\",\\\"CFIIlGWIc\\\":\\\"content\\\"}\",\"framerIntrinsicWidth\":\"491\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./z4CRDpr_G.map","// Generated by Framer (cd22f02)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import AccordionCard from\"https://framerusercontent.com/modules/cG07LSKAmBWxN7Kg4LHI/MQSq3AvK7Cs4l9TKpgMz/z4CRDpr_G.js\";const AccordionCardFonts=getFonts(AccordionCard);const SmartComponentScopedContainerWithFX=withFX(SmartComponentScopedContainer);const cycleOrder=[\"ovKZdD648\",\"ZTG_oxj1o\",\"MwYIakeig\",\"qYWakmHLc\",\"rMUYDCrAr\",\"bKdqCnyGS\",\"RMPZcgkbI\",\"o77GX5deM\"];const serializationHash=\"framer-vfrv4\";const variantClassNames={bKdqCnyGS:\"framer-v-7l9yh4\",MwYIakeig:\"framer-v-1esur3d\",o77GX5deM:\"framer-v-euxdyn\",ovKZdD648:\"framer-v-1yndjdn\",qYWakmHLc:\"framer-v-1yrn4o0\",RMPZcgkbI:\"framer-v-2hnxnh\",rMUYDCrAr:\"framer-v-u1u8gk\",ZTG_oxj1o:\"framer-v-6y823z\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const addImageAlt=(image,alt)=>{if(!image||typeof image!==\"object\"){return;}return{...image,alt};};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1 - Desktop\":\"ovKZdD648\",\"Variant 1 - Mobile\":\"rMUYDCrAr\",\"Variant 2 - Desktop\":\"ZTG_oxj1o\",\"Variant 2 - Mobile\":\"bKdqCnyGS\",\"Variant 3 - Desktop\":\"MwYIakeig\",\"Variant 3 - Mobile\":\"RMPZcgkbI\",\"Variant 4 - Desktop\":\"qYWakmHLc\",\"Variant 4 - Mobile\":\"o77GX5deM\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"ovKZdD648\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ovKZdD648\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const enFmJHu7J1g5pp8w=activeVariantCallback(async(...args)=>{setVariant(\"ovKZdD648\");});const ZnQZkW0Oo1cxunes=activeVariantCallback(async(...args)=>{setVariant(\"rMUYDCrAr\");});const enFmJHu7J1cybosq=activeVariantCallback(async(...args)=>{setVariant(\"ZTG_oxj1o\");});const ZnQZkW0Ootvkjww=activeVariantCallback(async(...args)=>{setVariant(\"bKdqCnyGS\");});const enFmJHu7Jl1ia48=activeVariantCallback(async(...args)=>{setVariant(\"MwYIakeig\");});const ZnQZkW0Oo10nzaw1=activeVariantCallback(async(...args)=>{setVariant(\"RMPZcgkbI\");});const enFmJHu7Jwwmrlc=activeVariantCallback(async(...args)=>{setVariant(\"qYWakmHLc\");});const ZnQZkW0Ooicrwew=activeVariantCallback(async(...args)=>{setVariant(\"o77GX5deM\");});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1yndjdn\",className,classNames),\"data-framer-name\":\"Variant 1 - Desktop\",layoutDependency:layoutDependency,layoutId:\"ovKZdD648\",ref:refBinding,style:{...style},...addPropertyOverrides({bKdqCnyGS:{\"data-framer-name\":\"Variant 2 - Mobile\"},MwYIakeig:{\"data-framer-name\":\"Variant 3 - Desktop\"},o77GX5deM:{\"data-framer-name\":\"Variant 4 - Mobile\"},qYWakmHLc:{\"data-framer-name\":\"Variant 4 - Desktop\"},RMPZcgkbI:{\"data-framer-name\":\"Variant 3 - Mobile\"},rMUYDCrAr:{\"data-framer-name\":\"Variant 1 - Mobile\"},ZTG_oxj1o:{\"data-framer-name\":\"Variant 2 - Desktop\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:480,width:`calc(${componentViewport?.width||\"100vw\"} / 2)`,y:(componentViewport?.y||0)+0,...addPropertyOverrides({bKdqCnyGS:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+0+0)},MwYIakeig:{width:`max((${componentViewport?.width||\"100vw\"} / 2 - 36px) / 3, 1px)`},o77GX5deM:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1054)-0-1116)/2+0+0)},qYWakmHLc:{width:`max((${componentViewport?.width||\"100vw\"} / 2 - 36px) / 3, 1px)`},RMPZcgkbI:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1009)-0-1116)/2+0+0)},rMUYDCrAr:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+0+0)},ZTG_oxj1o:{width:`max((${componentViewport?.width||\"100vw\"} / 2 - 36px) / 3, 1px)`}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:200,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:24}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onInView\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1uo5kaq-container\",layoutDependency:layoutDependency,layoutId:\"UyDxqd74f-container\",nodeId:\"UyDxqd74f\",rendersWithMotion:true,scopeId:\"kbuJsct7a\",...addPropertyOverrides({bKdqCnyGS:{__framer__styleTransformEffectEnabled:undefined},o77GX5deM:{__framer__styleTransformEffectEnabled:undefined},RMPZcgkbI:{__framer__styleTransformEffectEnabled:undefined},rMUYDCrAr:{__framer__styleTransformEffectEnabled:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(AccordionCard,{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Мы верим, что уход — это больше, чем услуга.\",/*#__PURE__*/_jsx(\"br\",{}),\"Это атмосфера тепла, уважения и доверия, где важно каждое прикосновение.\"]})}),height:\"100%\",id:\"UyDxqd74f\",JTAEERr_w:\"Забота как искусство\",layoutId:\"UyDxqd74f\",style:{width:\"100%\"},variant:\"tFabioiz7\",wdqXrg6mx:addImageAlt({pixelHeight:1280,pixelWidth:720,src:\"https://framerusercontent.com/images/fMuAeE8EQUeO1vmmUqgwrp00LM.png?width=720&height=1280\",srcSet:\"https://framerusercontent.com/images/fMuAeE8EQUeO1vmmUqgwrp00LM.png?scale-down-to=1024&width=720&height=1280 576w,https://framerusercontent.com/images/fMuAeE8EQUeO1vmmUqgwrp00LM.png?width=720&height=1280 720w\"},\"Care is Sacred\"),width:\"100%\",...addPropertyOverrides({bKdqCnyGS:{style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Oo1cxunes},MwYIakeig:{enFmJHu7J:enFmJHu7J1g5pp8w,variant:\"JE_jsGI90\"},o77GX5deM:{style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Oo1cxunes},qYWakmHLc:{enFmJHu7J:enFmJHu7J1g5pp8w,variant:\"JE_jsGI90\"},RMPZcgkbI:{style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Oo1cxunes},rMUYDCrAr:{variant:\"u1Ow8YN7p\"},ZTG_oxj1o:{enFmJHu7J:enFmJHu7J1g5pp8w,variant:\"JE_jsGI90\"}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:480,width:`max((${componentViewport?.width||\"100vw\"} / 2 - 36px) / 3, 1px)`,y:(componentViewport?.y||0)+0,...addPropertyOverrides({bKdqCnyGS:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+200+12)},o77GX5deM:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1054)-0-1116)/2+200+12)},RMPZcgkbI:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1009)-0-1116)/2+200+12)},rMUYDCrAr:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+480+12)},ZTG_oxj1o:{width:`calc(${componentViewport?.width||\"100vw\"} / 2)`}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:200,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:48}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onInView\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-ebz745-container\",layoutDependency:layoutDependency,layoutId:\"R9dQyP8eE-container\",nodeId:\"R9dQyP8eE\",rendersWithMotion:true,scopeId:\"kbuJsct7a\",...addPropertyOverrides({bKdqCnyGS:{__framer__styleTransformEffectEnabled:undefined},o77GX5deM:{__framer__styleTransformEffectEnabled:undefined},RMPZcgkbI:{__framer__styleTransformEffectEnabled:undefined},rMUYDCrAr:{__framer__styleTransformEffectEnabled:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(AccordionCard,{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"We transform everyday treatments into meaningful rituals. By layering stillness, scent, and slow touch, we invite the nervous system to settle — creating space for restoration that lingers long after you leave.\"})}),enFmJHu7J:enFmJHu7J1cybosq,height:\"100%\",id:\"R9dQyP8eE\",JTAEERr_w:\"Ritual Over Routine\",layoutId:\"R9dQyP8eE\",style:{width:\"100%\"},variant:\"JE_jsGI90\",wdqXrg6mx:addImageAlt({pixelHeight:1280,pixelWidth:956,src:\"https://framerusercontent.com/images/42G9qRyvseqnVRGMQuWl9PIK02c.png?width=956&height=1280\",srcSet:\"https://framerusercontent.com/images/42G9qRyvseqnVRGMQuWl9PIK02c.png?scale-down-to=1024&width=956&height=1280 764w,https://framerusercontent.com/images/42G9qRyvseqnVRGMQuWl9PIK02c.png?width=956&height=1280 956w\"},\"Ritual Over Routine\"),width:\"100%\",...addPropertyOverrides({bKdqCnyGS:{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Никакой спешки — только внимание к деталям. Мы выбираем продукты и техники, которые подчёркивают естественность и здоровье.\"})}),enFmJHu7J:undefined,JTAEERr_w:\"Осознанная красота\",variant:\"u1Ow8YN7p\"},o77GX5deM:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Ootvkjww},RMPZcgkbI:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Ootvkjww},rMUYDCrAr:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Ootvkjww},ZTG_oxj1o:{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Никакой спешки — только внимание к деталям.\",/*#__PURE__*/_jsx(\"br\",{}),\"Мы выбираем продукты и техники, которые подчёркивают естественность и здоровье.\"]})}),JTAEERr_w:\"Осознанная красота\",variant:\"tFabioiz7\"}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:480,width:`max((${componentViewport?.width||\"100vw\"} / 2 - 36px) / 3, 1px)`,y:(componentViewport?.y||0)+0,...addPropertyOverrides({bKdqCnyGS:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+680+24)},MwYIakeig:{width:`calc(${componentViewport?.width||\"100vw\"} / 2)`},o77GX5deM:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1054)-0-1116)/2+400+24)},RMPZcgkbI:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1009)-0-1116)/2+400+24)},rMUYDCrAr:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+680+24)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:200,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:72}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onInView\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-110ga3q-container\",layoutDependency:layoutDependency,layoutId:\"EsqSgAsUk-container\",nodeId:\"EsqSgAsUk\",rendersWithMotion:true,scopeId:\"kbuJsct7a\",...addPropertyOverrides({bKdqCnyGS:{__framer__styleTransformEffectEnabled:undefined},o77GX5deM:{__framer__styleTransformEffectEnabled:undefined},RMPZcgkbI:{__framer__styleTransformEffectEnabled:undefined},rMUYDCrAr:{__framer__styleTransformEffectEnabled:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(AccordionCard,{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"True radiance starts beneath the surface. That’s why we treat the whole being — not just the skin. Through nervous system care, deep hydration, and mindful connection, we help you glow from the inside out.\"})}),enFmJHu7J:enFmJHu7Jl1ia48,height:\"100%\",id:\"EsqSgAsUk\",JTAEERr_w:\"Beauty Begins Within\",layoutId:\"EsqSgAsUk\",style:{width:\"100%\"},variant:\"JE_jsGI90\",wdqXrg6mx:addImageAlt({pixelHeight:1280,pixelWidth:854,src:\"https://framerusercontent.com/images/FNnsOoBo0k0AFYE7pVdFCPrjalM.png?width=854&height=1280\",srcSet:\"https://framerusercontent.com/images/FNnsOoBo0k0AFYE7pVdFCPrjalM.png?scale-down-to=1024&width=854&height=1280 683w,https://framerusercontent.com/images/FNnsOoBo0k0AFYE7pVdFCPrjalM.png?width=854&height=1280 854w\"},\"Beauty Begins Within\"),width:\"100%\",...addPropertyOverrides({bKdqCnyGS:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Oo10nzaw1},MwYIakeig:{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"В студии Your Sense всё создано, чтобы вы могли замедлиться и восстановить внутренний баланс.\"})}),JTAEERr_w:\"Пространство спокойствия\",variant:\"tFabioiz7\"},o77GX5deM:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Oo10nzaw1},RMPZcgkbI:{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"В студии Your Sense всё создано, чтобы вы могли замедлиться и восстановить внутренний баланс.\"})}),enFmJHu7J:undefined,JTAEERr_w:\"Пространство спокойствия\",variant:\"u1Ow8YN7p\"},rMUYDCrAr:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Oo10nzaw1}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:480,width:`max((${componentViewport?.width||\"100vw\"} / 2 - 36px) / 3, 1px)`,y:(componentViewport?.y||0)+0,...addPropertyOverrides({bKdqCnyGS:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+880+36)},o77GX5deM:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1054)-0-1116)/2+600+36)},qYWakmHLc:{width:`calc(${componentViewport?.width||\"100vw\"} / 2)`},RMPZcgkbI:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1009)-0-1116)/2+880+36)},rMUYDCrAr:{height:200,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1031)-0-1116)/2+880+36)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:200,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:96}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onInView\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-13a1hbc-container\",layoutDependency:layoutDependency,layoutId:\"F3nTe2R9v-container\",nodeId:\"F3nTe2R9v\",rendersWithMotion:true,scopeId:\"kbuJsct7a\",...addPropertyOverrides({bKdqCnyGS:{__framer__styleTransformEffectEnabled:undefined},o77GX5deM:{__framer__styleTransformEffectEnabled:undefined},RMPZcgkbI:{__framer__styleTransformEffectEnabled:undefined},rMUYDCrAr:{__framer__styleTransformEffectEnabled:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(AccordionCard,{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"We trust in the wisdom of nature — in the way botanicals soothe, oils restore, and earth-based ingredients gently support your skin. Our product philosophy is clean, sensory, and always rooted in the natural world.\"})}),enFmJHu7J:enFmJHu7Jwwmrlc,height:\"100%\",id:\"F3nTe2R9v\",JTAEERr_w:\"Nature Knows Best\",layoutId:\"F3nTe2R9v\",style:{width:\"100%\"},variant:\"JE_jsGI90\",wdqXrg6mx:addImageAlt({pixelHeight:1280,pixelWidth:720,src:\"https://framerusercontent.com/images/yBhMQQnJJL7MbBdTCC7qaNBpTw.png?width=720&height=1280\",srcSet:\"https://framerusercontent.com/images/yBhMQQnJJL7MbBdTCC7qaNBpTw.png?scale-down-to=1024&width=720&height=1280 576w,https://framerusercontent.com/images/yBhMQQnJJL7MbBdTCC7qaNBpTw.png?width=720&height=1280 720w\"},\"Nature Knows Best\"),width:\"100%\",...addPropertyOverrides({bKdqCnyGS:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Ooicrwew},o77GX5deM:{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Мы выбираем косметику, в основе которой — \",/*#__PURE__*/_jsx(\"strong\",{children:\"чистые и безопасные ингредиенты\"}),\".\",/*#__PURE__*/_jsx(\"br\",{}),\"Природа знает, как восстановить баланс и подчеркнуть естественную красоту, а мы лишь помогаем ей раскрыться.\"]})}),enFmJHu7J:undefined,JTAEERr_w:\"Вдохновляемся природой\",variant:\"u1Ow8YN7p\"},qYWakmHLc:{CFIIlGWIc:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Мы выбираем косметику, в основе которой — \",/*#__PURE__*/_jsx(\"strong\",{children:\"чистые и безопасные ингредиенты\"}),\".\",/*#__PURE__*/_jsx(\"br\",{}),\"Природа знает, как восстановить баланс и подчеркнуть естественную красоту, а мы лишь помогаем ей раскрыться.\"]})}),JTAEERr_w:\"Вдохновляемся природой\",variant:\"tFabioiz7\"},RMPZcgkbI:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Ooicrwew},rMUYDCrAr:{enFmJHu7J:undefined,style:{height:\"100%\",width:\"100%\"},variant:\"MUzKjS3FP\",ZnQZkW0Oo:ZnQZkW0Ooicrwew}},baseVariant,gestureVariant)})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-vfrv4.framer-d2tltn, .framer-vfrv4 .framer-d2tltn { display: block; }\",\".framer-vfrv4.framer-1yndjdn { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; max-width: 1528px; overflow: visible; padding: 0px; position: relative; width: 1152px; }\",\".framer-vfrv4 .framer-1uo5kaq-container { flex: none; height: auto; position: relative; width: 50%; }\",\".framer-vfrv4 .framer-ebz745-container, .framer-vfrv4 .framer-110ga3q-container, .framer-vfrv4 .framer-13a1hbc-container { flex: 1 0 0px; height: auto; position: relative; width: 1px; }\",\".framer-vfrv4.framer-v-6y823z .framer-1uo5kaq-container, .framer-vfrv4.framer-v-1esur3d .framer-1uo5kaq-container, .framer-vfrv4.framer-v-1yrn4o0 .framer-1uo5kaq-container { flex: 1 0 0px; width: 1px; }\",\".framer-vfrv4.framer-v-6y823z .framer-ebz745-container, .framer-vfrv4.framer-v-1esur3d .framer-110ga3q-container, .framer-vfrv4.framer-v-1yrn4o0 .framer-13a1hbc-container { flex: none; width: 50%; }\",\".framer-vfrv4.framer-v-u1u8gk.framer-1yndjdn, .framer-vfrv4.framer-v-7l9yh4.framer-1yndjdn, .framer-vfrv4.framer-v-2hnxnh.framer-1yndjdn, .framer-vfrv4.framer-v-euxdyn.framer-1yndjdn { flex-direction: column; width: 390px; }\",\".framer-vfrv4.framer-v-u1u8gk .framer-1uo5kaq-container { width: 100%; }\",\".framer-vfrv4.framer-v-u1u8gk .framer-ebz745-container, .framer-vfrv4.framer-v-u1u8gk .framer-110ga3q-container, .framer-vfrv4.framer-v-u1u8gk .framer-13a1hbc-container, .framer-vfrv4.framer-v-2hnxnh .framer-ebz745-container, .framer-vfrv4.framer-v-2hnxnh .framer-13a1hbc-container, .framer-vfrv4.framer-v-euxdyn .framer-ebz745-container, .framer-vfrv4.framer-v-euxdyn .framer-110ga3q-container { flex: none; height: 200px; width: 100%; }\",\".framer-vfrv4.framer-v-7l9yh4 .framer-1uo5kaq-container { height: 200px; order: 0; width: 100%; }\",\".framer-vfrv4.framer-v-7l9yh4 .framer-ebz745-container { flex: none; order: 1; width: 100%; }\",\".framer-vfrv4.framer-v-7l9yh4 .framer-110ga3q-container { flex: none; height: 200px; order: 2; width: 100%; }\",\".framer-vfrv4.framer-v-7l9yh4 .framer-13a1hbc-container { flex: none; height: 200px; order: 3; width: 100%; }\",\".framer-vfrv4.framer-v-2hnxnh .framer-1uo5kaq-container, .framer-vfrv4.framer-v-euxdyn .framer-1uo5kaq-container { height: 200px; width: 100%; }\",\".framer-vfrv4.framer-v-2hnxnh .framer-110ga3q-container, .framer-vfrv4.framer-v-euxdyn .framer-13a1hbc-container { flex: none; width: 100%; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 480\n * @framerIntrinsicWidth 1152\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"ZTG_oxj1o\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"MwYIakeig\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"qYWakmHLc\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"rMUYDCrAr\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"bKdqCnyGS\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"RMPZcgkbI\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]},\"o77GX5deM\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1528px\",null,null]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerkbuJsct7a=withCSS(Component,css,\"framer-vfrv4\");export default FramerkbuJsct7a;FramerkbuJsct7a.displayName=\"Philosophy accordion - Desktop\";FramerkbuJsct7a.defaultProps={height:480,width:1152};addPropertyControls(FramerkbuJsct7a,{variant:{options:[\"ovKZdD648\",\"ZTG_oxj1o\",\"MwYIakeig\",\"qYWakmHLc\",\"rMUYDCrAr\",\"bKdqCnyGS\",\"RMPZcgkbI\",\"o77GX5deM\"],optionTitles:[\"Variant 1 - Desktop\",\"Variant 2 - Desktop\",\"Variant 3 - Desktop\",\"Variant 4 - Desktop\",\"Variant 1 - Mobile\",\"Variant 2 - Mobile\",\"Variant 3 - Mobile\",\"Variant 4 - Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerkbuJsct7a,[{explicitInter:true,fonts:[]},...AccordionCardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerkbuJsct7a\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"ZTG_oxj1o\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"MwYIakeig\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"qYWakmHLc\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"rMUYDCrAr\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"bKdqCnyGS\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"RMPZcgkbI\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]},\\\"o77GX5deM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1528px\\\",null,null]}}}\",\"framerIntrinsicWidth\":\"1152\",\"framerIntrinsicHeight\":\"480\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./kbuJsct7a.map","import{useState,useEffect}from\"react\";export const isBrowser=()=>typeof document===\"object\";export function usePageVisibility(){if(!isBrowser())return;const[isVisible,setIsVisible]=useState(!document.hidden);useEffect(()=>{const onVisibilityChange=()=>setIsVisible(!document.hidden);document.addEventListener(\"visibilitychange\",onVisibilityChange,false);return()=>{document.removeEventListener(\"visibilitychange\",onVisibilityChange);};},[]);return isVisible;}\nexport const __FramerMetadata__ = {\"exports\":{\"isBrowser\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePageVisibility\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UsePageVisibility.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{resize}from\"@motionone/dom\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{animate,LayoutGroup,mix,motion,frame,useInView,useMotionValue,useTransform,wrap}from\"framer-motion\";import{Children,cloneElement,forwardRef,memo,startTransition,useCallback,useEffect,useLayoutEffect,useMemo,useRef,useState}from\"react\";import{usePageVisibility}from\"https://framerusercontent.com/modules/V9ryrjN5Am9WM1dJeyyJ/GzHgU466IQmt8g4qOKj8/UsePageVisibility.js\";function awaitRefCallback(element,controller){let refCallbackResolve;// we need to listen to the ref setter, so let's override `current` - we can do that, because we don't use React's `useRef` hook for those refs.\nlet current=element.current;Object.defineProperty(element,\"current\",{get(){return current;},set(node){current=node;if(node===null){// React calls with null when the element is unmounted\n// we abort here so that the promise isn't left around in case the ref is never set\ncontroller.abort();return;}refCallbackResolve?.(node);},configurable:true});// no need to create a promise if current already exists\nif(current)return current;const refCallbackPromise=new Promise((resolve,reject)=>{refCallbackResolve=resolve;controller.signal.addEventListener(\"abort\",reject);}).catch(()=>{});return refCallbackPromise;}// Using opacity: 0.001 instead of 0 as an LCP hack. (opacity: 0.001 is still 0\n// to a human eye but makes Google think the elements are visible)\nconst OPACITY_0=.001;/**\n *\n * SLIDESHOW\n * V2 with Drag\n * By Benjamin and Matt\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Slideshow(props){/**\n * Properties\n */const{slots=[],startFrom,direction,effectsOptions,autoPlayControl,dragControl,alignment,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,itemAmount,fadeOptions,intervalControl,transitionControl,arrowOptions,borderRadius,progressOptions,style}=props;const{effectsOpacity,effectsScale,effectsRotate,effectsPerspective,effectsHover,playOffscreen}=effectsOptions;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{showMouseControls,arrowSize,arrowRadius,arrowFill,leftArrow,rightArrow,arrowShouldSpace=true,arrowShouldFadeIn=false,arrowPosition,arrowPadding,arrowGap,arrowPaddingTop,arrowPaddingRight,arrowPaddingBottom,arrowPaddingLeft}=arrowOptions;const{showProgressDots,dotSize,dotsInset,dotsRadius,dotsPadding,dotsGap,dotsFill,dotsBackground,dotsActiveOpacity,dotsOpacity,dotsBlur}=progressOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/**\n * Checks\n */const isCanvas=RenderTarget.current()===RenderTarget.canvas;// Remove empty slots (such as hidden layers)\nconst filteredSlots=slots.filter(Boolean);const hasChildren=Children.count(filteredSlots)>0;const isHorizontal=direction===\"left\"||direction===\"right\";const isInverted=direction===\"right\"||direction===\"bottom\";/**\n * Empty state for Canvas\n */if(!hasChildren){return /*#__PURE__*/_jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/_jsx(\"div\",{style:emojiStyles,children:\"⭐️\"}),/*#__PURE__*/_jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/_jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to make infinite auto-playing slideshows.\"})]});}/**\n * Refs, State\n */const parentRef=useRef(null);const childrenRef=useMemo(()=>{return[{current:null},{current:null}];// when the slots change, generate new array\n},[filteredSlots]);const timeoutRef=useRef(undefined);const[size,setSize]=useState({parent:null,children:null,item:null,itemWidth:null,itemHeight:null,viewportLength:null});/* For pausing on hover */const[isHovering,setIsHovering]=useState(false);const[shouldPlayOnHover,setShouldPlayOnHover]=useState(autoPlayControl);/* For cursor updates */const[isMouseDown,setIsMouseDown]=useState(false);/* Check if resizing */const[isResizing,setIsResizing]=useState(false);/**\n * Array for children\n */let dupedChildren=[];let duplicateBy=4;if(isCanvas){duplicateBy=1;}/**\n * Measure parent, child, items\n */const measure=useCallback(()=>{if(!parentRef.current)return;const firstChild=childrenRef[0].current;const lastChild=childrenRef[1].current;const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=firstChild?isHorizontal?firstChild.offsetLeft:firstChild.offsetTop:0;const end=lastChild?isHorizontal?lastChild.offsetLeft+lastChild.offsetWidth:lastChild.offsetTop+lastChild.offsetHeight:0;const childrenLength=end-start+gap;const itemSize=firstChild?isHorizontal?firstChild.offsetWidth:firstChild.offsetHeight:0;const itemWidth=firstChild?firstChild.offsetWidth:0;const itemHeight=firstChild?firstChild.offsetHeight:0;const viewportLength=isHorizontal?Math.max(document.documentElement.clientWidth||0,window.innerWidth||0,parentRef.current.offsetWidth):Math.max(document.documentElement.clientHeight||0,window.innerHeight||0,parentRef.current.offsetHeight);setSize({parent:parentLength,children:childrenLength,item:itemSize,itemWidth,itemHeight,viewportLength});},[]);const scheduleMeasure=useCallback(async()=>{const controller=new AbortController;/**\n * The elements in the set are refs of children. If they're wrapped in Suspense, they could mount later than the parent.\n * Thus, we wait for each ref to be set step by step if required.\n */const[firstChild,lastChild]=childrenRef;if(!isCanvas&&(!firstChild.current||!lastChild.current))try{await Promise.all([awaitRefCallback(firstChild,controller),awaitRefCallback(lastChild,controller)]);}catch{controller.abort();}frame.read(measure,false,true);},[measure]);/**\n * Add refs to all children\n * Added itemAmount for resizing\n */useLayoutEffect(()=>{scheduleMeasure();},[itemAmount]);/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */const initialResize=useRef(true);useEffect(()=>{return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){scheduleMeasure();startTransition(()=>setIsResizing(true));}initialResize.current=false;});},[]);useEffect(()=>{if(isResizing){const timer=setTimeout(()=>startTransition(()=>setIsResizing(false)),500);return()=>clearTimeout(timer);}},[isResizing]);/**\n * Animation, pagination\n */const totalItems=filteredSlots?.length;const childrenSize=isCanvas?0:size?.children;const itemWithGap=size?.item+gap;const itemOffset=startFrom*itemWithGap;const[currentItem,setCurrentItem]=useState(startFrom+totalItems);const[isDragging,setIsDragging]=useState(false);if(isCanvas){if(currentItem!==startFrom){setCurrentItem(startFrom);}}/* Check for browser window visibility *//* Otherwise, it will re-play all the item increments */const visibilityRef=useRef(null);const isInView=useInView(visibilityRef);const isVisible=usePageVisibility()&&isInView;const factor=isInverted?1:-1;/* The x and y values to start from */const xOrY=useMotionValue(childrenSize);/* For canvas only. Using xOrY is slower upon page switching */const canvasPosition=isHorizontal?-startFrom*(size?.itemWidth+gap):-startFrom*(size?.itemHeight+gap);/* Calculate the new value to animate to */const newPosition=()=>factor*currentItem*itemWithGap;/* Wrapped values for infinite looping *//* Instead of 0 to a negative full duplicated row, we start with an offset */const wrappedValue=!isCanvas?useTransform(xOrY,value=>{const wrapped=wrap(-childrenSize,-childrenSize*2,value);return isNaN(wrapped)?0:wrapped;}):0;/* Convert the current item to a wrapping index for dots */const wrappedIndex=wrap(0,totalItems,currentItem);const wrappedIndexInverted=wrap(0,-totalItems,currentItem);/* Update x or y with the provided starting point *//* The subtraction of a full row of children is for overflow */useLayoutEffect(()=>{if(size?.children===null)return;/* Initial measure */// if (initialResize.current) {\n// xOrY.set((childrenSize + itemOffset) * factor)\n// }\n/* Subsequent resizes */if(!initialResize.current&&isResizing){xOrY.set(newPosition());}},[size,childrenSize,factor,itemOffset,currentItem,itemWithGap,isResizing]);/**\n * Page item methods\n * Switching, deltas, autoplaying\n *//* Next and previous function, animates the X */const switchPages=()=>{if(isCanvas||!hasChildren||!size.parent||isDragging)return;if(xOrY.get()!==newPosition()){animate(xOrY,newPosition(),transitionControl);}if(autoPlayControl&&shouldPlayOnHover&&(playOffscreen||isVisible)){timeoutRef.current=setTimeout(()=>{startTransition(()=>setCurrentItem(item=>item+1));switchPages();},intervalControl*1e3);}};/* Page navigation functions */const setDelta=(delta,transition=false)=>{if(!isInverted){if(transition)startTransition(()=>setCurrentItem(item=>item+delta));else setCurrentItem(item=>item+delta);}else{if(transition)startTransition(()=>setCurrentItem(item=>item-delta));else setCurrentItem(item=>item-delta);}};const setPage=index=>{const currentItemWrapped=wrap(0,totalItems,currentItem);const currentItemWrappedInvert=wrap(0,-totalItems,currentItem);const goto=index-currentItemWrapped;const gotoInverted=index-Math.abs(currentItemWrappedInvert);if(!isInverted){startTransition(()=>setCurrentItem(item=>item+goto));}else{startTransition(()=>setCurrentItem(item=>item-gotoInverted));}};/**\n * Drag\n */const handleDragStart=()=>{startTransition(()=>setIsDragging(true));};const handleDragEnd=(event,{offset,velocity})=>{startTransition(()=>setIsDragging(false));const offsetXorY=isHorizontal?offset.x:offset.y;const velocityThreshold=200// Based on testing, can be tweaked or could be 0\n;const velocityXorY=isHorizontal?velocity.x:velocity.y;const isHalfOfNext=offsetXorY<-size.item/2;const isHalfOfPrev=offsetXorY>size.item/2;/* In case you drag more than 1 item left or right */const normalizedOffset=Math.abs(offsetXorY);const itemDelta=Math.round(normalizedOffset/size.item);/* Minimum delta is 1 to initiate a page switch *//* For velocity use only */const itemDeltaFromOne=itemDelta===0?1:itemDelta;/* For quick flicks, even with low offsets */if(velocityXorY>velocityThreshold){setDelta(-itemDeltaFromOne,true);}else if(velocityXorY<-velocityThreshold){setDelta(itemDeltaFromOne,true);}else{/* For dragging over half of the current item with 0 velocity */if(isHalfOfNext){setDelta(itemDelta,true);}if(isHalfOfPrev){setDelta(-itemDelta,true);}}};/* Kickstart the auto-playing once we have all the children */useEffect(()=>{if(!isVisible||isResizing)return;switchPages();return()=>timeoutRef.current&&clearTimeout(timeoutRef.current);},[dupedChildren,isVisible,isResizing]);/* Create copies of our children to create a perfect loop */let childCounter=0;/**\n * Sizing\n * */const columnOrRowValue=`calc(${100/itemAmount}% - ${gap}px + ${gap/itemAmount}px)`;/**\n * Nested array to create duplicates of the children for infinite looping\n * These are wrapped around, and start at a full \"page\" worth of offset\n * as defined above.\n */for(let index=0;index