into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/7Vzkp1ORK9zU9dYiZ1fu/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/nrn5valPIfiaZFRgtVW3/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/6ViXEDlSyuNyc0Na4Rzv/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/wTCMOQdBhrD1LTpkwItL/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const skipLogic=!preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic});const consent=useConsent({gtmId,defaultConsent:region.defaults,gtmLoadedExternally});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{if(skipLogic)return;// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen,skipLogic]);// Check if user should be prompted\nuseEffect(()=>{if(skipLogic)return;const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed,skipLogic]);useEffect(()=>{if(skipLogic)return;if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes,skipLogic]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),!skipLogic&&/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/qKhU3oZiLDe4R0LcF3Tp/Icons.js\"));function Overlay(props){const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:props.banner.style?.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?/*#__PURE__*/_jsx(_Fragment,{children:trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"icon entry point for Site Search\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-trigger\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (5f6f431)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Satoshi-medium\",\"FS;Satoshi-bold\",\"FS;Satoshi-bold italic\",\"FS;Satoshi-medium italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2\",weight:\"500\"},{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"},{family:\"Satoshi\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/CDEBEFT2R7XKNGXSBBLZGMY4MMHZG75P/HEVKDGQCYDZ7Z6CDVR2ZQGBCTUD6ZARH/BKWEE3VKGTFABE37K2DTH625VUSN2N35.woff2\",weight:\"700\"},{family:\"Satoshi\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NID3I7RITWZSKXRCJGOCMP5NOADJK6IG/2HLHGD7OBTWCOHW64YXOE5KFXHU4KJHM/ZHME2QIRFR7UPJ47NLY27RCAFY44CKZJ.woff2\",weight:\"500\"}]}];export const css=['.framer-EsHQn .framer-styles-preset-smtg16:not(.rich-text-wrapper), .framer-EsHQn .framer-styles-preset-smtg16.rich-text-wrapper p { --framer-font-family: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 20px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-EsHQn .framer-styles-preset-smtg16:not(.rich-text-wrapper), .framer-EsHQn .framer-styles-preset-smtg16.rich-text-wrapper p { --framer-font-family: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 17px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-EsHQn .framer-styles-preset-smtg16:not(.rich-text-wrapper), .framer-EsHQn .framer-styles-preset-smtg16.rich-text-wrapper p { --framer-font-family: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-EsHQn\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f712822)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Montserrat-semibold\",\"FS;Montserrat-black\",\"FS;Montserrat-black italic\",\"FS;Montserrat-semibold italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Montserrat\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/DELXRVKO253LHPYOBD6KD7EW3TJKXCXF/L6SILXET3P727LN5N75LL5PG77IET2IT/6DP3DAT2N5LSQGN5ISPRN63WPP32A54A.woff2\",weight:\"600\"},{family:\"Montserrat\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/M2RQDXLDLQ2S4ZZ66VQTDSO3OSHWKVY7/JAIF7WXHMOCSPDMQNJH4MHWPR2PHW2YE/C5NBF6PXS6YLHRF7TAQGFAEBX23GMCRA.woff2\",weight:\"900\"},{family:\"Montserrat\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/XJQZ5FAAHWM4Y24NF2Z7WYOSV6YPTE5O/EO2YIKJILBXPJTK6LHM7BXB3WCNBRFIW/3ITIUZWY6HV7DWK4WDWMNDJF4FUBLRZN.woff2\",weight:\"900\"},{family:\"Montserrat\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NHQSXRPK2WZQNSVXVPHNEWQTX6ASEI3T/LQUMI7WZAOIVAXJCVJ7ABTISRT4ZYBQO/SOTTHSMCKKCT5M6IOCQJ5LOSJSXCUBMQ.woff2\",weight:\"600\"}]}];export const css=['.framer-L9iP4 .framer-styles-preset-4znnbj:not(.rich-text-wrapper), .framer-L9iP4 .framer-styles-preset-4znnbj.rich-text-wrapper h2 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 40px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 600; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 600; --framer-letter-spacing: -0.05em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, #263016); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; }','@media (max-width: 1199px) and (min-width: 1000px) { .framer-L9iP4 .framer-styles-preset-4znnbj:not(.rich-text-wrapper), .framer-L9iP4 .framer-styles-preset-4znnbj.rich-text-wrapper h2 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 30px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 600; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 600; --framer-letter-spacing: -0.05em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, #263016); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }','@media (max-width: 999px) and (min-width: 0px) { .framer-L9iP4 .framer-styles-preset-4znnbj:not(.rich-text-wrapper), .framer-L9iP4 .framer-styles-preset-4znnbj.rich-text-wrapper h2 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 600; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 600; --framer-letter-spacing: -0.05em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, #263016); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }'];export const className=\"framer-L9iP4\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (400c93f)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Montserrat-medium\",\"FS;Montserrat-bold\",\"FS;Montserrat-bold italic\",\"FS;Montserrat-medium italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Montserrat\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/G3U4AIP7I5YYMBY4PZ5BNYEWWVH7G7QB/WED2HATCWTE6B4XVIFFTI3EALCE4D6PD/GDZ4LVIJF6WODYKVZK6E2737DCDQPEMZ.woff2\",weight:\"500\"},{family:\"Montserrat\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/KDZE2GHZ4MXZP7RVHASNN75AFABT2ZB2/G33WYZOWF5RLCYVGCMU5BFGBXH4DMKUK/SHZ3SDA4YUDBQPNRSIGO7XNSCQQUBDYR.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/WVRVHC26IF7VQKSULH6U5DSAGCYOIAQ7/CPARYH2DVA55XB4ZSTA7WTMPVZAVMNA5/BOBO2BRVXZQHPXSPDS5WN3IZQ5SL56OZ.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/WPZYV4DKXXGBZ3ZQTWYRVOQPYBIT2AN7/QRQ5OKEEZRQ525K55RLKSI4H3LRN5OP7/YJ3ABP6H4VTWOW6FDQ3W5ZIIGLTU346F.woff2\",weight:\"500\"}]}];export const css=['.framer-4M4IY .framer-styles-preset-5vsgqx:not(.rich-text-wrapper), .framer-4M4IY .framer-styles-preset-5vsgqx.rich-text-wrapper p { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 2em; --framer-paragraph-spacing: 24px; --framer-text-alignment: left; --framer-text-color: #ffffff; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-4M4IY .framer-styles-preset-5vsgqx:not(.rich-text-wrapper), .framer-4M4IY .framer-styles-preset-5vsgqx.rich-text-wrapper p { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 2em; --framer-paragraph-spacing: 24px; --framer-text-alignment: left; --framer-text-color: #ffffff; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-4M4IY .framer-styles-preset-5vsgqx:not(.rich-text-wrapper), .framer-4M4IY .framer-styles-preset-5vsgqx.rich-text-wrapper p { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 2em; --framer-paragraph-spacing: 24px; --framer-text-alignment: left; --framer-text-color: #ffffff; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }'];export const className=\"framer-4M4IY\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (84a2f33)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/68duz6CJ9LdQYj4Olyda/0KGNNXOvtCvUBUocDU2f/DuMLJ2VUN.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/cugZTBw03MQ4IA5FWRfG/CRmAYU6zAeJM8jNt4tdY/rZemCCbaP.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/ul3QYOZZFeIcx7rGHI8R/AZPxdNo1fsCZ8EeaHAE3/urlDCZwpF.js\";const cycleOrder=[\"jNnXiOwGn\",\"TNOU60_OL\",\"KJ1G3Id0e\",\"eaYrV5aCy\",\"QnMn_0bHD\",\"eH7gyu2bN\",\"uxOL1lGIC\"];const serializationHash=\"framer-EG8Bc\";const variantClassNames={eaYrV5aCy:\"framer-v-1cq5z9s\",eH7gyu2bN:\"framer-v-15aqcfi\",jNnXiOwGn:\"framer-v-120qdve\",KJ1G3Id0e:\"framer-v-n83exn\",QnMn_0bHD:\"framer-v-1oynr12\",TNOU60_OL:\"framer-v-1rqt7r2\",uxOL1lGIC:\"framer-v-y83o9z\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};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={\"Dark - Left Aligned QUOTE\":\"uxOL1lGIC\",\"Dark - Left Aligned\":\"TNOU60_OL\",\"Dark - Middle Aligned\":\"jNnXiOwGn\",\"Dark - Phone - No Animation \":\"QnMn_0bHD\",\"Light - Left Aligned\":\"eaYrV5aCy\",\"Light - Middle Aligned\":\"KJ1G3Id0e\",\"Light - Phone - No Animation\":\"eH7gyu2bN\"};const getProps=({heading,height,id,label,labelVisibility,subheading,subheadingVisibility,width,...props})=>{return{...props,ExBt4bIY2:heading??props.ExBt4bIY2??\"Our Three Step Process\",GqTmcaQLx:label??props.GqTmcaQLx??\"Our Three Step Process\",kAHPdHlCh:subheading??props.kAHPdHlCh??\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\",NlGfzfEF2:labelVisibility??props.NlGfzfEF2??true,p1KubWiKz:subheadingVisibility??props.p1KubWiKz??true,variant:humanReadableVariantMap[props.variant]??props.variant??\"jNnXiOwGn\"};};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,GqTmcaQLx,ExBt4bIY2,kAHPdHlCh,p1KubWiKz,NlGfzfEF2,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"jNnXiOwGn\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.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-120qdve\",className,classNames),\"data-framer-name\":\"Dark - Middle Aligned\",layoutDependency:layoutDependency,layoutId:\"jNnXiOwGn\",ref:refBinding,style:{...style},...addPropertyOverrides({eaYrV5aCy:{\"data-framer-name\":\"Light - Left Aligned\"},eH7gyu2bN:{\"data-framer-name\":\"Light - Phone - No Animation\"},KJ1G3Id0e:{\"data-framer-name\":\"Light - Middle Aligned\"},QnMn_0bHD:{\"data-framer-name\":\"Dark - Phone - No Animation \"},TNOU60_OL:{\"data-framer-name\":\"Dark - Left Aligned\"},uxOL1lGIC:{\"data-framer-name\":\"Dark - Left Aligned QUOTE\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-4rk068\",\"data-framer-name\":\"Heading And Label Wrapper\",layoutDependency:layoutDependency,layoutId:\"Ea6hEEneD\",children:[NlGfzfEF2&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-10ml71p\",\"data-framer-name\":\"Label\",layoutDependency:layoutDependency,layoutId:\"QdaMq0Dkc\",style:{backgroundColor:\"var(--token-122cea26-357d-4aa9-9285-cd7ff9c161b1, rgba(51, 66, 50, 0.05))\",borderBottomLeftRadius:9,borderBottomRightRadius:9,borderTopLeftRadius:9,borderTopRightRadius:9},variants:{eH7gyu2bN:{backgroundColor:\"var(--token-d9d01f21-7a47-443c-a8bc-56cdb453de6f, rgba(255, 255, 255, 0.8))\"}},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-gmoimu\",layoutDependency:layoutDependency,layoutId:\"bgNjZV4SG\",style:{backgroundColor:\"var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121))\",borderBottomLeftRadius:1,borderBottomRightRadius:1,borderTopLeftRadius:1,borderTopRightRadius:1,opacity:.5},variants:{KJ1G3Id0e:{backgroundColor:\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"}}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-5vsgqx\",\"data-styles-preset\":\"urlDCZwpF\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121)))\"},children:\"Our Three Step Process\"})}),className:\"framer-1453sob\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"p9tJvn7J7\",style:{\"--extracted-r6o4lv\":\"var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:GqTmcaQLx,variants:{KJ1G3Id0e:{\"--extracted-r6o4lv\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({KJ1G3Id0e:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-5vsgqx\",\"data-styles-preset\":\"urlDCZwpF\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"Our Three Step Process\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-x3an03\",layoutDependency:layoutDependency,layoutId:\"dj8mlPlgT\",style:{backgroundColor:\"var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121))\",borderBottomLeftRadius:1,borderBottomRightRadius:1,borderTopLeftRadius:1,borderTopRightRadius:1,opacity:.5},variants:{KJ1G3Id0e:{backgroundColor:\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"}}})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-4znnbj\",\"data-styles-preset\":\"rZemCCbaP\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121)))\"},children:\"Our Three Step Process\"})}),className:\"framer-cyszvz\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"s8LAyXUrA\",style:{\"--extracted-1of0zx5\":\"var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:ExBt4bIY2,variants:{eaYrV5aCy:{\"--extracted-1of0zx5\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"},eH7gyu2bN:{\"--extracted-1of0zx5\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"},KJ1G3Id0e:{\"--extracted-1of0zx5\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({eaYrV5aCy:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-4znnbj\",\"data-styles-preset\":\"rZemCCbaP\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"Our Three Step Process\"})})},eH7gyu2bN:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-4znnbj\",\"data-styles-preset\":\"rZemCCbaP\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"Our Three Step Process\"})})},KJ1G3Id0e:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-4znnbj\",\"data-styles-preset\":\"rZemCCbaP\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"Our Three Step Process\"})})},TNOU60_OL:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-4znnbj\",\"data-styles-preset\":\"rZemCCbaP\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121)))\"},children:\"Our Three Step Process\"})})},uxOL1lGIC:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-4znnbj\",\"data-styles-preset\":\"rZemCCbaP\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121)))\"},children:\"Our Three Step Process\"})})}},baseVariant,gestureVariant)})]}),p1KubWiKz&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-smtg16\",\"data-styles-preset\":\"DuMLJ2VUN\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54)))\"},children:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\"})}),className:\"framer-wmkofx\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"zO54No9T8\",style:{\"--extracted-r6o4lv\":\"var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:.9},text:kAHPdHlCh,variants:{eaYrV5aCy:{\"--extracted-r6o4lv\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"},eH7gyu2bN:{\"--extracted-r6o4lv\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"},KJ1G3Id0e:{\"--extracted-r6o4lv\":\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\"},TNOU60_OL:{opacity:.8},uxOL1lGIC:{opacity:.8}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({eaYrV5aCy:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-smtg16\",\"data-styles-preset\":\"DuMLJ2VUN\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\"})})},eH7gyu2bN:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-smtg16\",\"data-styles-preset\":\"DuMLJ2VUN\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\"})})},KJ1G3Id0e:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-smtg16\",\"data-styles-preset\":\"DuMLJ2VUN\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255)))\"},children:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\"})})},TNOU60_OL:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-smtg16\",\"data-styles-preset\":\"DuMLJ2VUN\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54)))\"},children:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\"})})},uxOL1lGIC:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1tZWRpdW0gaXRhbGlj\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-font-style\":\"italic\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.5em\",\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54)))\"},children:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\"})}),fonts:[\"FS;Satoshi-medium italic\"]}},baseVariant,gestureVariant)})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-EG8Bc.framer-vewizp, .framer-EG8Bc .framer-vewizp { display: block; }\",\".framer-EG8Bc.framer-120qdve { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1180px; }\",\".framer-EG8Bc .framer-4rk068 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-EG8Bc .framer-10ml71p { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 7px; height: min-content; justify-content: center; overflow: visible; padding: 3px 12px 3px 12px; position: relative; width: min-content; }\",\".framer-EG8Bc .framer-gmoimu, .framer-EG8Bc .framer-x3an03 { flex: none; height: 1px; overflow: visible; position: relative; width: 34px; }\",\".framer-EG8Bc .framer-1453sob { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-EG8Bc .framer-cyszvz { flex: none; height: auto; max-width: 750px; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-EG8Bc .framer-wmkofx { flex: none; height: auto; max-width: 500px; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-EG8Bc.framer-v-1rqt7r2.framer-120qdve, .framer-EG8Bc.framer-v-1cq5z9s.framer-120qdve, .framer-EG8Bc.framer-v-1cq5z9s .framer-4rk068, .framer-EG8Bc.framer-v-y83o9z.framer-120qdve { align-content: flex-start; align-items: flex-start; }\",\".framer-EG8Bc.framer-v-1rqt7r2 .framer-4rk068, .framer-EG8Bc.framer-v-y83o9z .framer-4rk068 { align-content: flex-start; align-items: flex-start; gap: 19px; }\",\".framer-EG8Bc.framer-v-1rqt7r2 .framer-10ml71p, .framer-EG8Bc.framer-v-y83o9z .framer-10ml71p { justify-content: flex-start; }\",\".framer-EG8Bc.framer-v-1cq5z9s .framer-10ml71p { justify-content: flex-start; padding: 3px 12px 3px 0px; }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 188\n * @framerIntrinsicWidth 1180\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"TNOU60_OL\":{\"layout\":[\"fixed\",\"auto\"]},\"KJ1G3Id0e\":{\"layout\":[\"fixed\",\"auto\"]},\"eaYrV5aCy\":{\"layout\":[\"fixed\",\"auto\"]},\"QnMn_0bHD\":{\"layout\":[\"fixed\",\"auto\"]},\"eH7gyu2bN\":{\"layout\":[\"fixed\",\"auto\"]},\"uxOL1lGIC\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"GqTmcaQLx\":\"label\",\"ExBt4bIY2\":\"heading\",\"kAHPdHlCh\":\"subheading\",\"p1KubWiKz\":\"subheadingVisibility\",\"NlGfzfEF2\":\"labelVisibility\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerQJ12gIOBS=withCSS(Component,css,\"framer-EG8Bc\");export default FramerQJ12gIOBS;FramerQJ12gIOBS.displayName=\"Heading\";FramerQJ12gIOBS.defaultProps={height:188,width:1180};addPropertyControls(FramerQJ12gIOBS,{variant:{options:[\"jNnXiOwGn\",\"TNOU60_OL\",\"KJ1G3Id0e\",\"eaYrV5aCy\",\"QnMn_0bHD\",\"eH7gyu2bN\",\"uxOL1lGIC\"],optionTitles:[\"Dark - Middle Aligned\",\"Dark - Left Aligned\",\"Light - Middle Aligned\",\"Light - Left Aligned\",\"Dark - Phone - No Animation \",\"Light - Phone - No Animation\",\"Dark - Left Aligned QUOTE\"],title:\"Variant\",type:ControlType.Enum},GqTmcaQLx:{defaultValue:\"Our Three Step Process\",displayTextArea:false,title:\"Label\",type:ControlType.String},ExBt4bIY2:{defaultValue:\"Our Three Step Process\",displayTextArea:true,title:\"Heading\",type:ControlType.String},kAHPdHlCh:{defaultValue:\"We believe in combining innovative design, sustainable practices, and exceptional craftsmanship to bring your vision to life.\",displayTextArea:true,title:\"Subheading\",type:ControlType.String},p1KubWiKz:{defaultValue:true,title:\"Subheading Visibility\",type:ControlType.Boolean},NlGfzfEF2:{defaultValue:true,title:\"Label Visibility\",type:ControlType.Boolean}});addFonts(FramerQJ12gIOBS,[{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+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\"},{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\"},{family:\"Satoshi\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NID3I7RITWZSKXRCJGOCMP5NOADJK6IG/2HLHGD7OBTWCOHW64YXOE5KFXHU4KJHM/ZHME2QIRFR7UPJ47NLY27RCAFY44CKZJ.woff2\",weight:\"500\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerQJ12gIOBS\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"1180\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"TNOU60_OL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"KJ1G3Id0e\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"eaYrV5aCy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"QnMn_0bHD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"eH7gyu2bN\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"uxOL1lGIC\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"GqTmcaQLx\\\":\\\"label\\\",\\\"ExBt4bIY2\\\":\\\"heading\\\",\\\"kAHPdHlCh\\\":\\\"subheading\\\",\\\"p1KubWiKz\\\":\\\"subheadingVisibility\\\",\\\"NlGfzfEF2\\\":\\\"labelVisibility\\\"}\",\"framerIntrinsicHeight\":\"188\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./QJ12gIOBS.map","// Generated by Framer (100f99d)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Satoshi-medium\",\"FS;Satoshi-bold\",\"FS;Satoshi-bold italic\",\"FS;Satoshi-medium italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2\",weight:\"500\"},{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2\",weight:\"700\"},{family:\"Satoshi\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/CDEBEFT2R7XKNGXSBBLZGMY4MMHZG75P/HEVKDGQCYDZ7Z6CDVR2ZQGBCTUD6ZARH/BKWEE3VKGTFABE37K2DTH625VUSN2N35.woff2\",weight:\"700\"},{family:\"Satoshi\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NID3I7RITWZSKXRCJGOCMP5NOADJK6IG/2HLHGD7OBTWCOHW64YXOE5KFXHU4KJHM/ZHME2QIRFR7UPJ47NLY27RCAFY44CKZJ.woff2\",weight:\"500\"}]}];export const css=['.framer-9iEgk .framer-styles-preset-g6micz:not(.rich-text-wrapper), .framer-9iEgk .framer-styles-preset-g6micz.rich-text-wrapper p { --framer-font-family: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 10px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-9iEgk .framer-styles-preset-g6micz:not(.rich-text-wrapper), .framer-9iEgk .framer-styles-preset-g6micz.rich-text-wrapper p { --framer-font-family: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 10px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-9iEgk .framer-styles-preset-g6micz:not(.rich-text-wrapper), .framer-9iEgk .framer-styles-preset-g6micz.rich-text-wrapper p { --framer-font-family: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-family-italic: \"Satoshi\", \"Satoshi Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 10px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-9iEgk\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (400c93f)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Montserrat-medium\",\"FS;Montserrat-bold\",\"FS;Montserrat-bold italic\",\"FS;Montserrat-medium italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Montserrat\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/G3U4AIP7I5YYMBY4PZ5BNYEWWVH7G7QB/WED2HATCWTE6B4XVIFFTI3EALCE4D6PD/GDZ4LVIJF6WODYKVZK6E2737DCDQPEMZ.woff2\",weight:\"500\"},{family:\"Montserrat\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/KDZE2GHZ4MXZP7RVHASNN75AFABT2ZB2/G33WYZOWF5RLCYVGCMU5BFGBXH4DMKUK/SHZ3SDA4YUDBQPNRSIGO7XNSCQQUBDYR.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/WVRVHC26IF7VQKSULH6U5DSAGCYOIAQ7/CPARYH2DVA55XB4ZSTA7WTMPVZAVMNA5/BOBO2BRVXZQHPXSPDS5WN3IZQ5SL56OZ.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"fontshare\",style:\"italic\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/WPZYV4DKXXGBZ3ZQTWYRVOQPYBIT2AN7/QRQ5OKEEZRQ525K55RLKSI4H3LRN5OP7/YJ3ABP6H4VTWOW6FDQ3W5ZIIGLTU346F.woff2\",weight:\"500\"}]}];export const css=['.framer-8XHby .framer-styles-preset-ravud2:not(.rich-text-wrapper), .framer-8XHby .framer-styles-preset-ravud2.rich-text-wrapper h3 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 19px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-8XHby .framer-styles-preset-ravud2:not(.rich-text-wrapper), .framer-8XHby .framer-styles-preset-ravud2.rich-text-wrapper h3 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 20px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-8XHby .framer-styles-preset-ravud2:not(.rich-text-wrapper), .framer-8XHby .framer-styles-preset-ravud2.rich-text-wrapper h3 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, #384036); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-8XHby\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (a44d8cf)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/2JK9D0TRezdzp9IHRbq1/5cFiEVb0cWMURITMWngL/iLvBdfOs8.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/wINadAJFrkhb0UrfaN8t/6SRk65qf2th35gLvwhme/MjM7LH64L.js\";const enabledGestures={rhjC1iKKC:{hover:true}};const cycleOrder=[\"rhjC1iKKC\",\"X9E7oyHe_\",\"cuDDKVyna\"];const serializationHash=\"framer-zblEm\";const variantClassNames={cuDDKVyna:\"framer-v-1pq2g0v\",rhjC1iKKC:\"framer-v-4a45zx\",X9E7oyHe_:\"framer-v-su5a0c\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:188,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={\"Variant 1\":\"rhjC1iKKC\",\"Variant 2\":\"X9E7oyHe_\",Phone:\"cuDDKVyna\"};const getProps=({cursor,description,height,icon,iconVisible,id,image,imageVisibility,link,subheadingVisibility,title,width,...props})=>{return{...props,Aymtbwmqt:icon??props.Aymtbwmqt??{pixelHeight:512,pixelWidth:512,src:\"https://framerusercontent.com/images/P6C2uAYgnsU0Ft4pKuEy9xJko.png\"},corQvaS1F:subheadingVisibility??props.corQvaS1F??true,FZ1Cd8Obj:title??props.FZ1Cd8Obj??\"Landscaping Design and Installation\",jokLxhtV3:link??props.jokLxhtV3,k6QvqRkSK:description??props.k6QvqRkSK??\"text\",Pcub6apDl:imageVisibility??props.Pcub6apDl??true,Qa7KzRLE3:image??props.Qa7KzRLE3??{pixelHeight:3840,pixelWidth:5760,src:\"https://framerusercontent.com/images/Ft5IEvHl9PD36i58DoiXHR6q8.jpg?scale-down-to=512\",srcSet:\"https://framerusercontent.com/images/Ft5IEvHl9PD36i58DoiXHR6q8.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/Ft5IEvHl9PD36i58DoiXHR6q8.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/Ft5IEvHl9PD36i58DoiXHR6q8.jpg?scale-down-to=2048 2048w,https://framerusercontent.com/images/Ft5IEvHl9PD36i58DoiXHR6q8.jpg?scale-down-to=4096 4096w,https://framerusercontent.com/images/Ft5IEvHl9PD36i58DoiXHR6q8.jpg 5760w\"},variant:humanReadableVariantMap[props.variant]??props.variant??\"rhjC1iKKC\",VCwcqs9oj:iconVisible??props.VCwcqs9oj??true,WuJv7BcHv:cursor??props.WuJv7BcHv};};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,Aymtbwmqt,Qa7KzRLE3,FZ1Cd8Obj,k6QvqRkSK,jokLxhtV3,WuJv7BcHv,Pcub6apDl,corQvaS1F,VCwcqs9oj,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"rhjC1iKKC\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=value=>{if(baseVariant===\"X9E7oyHe_\")return value;return true;};const isDisplayed1=value=>{if(baseVariant===\"cuDDKVyna\")return false;return value;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:jokLxhtV3,motionChild:true,nodeId:\"rhjC1iKKC\",scopeId:\"xZzfUoY55\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-4a45zx\",className,classNames)} framer-djurzh`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"rhjC1iKKC\",ref:refBinding,style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",backgroundColor:\"var(--token-122cea26-357d-4aa9-9285-cd7ff9c161b1, rgba(51, 66, 50, 0.05))\",borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20,...style},variants:{\"rhjC1iKKC-hover\":{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-175a2ee3-e73a-4465-a45f-78833a0f6493, rgba(13, 13, 13, 0.1))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgba(23, 31, 22, 0.01)\"}},...addPropertyOverrides({\"rhjC1iKKC-hover\":{\"data-border\":true,\"data-framer-name\":undefined},cuDDKVyna:{\"data-framer-name\":\"Phone\"},X9E7oyHe_:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-gisqsx\",\"data-framer-name\":\"Icon & Title Wrapper\",layoutDependency:layoutDependency,layoutId:\"gpsTgqL4f\",children:[isDisplayed(VCwcqs9oj)&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-19irdf1\",\"data-framer-name\":\"Icon Wrapper\",layoutDependency:layoutDependency,layoutId:\"FcptzBY8D\",style:{backgroundColor:\"var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121))\",borderBottomLeftRadius:13,borderBottomRightRadius:13,borderTopLeftRadius:13,borderTopRightRadius:13},children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:512,intrinsicWidth:512,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+21+(((componentViewport?.height||336.5)-42-52)/2+0+0)+0+10),pixelHeight:512,pixelWidth:512,sizes:\"32px\",...toResponsiveImage(Aymtbwmqt),...{positionX:\"center\",positionY:\"center\"}},className:\"framer-1vymb1s\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"lQwohbYo5\",style:{opacity:.85},...addPropertyOverrides({cuDDKVyna:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:512,intrinsicWidth:512,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+21+(((componentViewport?.height||136.5)-42-52)/2+0+0)+0+10),pixelHeight:512,pixelWidth:512,sizes:\"32px\",...toResponsiveImage(Aymtbwmqt),...{positionX:\"center\",positionY:\"center\"}}},X9E7oyHe_:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:512,intrinsicWidth:512,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+21+0+0+31+10),pixelHeight:512,pixelWidth:512,sizes:\"32px\",...toResponsiveImage(Aymtbwmqt),...{positionX:\"center\",positionY:\"center\"}}}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-ravud2\",\"data-styles-preset\":\"MjM7LH64L\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, rgb(33, 80, 82)))\"},children:\"Landscaping Design and Installation\"})}),className:\"framer-1owlyjx\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"MNIap2bqN\",style:{\"--extracted-a0htzi\":\"var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, rgb(33, 80, 82))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:FZ1Cd8Obj,verticalAlignment:\"top\",withExternalLayout:true})]}),isDisplayed1(Pcub6apDl)&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-62a9e9\",\"data-framer-cursor\":WuJv7BcHv,\"data-framer-name\":\"Image Wrapper\",layoutDependency:layoutDependency,layoutId:\"C3YJ2G93k\",style:{borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20},children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:3840,intrinsicWidth:5760,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+21+(((componentViewport?.height||336.5)-42-52)/2+52+20)+-14.5),pixelHeight:3840,pixelWidth:5760,sizes:`calc((${componentViewport?.width||\"100vw\"} - 42px) * 1.1623)`,...toResponsiveImage(Qa7KzRLE3)},className:\"framer-2ueq8z\",\"data-framer-name\":\"Image\",layoutDependency:layoutDependency,layoutId:\"cwmkO1zbw\",...addPropertyOverrides({\"rhjC1iKKC-hover\":{background:{alt:\"\",fit:\"fill\",intrinsicHeight:3840,intrinsicWidth:5760,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+21+(((componentViewport?.height||336.5)-42-52)/2+52+20)+-8),pixelHeight:3840,pixelWidth:5760,sizes:`calc((${componentViewport?.width||\"100vw\"} - 42px) * 1.0909)`,...toResponsiveImage(Qa7KzRLE3)}},X9E7oyHe_:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:3840,intrinsicWidth:5760,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+21+104.8+-14.5),pixelHeight:3840,pixelWidth:5760,sizes:`calc((${componentViewport?.width||\"100vw\"} - 42px) * 1.1623)`,...toResponsiveImage(Qa7KzRLE3)}}},baseVariant,gestureVariant)})}),corQvaS1F&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-g6micz\",\"data-styles-preset\":\"iLvBdfOs8\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54)))\"},children:\"text\"})}),className:\"framer-107uce7\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"lVF0QVjv8\",style:{\"--extracted-r6o4lv\":\"var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:.8},text:k6QvqRkSK,verticalAlignment:\"top\",withExternalLayout:true})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-zblEm.framer-djurzh, .framer-zblEm .framer-djurzh { display: block; }\",\".framer-zblEm.framer-4a45zx { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: hidden; padding: 21px; position: relative; text-decoration: none; width: 350px; will-change: var(--framer-will-change-override, transform); }\",\".framer-zblEm .framer-gisqsx { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-zblEm .framer-19irdf1 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 52px; justify-content: center; overflow: hidden; padding: 10px; position: relative; width: 52px; will-change: var(--framer-will-change-override, transform); }\",\".framer-zblEm .framer-1vymb1s { flex: 1 0 0px; height: 100%; overflow: hidden; position: relative; width: 1px; }\",\".framer-zblEm .framer-1owlyjx { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-zblEm .framer-62a9e9 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 180px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-zblEm .framer-2ueq8z { aspect-ratio: 1.711111111111111 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 209px); overflow: hidden; position: relative; width: 116%; }\",\".framer-zblEm .framer-107uce7 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-zblEm.framer-v-su5a0c.framer-4a45zx { cursor: unset; justify-content: flex-start; }\",\".framer-zblEm.framer-v-su5a0c .framer-gisqsx { align-content: flex-start; align-items: flex-start; flex-direction: column; }\",\".framer-zblEm.framer-v-su5a0c .framer-1owlyjx { flex: none; width: 100%; }\",\".framer-zblEm.framer-v-1pq2g0v.framer-4a45zx { cursor: unset; }\",\".framer-zblEm.framer-v-4a45zx.hover .framer-2ueq8z { height: var(--framer-aspect-ratio-supported, 196px); width: 109%; }\",...sharedStyle.css,...sharedStyle1.css,'.framer-zblEm[data-border=\"true\"]::after, .framer-zblEm [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 336.5\n * @framerIntrinsicWidth 350\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"X9E7oyHe_\":{\"layout\":[\"fixed\",\"auto\"]},\"cuDDKVyna\":{\"layout\":[\"fixed\",\"auto\"]},\"XGp9zjGb6\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"Aymtbwmqt\":\"icon\",\"Qa7KzRLE3\":\"image\",\"FZ1Cd8Obj\":\"title\",\"k6QvqRkSK\":\"description\",\"jokLxhtV3\":\"link\",\"WuJv7BcHv\":\"cursor\",\"Pcub6apDl\":\"imageVisibility\",\"corQvaS1F\":\"subheadingVisibility\",\"VCwcqs9oj\":\"iconVisible\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerxZzfUoY55=withCSS(Component,css,\"framer-zblEm\");export default FramerxZzfUoY55;FramerxZzfUoY55.displayName=\"Service Card\";FramerxZzfUoY55.defaultProps={height:336.5,width:350};addPropertyControls(FramerxZzfUoY55,{variant:{options:[\"rhjC1iKKC\",\"X9E7oyHe_\",\"cuDDKVyna\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Phone\"],title:\"Variant\",type:ControlType.Enum},Aymtbwmqt:{__defaultAssetReference:\"data:framer/asset-reference,P6C2uAYgnsU0Ft4pKuEy9xJko.png?originalFilename=New+Project+%281%29.png&preferredSize=auto\",title:\"Icon\",type:ControlType.ResponsiveImage},Qa7KzRLE3:{__defaultAssetReference:\"data:framer/asset-reference,Ft5IEvHl9PD36i58DoiXHR6q8.jpg?originalFilename=photo-1599365726864-ac222011504a%3Fcrop%3Dentropy%26cs%3Dsrgb%26fm%3Djpg%26ixid%3DM3wxMzc5NjJ8MHwxfHNlYXJjaHwxNXx8TGFuZHNjYXBpbmd8ZW58MHx8fHwxNzA5Mzc1NTIyfDA%26ixlib%3Drb-4.0.jpg&preferredSize=auto\",title:\"Image\",type:ControlType.ResponsiveImage},FZ1Cd8Obj:{defaultValue:\"Landscaping Design and Installation\",displayTextArea:false,title:\"Title\",type:ControlType.String},k6QvqRkSK:{defaultValue:\"text\",displayTextArea:true,title:\"Description\",type:ControlType.String},jokLxhtV3:{title:\"Link\",type:ControlType.Link},WuJv7BcHv:{title:\"Cursor\",type:ControlType.CustomCursor},Pcub6apDl:{defaultValue:true,title:\"Image Visibility\",type:ControlType.Boolean},corQvaS1F:{defaultValue:true,title:\"Subheading Visibility\",type:ControlType.Boolean},VCwcqs9oj:{defaultValue:true,title:\"Icon Visible\",type:ControlType.Boolean}});addFonts(FramerxZzfUoY55,[{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+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\"},{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)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerxZzfUoY55\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"350\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"Aymtbwmqt\\\":\\\"icon\\\",\\\"Qa7KzRLE3\\\":\\\"image\\\",\\\"FZ1Cd8Obj\\\":\\\"title\\\",\\\"k6QvqRkSK\\\":\\\"description\\\",\\\"jokLxhtV3\\\":\\\"link\\\",\\\"WuJv7BcHv\\\":\\\"cursor\\\",\\\"Pcub6apDl\\\":\\\"imageVisibility\\\",\\\"corQvaS1F\\\":\\\"subheadingVisibility\\\",\\\"VCwcqs9oj\\\":\\\"iconVisible\\\"}\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"336.5\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"X9E7oyHe_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"cuDDKVyna\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"XGp9zjGb6\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./xZzfUoY55.map","// Generated by Framer (f712822)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ChildrenCanSuspend,ComponentViewportProvider,ControlType,cx,getFonts,PathVariablesContext,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useQueryData,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Services from\"https://framerusercontent.com/modules/e87eGsYMqmq7CSfFsn4G/0SxGHY4iaArAQdb25pU1/DlGFXXt_W.js\";import Heading from\"https://framerusercontent.com/modules/17o8v2GWIb2S3VYgMEWm/w5crjtP8kzIeV4oFwfgf/QJ12gIOBS.js\";import ServiceCard from\"https://framerusercontent.com/modules/oKBtd4832wMMS3PBiGpV/8Le0sEtkXgRmOTGSOKgx/xZzfUoY55.js\";const HeadingFonts=getFonts(Heading);const ServiceCardFonts=getFonts(ServiceCard);const SmartComponentScopedContainerWithFX=withFX(SmartComponentScopedContainer);const cycleOrder=[\"YbyxYSqoF\",\"Yum4wG2UB\",\"PLqQ_4eWb\"];const serializationHash=\"framer-SEfmI\";const variantClassNames={PLqQ_4eWb:\"framer-v-fy0gyy\",YbyxYSqoF:\"framer-v-17qs2gh\",Yum4wG2UB:\"framer-v-q7jmo0\"};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 animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transformPerspective:1200,x:0,y:100};const transition2={damping:80,delay:.1,mass:1,stiffness:300,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transformPerspective:1200,transition:transition2,x:0,y:100};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const query=prequery=>prequery({from:{alias:\"VYN246PJg\",data:Services,type:\"Collection\"},select:[{collection:\"VYN246PJg\",name:\"sMR135PhA\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"moOjkQxGE\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"Hrz_mu5fn\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"JEOCoPq6Y\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"tYyIgs9SG\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"id\",type:\"Identifier\"}]});const QueryData=({query,pageSize,children})=>{const data=useQueryData(query);return children(data);};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={Desktop:\"YbyxYSqoF\",Mobile:\"PLqQ_4eWb\",Tablet:\"Yum4wG2UB\"};const getProps=({heading,height,id,label,subheading,width,...props})=>{return{...props,bNfoCeqEA:heading??props.bNfoCeqEA??\"Deine B\\xe4ume in guten H\\xe4nden\",ixeSuFH1y:subheading??props.ixeSuFH1y??\"Als einziger deutschlandweiter Anbieter stehen wir f\\xfcr Baumpflege h\\xf6chster Qualit\\xe4t mit maximaler Kundenzufriedenheit. \",NKu3vNodo:label??props.NKu3vNodo??\"BAUMPFLEGE VON A-Z\",variant:humanReadableVariantMap[props.variant]??props.variant??\"YbyxYSqoF\"};};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,NKu3vNodo,bNfoCeqEA,ixeSuFH1y,sMR135PhAVYN246PJg,moOjkQxGEVYN246PJg,Hrz_mu5fnVYN246PJg,JEOCoPq6YVYN246PJg,tYyIgs9SGVYN246PJg,idVYN246PJg,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"YbyxYSqoF\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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.main,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-17qs2gh\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"YbyxYSqoF\",ref:refBinding,style:{...style},...addPropertyOverrides({PLqQ_4eWb:{\"data-framer-name\":\"Mobile\"},Yum4wG2UB:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:179,width:`min(${componentViewport?.width||\"100vw\"} - 80px, 1440px)`,y:(componentViewport?.y||0)+58+(((componentViewport?.height||1148)-123-1025)/2+0+0),...addPropertyOverrides({PLqQ_4eWb:{width:`min(${componentViewport?.width||\"100vw\"} - 24px, 1440px)`,y:(componentViewport?.y||0)+77+(((componentViewport?.height||1389)-107-2308)/2+0+0)},Yum4wG2UB:{y:(componentViewport?.y||0)+58+(((componentViewport?.height||855)-98-1273)/2+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-18tgjcc-container\",layoutDependency:layoutDependency,layoutId:\"z9k9Wvzif-container\",nodeId:\"z9k9Wvzif\",rendersWithMotion:true,scopeId:\"bFNvn1lFE\",children:/*#__PURE__*/_jsx(Heading,{ExBt4bIY2:bNfoCeqEA,GqTmcaQLx:NKu3vNodo,height:\"100%\",id:\"z9k9Wvzif\",kAHPdHlCh:ixeSuFH1y,layoutId:\"z9k9Wvzif\",NlGfzfEF2:true,p1KubWiKz:true,style:{maxWidth:\"100%\",width:\"100%\"},variant:\"jNnXiOwGn\",width:\"100%\"})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-16426b1\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"uYFWxiKy4\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-gitafd\",layoutDependency:layoutDependency,layoutId:\"VYN246PJg\",children:/*#__PURE__*/_jsx(ChildrenCanSuspend,{children:/*#__PURE__*/_jsx(QueryData,{query:{from:{alias:\"VYN246PJg\",data:Services,type:\"Collection\"},select:[{collection:\"VYN246PJg\",name:\"sMR135PhA\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"moOjkQxGE\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"Hrz_mu5fn\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"JEOCoPq6Y\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"tYyIgs9SG\",type:\"Identifier\"},{collection:\"VYN246PJg\",name:\"id\",type:\"Identifier\"}]},children:(collection,paginationInfo,loadMore)=>/*#__PURE__*/_jsx(_Fragment,{children:collection?.map(({Hrz_mu5fn:Hrz_mu5fnVYN246PJg,id:idVYN246PJg,JEOCoPq6Y:JEOCoPq6YVYN246PJg,moOjkQxGE:moOjkQxGEVYN246PJg,sMR135PhA:sMR135PhAVYN246PJg,tYyIgs9SG:tYyIgs9SGVYN246PJg},index)=>{Hrz_mu5fnVYN246PJg??=\"\";JEOCoPq6YVYN246PJg??=\"\";tYyIgs9SGVYN246PJg??=\"\";return /*#__PURE__*/_jsx(LayoutGroup,{id:`VYN246PJg-${idVYN246PJg}`,children:/*#__PURE__*/_jsx(PathVariablesContext.Provider,{value:{tYyIgs9SG:tYyIgs9SGVYN246PJg},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{height:335,width:`max((max(min(${componentViewport?.width||\"100vw\"} - 80px, 1440px), 1px) - 20px) / 3, 200px)`,y:(componentViewport?.y||0)+58+(((componentViewport?.height||1148)-123-1025)/2+179+69)+0+0+0,...addPropertyOverrides({PLqQ_4eWb:{width:`max(max(min(${componentViewport?.width||\"100vw\"} - 24px, 1440px), 1px), 200px)`,y:(componentViewport?.y||0)+77+(((componentViewport?.height||1389)-107-2308)/2+179+69)+0+0+0},Yum4wG2UB:{width:`max((max(min(${componentViewport?.width||\"100vw\"} - 80px, 1440px), 1px) - 10px) / 2, 200px)`,y:(componentViewport?.y||0)+58+(((componentViewport?.height||855)-98-1273)/2+179+69)+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:0,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1v5690w-container\",layoutDependency:layoutDependency,layoutId:\"GDvrd8EjM-container\",nodeId:\"GDvrd8EjM\",rendersWithMotion:true,scopeId:\"bFNvn1lFE\",style:{transformPerspective:1200},children:/*#__PURE__*/_jsx(ServiceCard,{Aymtbwmqt:toResponsiveImage(sMR135PhAVYN246PJg),corQvaS1F:true,FZ1Cd8Obj:Hrz_mu5fnVYN246PJg,height:\"100%\",id:\"GDvrd8EjM\",k6QvqRkSK:JEOCoPq6YVYN246PJg,layoutId:\"GDvrd8EjM\",Pcub6apDl:true,Qa7KzRLE3:toResponsiveImage(moOjkQxGEVYN246PJg),style:{width:\"100%\"},variant:\"rhjC1iKKC\",VCwcqs9oj:true,width:\"100%\",...addPropertyOverrides({PLqQ_4eWb:{variant:\"cuDDKVyna\"},Yum4wG2UB:{style:{height:\"100%\",width:\"100%\"},variant:\"cuDDKVyna\"}},baseVariant,gestureVariant)})})})})},idVYN246PJg);})})})})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-SEfmI.framer-yyy4lc, .framer-SEfmI .framer-yyy4lc { display: block; }\",\".framer-SEfmI.framer-17qs2gh { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 69px; height: min-content; justify-content: center; overflow: visible; padding: 58px 40px 65px 40px; position: relative; width: 1200px; }\",\".framer-SEfmI .framer-18tgjcc-container { flex: none; height: auto; max-width: 1440px; position: relative; width: 100%; }\",\".framer-SEfmI .framer-16426b1 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 30px; height: min-content; justify-content: center; max-width: 1440px; overflow: visible; padding: 0px; position: relative; width: 100%; z-index: 1; }\",\".framer-SEfmI .framer-gitafd { cursor: none; display: grid; flex: 1 0 0px; gap: 10px; grid-auto-rows: min-content; grid-template-columns: repeat(3, minmax(200px, 1fr)); height: 777px; justify-content: center; padding: 0px; position: relative; width: 1px; }\",\".framer-SEfmI .framer-1v5690w-container { align-self: start; flex: none; height: auto; justify-self: start; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-SEfmI.framer-17qs2gh, .framer-SEfmI .framer-16426b1 { gap: 0px; } .framer-SEfmI.framer-17qs2gh > * { margin: 0px; margin-bottom: calc(69px / 2); margin-top: calc(69px / 2); } .framer-SEfmI.framer-17qs2gh > :first-child { margin-top: 0px; } .framer-SEfmI.framer-17qs2gh > :last-child { margin-bottom: 0px; } .framer-SEfmI .framer-16426b1 > * { margin: 0px; margin-left: calc(30px / 2); margin-right: calc(30px / 2); } .framer-SEfmI .framer-16426b1 > :first-child { margin-left: 0px; } .framer-SEfmI .framer-16426b1 > :last-child { margin-right: 0px; } }\",\".framer-SEfmI.framer-v-q7jmo0.framer-17qs2gh { padding: 58px 40px 40px 40px; width: 810px; }\",\".framer-SEfmI.framer-v-q7jmo0 .framer-gitafd { grid-template-columns: repeat(2, minmax(200px, 1fr)); height: min-content; }\",\".framer-SEfmI.framer-v-q7jmo0 .framer-1v5690w-container { height: 100%; }\",\".framer-SEfmI.framer-v-fy0gyy.framer-17qs2gh { padding: 77px 12px 30px 12px; width: 390px; }\",\".framer-SEfmI.framer-v-fy0gyy .framer-gitafd { grid-template-columns: repeat(1, minmax(200px, 1fr)); height: min-content; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1148\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Yum4wG2UB\":{\"layout\":[\"fixed\",\"auto\"]},\"PLqQ_4eWb\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"NKu3vNodo\":\"label\",\"bNfoCeqEA\":\"heading\",\"ixeSuFH1y\":\"subheading\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerbFNvn1lFE=withCSS(Component,css,\"framer-SEfmI\");export default FramerbFNvn1lFE;FramerbFNvn1lFE.displayName=\"Section - Services\";FramerbFNvn1lFE.defaultProps={height:1148,width:1200};addPropertyControls(FramerbFNvn1lFE,{variant:{options:[\"YbyxYSqoF\",\"Yum4wG2UB\",\"PLqQ_4eWb\"],optionTitles:[\"Desktop\",\"Tablet\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum},NKu3vNodo:{defaultValue:\"BAUMPFLEGE VON A-Z\",displayTextArea:false,title:\"Label\",type:ControlType.String},bNfoCeqEA:{defaultValue:\"Deine B\\xe4ume in guten H\\xe4nden\",displayTextArea:true,title:\"Heading\",type:ControlType.String},ixeSuFH1y:{defaultValue:\"Als einziger deutschlandweiter Anbieter stehen wir f\\xfcr Baumpflege h\\xf6chster Qualit\\xe4t mit maximaler Kundenzufriedenheit. \",displayTextArea:true,title:\"Subheading\",type:ControlType.String}});addFonts(FramerbFNvn1lFE,[{explicitInter:true,fonts:[]},...HeadingFonts,...ServiceCardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerbFNvn1lFE\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"1200\",\"framerVariables\":\"{\\\"NKu3vNodo\\\":\\\"label\\\",\\\"bNfoCeqEA\\\":\\\"heading\\\",\\\"ixeSuFH1y\\\":\\\"subheading\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"1148\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Yum4wG2UB\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PLqQ_4eWb\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (b5638f1)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,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 sharedStyle1 from\"https://framerusercontent.com/modules/2JK9D0TRezdzp9IHRbq1/5cFiEVb0cWMURITMWngL/iLvBdfOs8.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/wINadAJFrkhb0UrfaN8t/6SRk65qf2th35gLvwhme/MjM7LH64L.js\";const enabledGestures={BoLV82S49:{hover:true},FONXamMw7:{hover:true}};const cycleOrder=[\"BoLV82S49\",\"FONXamMw7\"];const serializationHash=\"framer-BExSp\";const variantClassNames={BoLV82S49:\"framer-v-11yifgs\",FONXamMw7:\"framer-v-1cym70b\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:40,delay:0,mass:1,stiffness:232,type:\"spring\"};const transition2={damping:40,delay:0,mass:1,stiffness:400,type:\"spring\"};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;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={Collapsed:\"FONXamMw7\",Open:\"BoLV82S49\"};const getProps=({answer,height,id,question,visible,width,...props})=>{return{...props,rMvbHnemV:visible??props.rMvbHnemV??true,UkcAZJv33:answer??props.UkcAZJv33??\"GreenScape offers a wide range of landscaping services including landscape design and installation, lawn maintenance, hardscaping, irrigation systems, tree and shrub care, and more.\",variant:humanReadableVariantMap[props.variant]??props.variant??\"BoLV82S49\",zNMII1rLe:question??props.zNMII1rLe??\"What services do you offer?\"};};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,zNMII1rLe,UkcAZJv33,rMvbHnemV,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"BoLV82S49\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1mlpz6w=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"FONXamMw7\");});const onTap11urxvn=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"BoLV82S49\");});const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(gestureVariant===\"FONXamMw7-hover\")return false;if(baseVariant===\"FONXamMw7\")return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({FONXamMw7:{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-11yifgs\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Open\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"BoLV82S49\",onTap:onTap1mlpz6w,ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-175a2ee3-e73a-4465-a45f-78833a0f6493, rgba(13, 13, 13, 0.1))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"var(--token-a3567fc0-2c6f-4fa8-ac8f-89ddd158e98d, rgb(255, 255, 255))\",borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20,...style},variants:{FONXamMw7:{borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}},...addPropertyOverrides({\"BoLV82S49-hover\":{\"data-framer-name\":undefined},\"FONXamMw7-hover\":{\"data-framer-name\":undefined},FONXamMw7:{\"data-framer-name\":\"Collapsed\",onTap:onTap11urxvn}},baseVariant,gestureVariant),children:[rMvbHnemV&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1czgz3\",\"data-framer-name\":\"Label Wrapper\",layoutDependency:layoutDependency,layoutId:\"U4XWITjbi\",style:{backgroundColor:\"rgb(255, 255, 255)\"},children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-kyr0mp\",layoutDependency:layoutDependency,layoutId:\"oCBoTOZ3c\",transformTemplate:transformTemplate1,children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1yZWd1bGFy\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"12px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.5em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgba(13, 13, 13, 0.4))\"},children:\"Question\"})}),className:\"framer-jaeseo\",fonts:[\"FS;Satoshi-regular\"],layoutDependency:layoutDependency,layoutId:\"NveBs3_fj\",style:{\"--extracted-r6o4lv\":\"rgba(13, 13, 13, 0.4)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({FONXamMw7:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1yZWd1bGFy\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"12px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.5em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgba(13, 13, 13, 0.4))\"},children:\"Frage\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7U2F0b3NoaS1yZWd1bGFy\",\"--framer-font-family\":'\"Satoshi\", \"Satoshi Placeholder\", sans-serif',\"--framer-font-size\":\"12px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.5em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgba(13, 13, 13, 0.4))\"},children:\"Antwort\"})}),className:\"framer-u63viw\",fonts:[\"FS;Satoshi-regular\"],layoutDependency:layoutDependency,layoutId:\"u9BBueuKp\",style:{\"--extracted-r6o4lv\":\"rgba(13, 13, 13, 0.4)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1f2zjna\",\"data-framer-name\":\"Question Wrapper\",layoutDependency:layoutDependency,layoutId:\"hVg8pzOmt\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-ravud2\",\"data-styles-preset\":\"MjM7LH64L\",style:{\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54)))\"},children:\"What services do you offer?\"})}),className:\"framer-qvamp2\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"rwluB66Bh\",style:{\"--extracted-a0htzi\":\"var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(56, 64, 54))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:zNMII1rLe,variants:{\"FONXamMw7-hover\":{\"--extracted-a0htzi\":\"var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"FONXamMw7-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-ravud2\",\"data-styles-preset\":\"MjM7LH64L\",style:{\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-086469fd-baf3-4234-b202-d7ba0d126212, rgb(51, 159, 121)))\"},children:\"What services do you offer?\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-17inril\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"xYg4YEafu\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-12r4okc\",layoutDependency:layoutDependency,layoutId:\"FTNE5X9dq\",style:{backgroundColor:\"var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, rgb(33, 80, 82))\"},variants:{\"BoLV82S49-hover\":{backgroundColor:\"var(--token-4a53df1c-d18e-4663-ad1f-89eb63b52f8a, rgb(255, 190, 64))\"},\"FONXamMw7-hover\":{backgroundColor:\"var(--token-4a53df1c-d18e-4663-ad1f-89eb63b52f8a, rgb(255, 190, 64))\"}}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1pk0bua\",layoutDependency:layoutDependency,layoutId:\"Eklkr6cNR\",style:{backgroundColor:\"var(--token-2f560859-5998-4075-847c-9f666c5cfc0b, rgb(33, 80, 82))\",rotate:90},variants:{\"FONXamMw7-hover\":{backgroundColor:\"var(--token-4a53df1c-d18e-4663-ad1f-89eb63b52f8a, rgb(255, 190, 64))\"}}})]})]}),isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-g6micz\",\"data-styles-preset\":\"iLvBdfOs8\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(84, 84, 84)))\"},children:\"GreenScape offers a wide range of landscaping services including landscape design and installation, lawn maintenance, hardscaping, irrigation systems, tree and shrub care, and more.\"})}),className:\"framer-1c97uy6\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"HZV3HHWtU\",style:{\"--extracted-r6o4lv\":\"var(--token-eea41e84-741c-4ad1-8fa4-d13594d15041, rgb(84, 84, 84))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:UkcAZJv33,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-BExSp.framer-1d0zop9, .framer-BExSp .framer-1d0zop9 { display: block; }\",\".framer-BExSp.framer-11yifgs { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 38px; height: min-content; justify-content: flex-start; overflow: visible; padding: 20px; position: relative; width: 800px; }\",\".framer-BExSp .framer-1czgz3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 22px; justify-content: center; left: 27px; overflow: hidden; padding: 0px 5px 0px 5px; position: absolute; top: -10px; width: 74px; z-index: 1; }\",\".framer-BExSp .framer-kyr0mp { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; left: 53%; overflow: visible; padding: 0px; position: absolute; top: -26px; width: min-content; z-index: 1; }\",\".framer-BExSp .framer-jaeseo, .framer-BExSp .framer-u63viw { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-BExSp .framer-1f2zjna { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: hidden; padding: 0px; position: relative; width: 100%; z-index: 4; }\",\".framer-BExSp .framer-qvamp2 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 90%; word-break: break-word; word-wrap: break-word; }\",\".framer-BExSp .framer-17inril { flex: none; height: 16px; overflow: hidden; position: relative; width: 16px; }\",\".framer-BExSp .framer-12r4okc { flex: none; height: 1px; left: calc(50.00000000000002% - 100% / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 1px / 2); width: 100%; }\",\".framer-BExSp .framer-1pk0bua { flex: none; height: 1px; left: calc(50.00000000000002% - 0% / 2); overflow: hidden; position: absolute; top: 8px; width: 0%; }\",\".framer-BExSp .framer-1c97uy6 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-BExSp.framer-11yifgs, .framer-BExSp .framer-1czgz3, .framer-BExSp .framer-kyr0mp { gap: 0px; } .framer-BExSp.framer-11yifgs > * { margin: 0px; margin-bottom: calc(38px / 2); margin-top: calc(38px / 2); } .framer-BExSp.framer-11yifgs > :first-child, .framer-BExSp .framer-kyr0mp > :first-child { margin-top: 0px; } .framer-BExSp.framer-11yifgs > :last-child, .framer-BExSp .framer-kyr0mp > :last-child { margin-bottom: 0px; } .framer-BExSp .framer-1czgz3 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-BExSp .framer-1czgz3 > :first-child { margin-left: 0px; } .framer-BExSp .framer-1czgz3 > :last-child { margin-right: 0px; } .framer-BExSp .framer-kyr0mp > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\",\".framer-BExSp.framer-v-1cym70b .framer-kyr0mp { bottom: -27px; top: unset; }\",\".framer-BExSp.framer-v-1cym70b .framer-1pk0bua { left: calc(50.00000000000002% - 100% / 2); width: 100%; }\",\".framer-BExSp.framer-v-1cym70b.hover.framer-11yifgs { padding: 20px 20px 20px 40px; }\",\".framer-BExSp.framer-v-1cym70b.hover .framer-kyr0mp { top: unset; }\",...sharedStyle.css,...sharedStyle1.css,'.framer-BExSp[data-border=\"true\"]::after, .framer-BExSp [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 143\n * @framerIntrinsicWidth 800\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"FONXamMw7\":{\"layout\":[\"fixed\",\"auto\"]},\"NcjpOSZVF\":{\"layout\":[\"fixed\",\"auto\"]},\"oGNRiWbLL\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"zNMII1rLe\":\"question\",\"UkcAZJv33\":\"answer\",\"rMvbHnemV\":\"visible\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerqfmAoIwxN=withCSS(Component,css,\"framer-BExSp\");export default FramerqfmAoIwxN;FramerqfmAoIwxN.displayName=\"FAQ - Single\";FramerqfmAoIwxN.defaultProps={height:143,width:800};addPropertyControls(FramerqfmAoIwxN,{variant:{options:[\"BoLV82S49\",\"FONXamMw7\"],optionTitles:[\"Open\",\"Collapsed\"],title:\"Variant\",type:ControlType.Enum},zNMII1rLe:{defaultValue:\"What services do you offer?\",displayTextArea:true,title:\"Question\",type:ControlType.String},UkcAZJv33:{defaultValue:\"GreenScape offers a wide range of landscaping services including landscape design and installation, lawn maintenance, hardscaping, irrigation systems, tree and shrub care, and more.\",displayTextArea:true,title:\"Answer\",type:ControlType.String},rMvbHnemV:{defaultValue:true,title:\"Visible\",type:ControlType.Boolean}});addFonts(FramerqfmAoIwxN,[{explicitInter:true,fonts:[{family:\"Satoshi\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2\",weight:\"400\"},{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)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerqfmAoIwxN\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"800\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"FONXamMw7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"NcjpOSZVF\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"oGNRiWbLL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"143\",\"framerVariables\":\"{\\\"zNMII1rLe\\\":\\\"question\\\",\\\"UkcAZJv33\\\":\\\"answer\\\",\\\"rMvbHnemV\\\":\\\"visible\\\"}\",\"framerColorSyntax\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f712822)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import FAQSingle from\"https://framerusercontent.com/modules/np9b4dVddpCBMeg7LTtA/LBnOrXavPBggeBHgDlPT/qfmAoIwxN.js\";const FAQSingleFonts=getFonts(FAQSingle);const cycleOrder=[\"UO6l1ScjL\",\"NEt5FAghy\"];const serializationHash=\"framer-ljhD5\";const variantClassNames={NEt5FAghy:\"framer-v-1epk0m0\",UO6l1ScjL:\"framer-v-16eibbv\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};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={Desktop:\"UO6l1ScjL\",Phone:\"NEt5FAghy\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"UO6l1ScjL\"};};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:\"UO6l1ScjL\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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-16eibbv\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"UO6l1ScjL\",ref:refBinding,style:{...style},...addPropertyOverrides({NEt5FAghy:{\"data-framer-name\":\"Phone\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:143,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||412)-0-632)/2+0+0),...addPropertyOverrides({NEt5FAghy:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||535)-0-602)/2+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1ujhgp5-container\",layoutDependency:layoutDependency,layoutId:\"Tgwj3AM5C-container\",nodeId:\"Tgwj3AM5C\",rendersWithMotion:true,scopeId:\"iV8GXG0Ck\",children:/*#__PURE__*/_jsx(FAQSingle,{height:\"100%\",id:\"Tgwj3AM5C\",layoutId:\"Tgwj3AM5C\",rMvbHnemV:true,style:{width:\"100%\"},UkcAZJv33:\"TREELAX vereinfacht das Rechtswirrwar und automatisiert den Prozess der Baumkontrolle und potenziellen Baumpflegema\\xdfnahmen f\\xfcr dich. Anstelle von monatelangen, z\\xe4hen Prozessen erwartet dich eine vollautomatiserte, durchdachte und rechtssichere L\\xf6sung zu fairen, transparenten Direktpreisen ohne Kopfschmerzen.\",variant:\"BoLV82S49\",width:\"100%\",zNMII1rLe:\"Was macht TREELAX besser als der Wettbewerb?\",...addPropertyOverrides({NEt5FAghy:{rMvbHnemV:false}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:143,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||412)-0-632)/2+143+20),...addPropertyOverrides({NEt5FAghy:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||535)-0-602)/2+143+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ql563x-container\",layoutDependency:layoutDependency,layoutId:\"kNPezNqJk-container\",nodeId:\"kNPezNqJk\",rendersWithMotion:true,scopeId:\"iV8GXG0Ck\",children:/*#__PURE__*/_jsx(FAQSingle,{height:\"100%\",id:\"kNPezNqJk\",layoutId:\"kNPezNqJk\",rMvbHnemV:true,style:{width:\"100%\"},UkcAZJv33:\"Ein TREECHECK ist ein unverbindlicher Erstberatungstermin mit Beurteilung deines Baumbestandes durch einen zertifizierten Fachmann vor Ort. Neben einer Risikoanalyse wird ein Ma\\xdfnahmenkatalog erstellt und mit dir durchgesprochen. So definieren wir gemeinsam und individuell, welche Baumpflegema\\xdfnahmen deinen Bestand optimal sichern und nachhaltig f\\xfcr die Zukunft aufstellen.\\n\",variant:\"FONXamMw7\",width:\"100%\",zNMII1rLe:\"Was ist ein TREECHECK?\",...addPropertyOverrides({NEt5FAghy:{rMvbHnemV:false}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:143,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||412)-0-632)/2+286+40),...addPropertyOverrides({NEt5FAghy:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||535)-0-602)/2+286+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1wipn6a-container\",layoutDependency:layoutDependency,layoutId:\"VuVbYZMVj-container\",nodeId:\"VuVbYZMVj\",rendersWithMotion:true,scopeId:\"iV8GXG0Ck\",children:/*#__PURE__*/_jsx(FAQSingle,{height:\"100%\",id:\"VuVbYZMVj\",layoutId:\"VuVbYZMVj\",rMvbHnemV:true,style:{width:\"100%\"},UkcAZJv33:\"Du buchst deinen TREECHECK und wir k\\xfcmmern uns um den Rest! Lehn dich zur\\xfcck und unsere kompetenten Mitarbeiter:innen melden sich bei dir. Solange unsere Fachexperten vor Ort an deine B\\xe4ume herankommen, musst du nichts weiter vorbereiten.\",variant:\"FONXamMw7\",width:\"100%\",zNMII1rLe:\"Wie muss ich mich als Baumbesitzer vorbereiten?\",...addPropertyOverrides({NEt5FAghy:{rMvbHnemV:false}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:143,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||412)-0-632)/2+429+60),...addPropertyOverrides({NEt5FAghy:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||535)-0-602)/2+429+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-z5s47z-container\",layoutDependency:layoutDependency,layoutId:\"y4jCVOz6i-container\",nodeId:\"y4jCVOz6i\",rendersWithMotion:true,scopeId:\"iV8GXG0Ck\",children:/*#__PURE__*/_jsx(FAQSingle,{height:\"100%\",id:\"y4jCVOz6i\",layoutId:\"y4jCVOz6i\",rMvbHnemV:true,style:{width:\"100%\"},UkcAZJv33:\"TREELAX arbeitet ausschlie\\xdflich mit ausgew\\xe4hlten und zertifizierten Partnerbetrieben zusammen. Unsere Baumgutachter und Baumpfleger sind durch die FLL oder akkreditierte Ausbildungsbetriebe in den g\\xe4ngigen Richtlinien geschult und haben jahrelange Berufserfahrung, zum Beispiel als European Tree Worker.\\n\\nGanz entscheidend in der Auswahl unserer Partnerbetriebe ist neben der Fachexpertise und professionellen Arbeitsweise eine geh\\xf6rige Portion Spa\\xdf am Job und gute Laune! :-)\",variant:\"FONXamMw7\",width:\"100%\",zNMII1rLe:\"Wer f\\xfchrt den TREECHECK bei mir durch?\",...addPropertyOverrides({NEt5FAghy:{rMvbHnemV:false}},baseVariant,gestureVariant)})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ljhD5.framer-12px84i, .framer-ljhD5 .framer-12px84i { display: block; }\",\".framer-ljhD5.framer-16eibbv { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1180px; }\",\".framer-ljhD5 .framer-1ujhgp5-container, .framer-ljhD5 .framer-ql563x-container, .framer-ljhD5 .framer-1wipn6a-container, .framer-ljhD5 .framer-z5s47z-container { flex: none; height: auto; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-ljhD5.framer-16eibbv { gap: 0px; } .framer-ljhD5.framer-16eibbv > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-ljhD5.framer-16eibbv > :first-child { margin-top: 0px; } .framer-ljhD5.framer-16eibbv > :last-child { margin-bottom: 0px; } }\",\".framer-ljhD5.framer-v-1epk0m0.framer-16eibbv { gap: 10px; width: 390px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-ljhD5.framer-v-1epk0m0.framer-16eibbv { gap: 0px; } .framer-ljhD5.framer-v-1epk0m0.framer-16eibbv > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-ljhD5.framer-v-1epk0m0.framer-16eibbv > :first-child { margin-top: 0px; } .framer-ljhD5.framer-v-1epk0m0.framer-16eibbv > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 412\n * @framerIntrinsicWidth 1180\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"NEt5FAghy\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameriV8GXG0Ck=withCSS(Component,css,\"framer-ljhD5\");export default FrameriV8GXG0Ck;FrameriV8GXG0Ck.displayName=\"FAQ List\";FrameriV8GXG0Ck.defaultProps={height:412,width:1180};addPropertyControls(FrameriV8GXG0Ck,{variant:{options:[\"UO6l1ScjL\",\"NEt5FAghy\"],optionTitles:[\"Desktop\",\"Phone\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FrameriV8GXG0Ck,[{explicitInter:true,fonts:[]},...FAQSingleFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameriV8GXG0Ck\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"412\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1180\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"NEt5FAghy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (128ce9c)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import FAQList from\"https://framerusercontent.com/modules/uUGG29TfRDB2G442JZs9/vcb8xkqPQpqTJcez4hyR/iV8GXG0Ck.js\";import Heading from\"https://framerusercontent.com/modules/17o8v2GWIb2S3VYgMEWm/w5crjtP8kzIeV4oFwfgf/QJ12gIOBS.js\";const HeadingFonts=getFonts(Heading);const FAQListFonts=getFonts(FAQList);const MotionSectionWithFX=withFX(motion.section);const cycleOrder=[\"DeWYqm1yS\",\"ZXcSJH1bX\",\"o3EFI_AbX\"];const serializationHash=\"framer-8kUMB\";const variantClassNames={DeWYqm1yS:\"framer-v-1k3ex8z\",o3EFI_AbX:\"framer-v-uonl4n\",ZXcSJH1bX:\"framer-v-1kjobbg\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transformPerspective:1200,x:0,y:100};const transition1={damping:80,delay:.1,mass:1,stiffness:300,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transformPerspective:1200,transition:transition1,x:0,y:100};const transition2={bounce:.2,delay:0,duration:.4,type:\"spring\"};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={Desktop:\"DeWYqm1yS\",Mobile:\"o3EFI_AbX\",Tablet:\"ZXcSJH1bX\"};const getProps=({heading,height,id,width,...props})=>{return{...props,g0I95ypUM:heading??props.g0I95ypUM??\"H\\xc4UFIGE FRAGEN\\n\",variant:humanReadableVariantMap[props.variant]??props.variant??\"DeWYqm1yS\"};};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,g0I95ypUM,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"DeWYqm1yS\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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:transition2,children:/*#__PURE__*/_jsx(MotionSectionWithFX,{...restProps,...gestureHandlers,__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:0,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:cx(scopingClassNames,\"framer-1k3ex8z\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"DeWYqm1yS\",ref:refBinding,style:{...style},...addPropertyOverrides({o3EFI_AbX:{\"data-framer-name\":\"Mobile\"},ZXcSJH1bX:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1t7a4em\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"wpvtVod6h\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:179,width:`min(max((min(max(${componentViewport?.width||\"100vw\"} - 80px, 1px), 1440px) - 20px) / 2, 1px), 1440px)`,y:(componentViewport?.y||0)+(40+((componentViewport?.height||534)-80-412)/2)+0,...addPropertyOverrides({o3EFI_AbX:{width:`min(max(${componentViewport?.width||\"100vw\"} - 24px, 1px), 1440px)`,y:(componentViewport?.y||0)+(30+((componentViewport?.height||1637)-60-611)/2)+0+0},ZXcSJH1bX:{y:(componentViewport?.y||0)+(40+((componentViewport?.height||666)-80-412)/2)+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-10glhht-container\",layoutDependency:layoutDependency,layoutId:\"dTDm8_I5Z-container\",nodeId:\"dTDm8_I5Z\",rendersWithMotion:true,scopeId:\"HS3o7PXrp\",children:/*#__PURE__*/_jsx(Heading,{ExBt4bIY2:g0I95ypUM,GqTmcaQLx:\"FAQ\",height:\"100%\",id:\"dTDm8_I5Z\",kAHPdHlCh:\"\",layoutId:\"dTDm8_I5Z\",NlGfzfEF2:true,p1KubWiKz:true,style:{maxWidth:\"100%\",width:\"100%\"},variant:\"TNOU60_OL\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:412,width:`max((min(max(${componentViewport?.width||\"100vw\"} - 80px, 1px), 1440px) - 20px) / 2, 1px)`,y:(componentViewport?.y||0)+(40+((componentViewport?.height||534)-80-412)/2)+0,...addPropertyOverrides({o3EFI_AbX:{width:`min(max(${componentViewport?.width||\"100vw\"} - 24px, 1px), 1440px)`,y:(componentViewport?.y||0)+(30+((componentViewport?.height||1637)-60-611)/2)+0+199},ZXcSJH1bX:{y:(componentViewport?.y||0)+(40+((componentViewport?.height||666)-80-412)/2)+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-emdsh0-container\",layoutDependency:layoutDependency,layoutId:\"O90pVxoMk-container\",nodeId:\"O90pVxoMk\",rendersWithMotion:true,scopeId:\"HS3o7PXrp\",children:/*#__PURE__*/_jsx(FAQList,{height:\"100%\",id:\"O90pVxoMk\",layoutId:\"O90pVxoMk\",style:{width:\"100%\"},variant:\"UO6l1ScjL\",width:\"100%\"})})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-8kUMB.framer-1mjsia4, .framer-8kUMB .framer-1mjsia4 { display: block; }\",\".framer-8kUMB.framer-1k3ex8z { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 60px; height: min-content; justify-content: center; overflow: visible; padding: 40px; position: relative; width: 1200px; }\",\".framer-8kUMB .framer-1t7a4em { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; max-width: 1440px; overflow: visible; padding: 0px; position: relative; width: 1px; z-index: 1; }\",\".framer-8kUMB .framer-10glhht-container { flex: 1 0 0px; height: auto; max-width: 1440px; position: sticky; top: 20px; width: 1px; z-index: 1; }\",\".framer-8kUMB .framer-emdsh0-container { flex: 1 0 0px; height: auto; position: relative; width: 1px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-8kUMB.framer-1k3ex8z, .framer-8kUMB .framer-1t7a4em { gap: 0px; } .framer-8kUMB.framer-1k3ex8z > * { margin: 0px; margin-left: calc(60px / 2); margin-right: calc(60px / 2); } .framer-8kUMB.framer-1k3ex8z > :first-child, .framer-8kUMB .framer-1t7a4em > :first-child { margin-left: 0px; } .framer-8kUMB.framer-1k3ex8z > :last-child, .framer-8kUMB .framer-1t7a4em > :last-child { margin-right: 0px; } .framer-8kUMB .framer-1t7a4em > * { margin: 0px; margin-left: calc(20px / 2); margin-right: calc(20px / 2); } }\",\".framer-8kUMB.framer-v-1kjobbg.framer-1k3ex8z { width: 810px; }\",\".framer-8kUMB.framer-v-1kjobbg .framer-10glhht-container { top: 100px; }\",\".framer-8kUMB.framer-v-uonl4n.framer-1k3ex8z { padding: 30px 12px 30px 12px; width: 390px; }\",\".framer-8kUMB.framer-v-uonl4n .framer-1t7a4em { flex-direction: column; }\",\".framer-8kUMB.framer-v-uonl4n .framer-10glhht-container { flex: none; position: relative; top: unset; width: 100%; }\",\".framer-8kUMB.framer-v-uonl4n .framer-emdsh0-container { flex: none; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-8kUMB.framer-v-uonl4n .framer-1t7a4em { gap: 0px; } .framer-8kUMB.framer-v-uonl4n .framer-1t7a4em > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-8kUMB.framer-v-uonl4n .framer-1t7a4em > :first-child { margin-top: 0px; } .framer-8kUMB.framer-v-uonl4n .framer-1t7a4em > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 534\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"ZXcSJH1bX\":{\"layout\":[\"fixed\",\"auto\"]},\"o3EFI_AbX\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"g0I95ypUM\":\"heading\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerHS3o7PXrp=withCSS(Component,css,\"framer-8kUMB\");export default FramerHS3o7PXrp;FramerHS3o7PXrp.displayName=\"Section - FAQ\";FramerHS3o7PXrp.defaultProps={height:534,width:1200};addPropertyControls(FramerHS3o7PXrp,{variant:{options:[\"DeWYqm1yS\",\"ZXcSJH1bX\",\"o3EFI_AbX\"],optionTitles:[\"Desktop\",\"Tablet\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum},g0I95ypUM:{defaultValue:\"H\\xc4UFIGE FRAGEN\\n\",displayTextArea:true,title:\"Heading\",type:ControlType.String}});addFonts(FramerHS3o7PXrp,[{explicitInter:true,fonts:[]},...HeadingFonts,...FAQListFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerHS3o7PXrp\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ZXcSJH1bX\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"o3EFI_AbX\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"534\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"g0I95ypUM\\\":\\\"heading\\\"}\",\"framerIntrinsicWidth\":\"1200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nconst nullIconStyle = {\n minWidth: \"10px\",\n minHeight: \"10px\",\n maxWidth: \"20px\",\n maxHeight: \"20px\",\n width: \"60%\",\n height: \"60%\"\n};\nconst emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(149, 149, 149, 0.1)\",\n border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n color: \"#a5a5a5\",\n flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n return(/*#__PURE__*/ _jsx(\"div\", {\n style: emptyStateStyle,\n ref: ref\n }));\n}) /*\n\n