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\":{\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BannerComponentProps\":{\"type\":\"tsType\",\"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,RenderTarget,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,useGTMDefaultConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/dsQTNWNk09IMnZEHMfzP/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/atthcI0SmGvO4HAxG9e5/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/L9fJK0tucMOkjZFRszrm/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Nhaar5CYKIbxxEaVvTJs/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;// we ignore customer's GTM in preview because their specific setups can break the preview currently\n// this can be removed if we remove reliance on globals for react symbols in the preview\n// https://framer-team.slack.com/archives/C01J38GC2SW/p1770826268498759\nconst skipGTMId=isInFramerPreview();const gtmDefaults=useGTMDefaultConsent();const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic,regionFromGTM:gtmDefaults.region});const consent=useConsent({gtmId:skipGTMId?\"\":gtmId,defaultConsent:gtmDefaults.available?gtmDefaults.consent:region.defaults,gtmLoadedExternally,defaultsFromGTM:gtmDefaults.available});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})]});}function isInFramerPreview(){return RenderTarget.current()===RenderTarget.preview&&typeof window!==\"undefined\"&&window.origin?.endsWith(\"framercanvas.com\");}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\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"*\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,useLocaleCode}from\"framer\";import{startTransition,useCallback,useEffect,useRef,useState}from\"react\";const fontStack=`\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;function formatTimeOrDate(outputType,{showYear,showMonth,showWeekday,showMinutes,showSeconds},timeFormat,monthFormat,localCode){const date=new Date;const onlyYearIsShown=!showWeekday&&!showMonth&&showYear;switch(outputType){case\"date\":return new Intl.DateTimeFormat(localCode,{weekday:showWeekday?\"long\":undefined,day:onlyYearIsShown?undefined:\"numeric\",month:showMonth?monthFormat:undefined,year:showYear?\"numeric\":undefined}).format(date);case\"time\":return new Intl.DateTimeFormat(localCode,{hour:\"numeric\",minute:showMinutes?\"numeric\":undefined,second:showSeconds&&showMinutes?\"numeric\":undefined,hour12:timeFormat===\"12h\"}).format(date);default:return new Intl.DateTimeFormat(localCode).format(date);}}const defaultProps={height:20,width:140,outputType:\"time\",color:\"#999\",timeFormat:\"24h\",showYear:true,showMonth:true,showWeekday:true,showMinutes:true,showSeconds:true,monthFormat:\"long\",alignment:\"center\"};/**\n * TIME AND DATE\n * FORKED FROM PROTOTYPING\n *\n * @framerIntrinsicWidth 140\n * @framerIntrinsicHeight 20\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export function Time(props){const mergedProps={...defaultProps,...props};const{outputType,timeFormat,showYear,showMonth,showWeekday,// showHours,\nshowMinutes,showSeconds,monthFormat,color,font,tabularFont}=mergedProps;const localCode=useLocaleCode();const getTextContent=useCallback(()=>formatTimeOrDate(outputType,{showYear,showMonth,showWeekday,// showHours,\n showMinutes,showSeconds},timeFormat,monthFormat,localCode),[localCode,monthFormat,outputType,showMinutes,showMonth,showSeconds,showWeekday,showYear,timeFormat]);const timeoutRef=useRef()// FIXME: With React 19, we can remove this and return a cleanup from the ref callback\n;const updateCountdown=useCallback(node=>{if(node===null){// React calls w/ `null` on unmount or if the ref function changes.\nclearTimeout(timeoutRef.current);return;}let prev;const tick=()=>{const date=new Date;const next=new Date().setSeconds(date.getSeconds()+1,0)-+date;timeoutRef.current=setTimeout(tick,next);const textContent=getTextContent();if(prev!==textContent){node.textContent=textContent;prev=textContent;}};tick();},[getTextContent]);const[visible,setIsVisible]=useState(false);const isCanvas=RenderTarget.current()===RenderTarget.canvas;useEffect(()=>{startTransition(()=>setIsVisible(true));// Don’t want real time on Canvas\nif(isCanvas)return;},[isCanvas]);return /*#__PURE__*/_jsx(\"p\",{suppressHydrationWarning:true,style:{margin:0,padding:0,color,fontFamily:fontStack,fontWeight:500,fontSize:16,lineHeight:1,visibility:visible?\"visible\":\"hidden\",...font,fontVariantNumeric:tabularFont?\"tabular-nums\":\"normal\",whiteSpace:\"nowrap\"},ref:isCanvas?undefined:updateCountdown,children:getTextContent()});}Time.displayName=\"Time & Date\";addPropertyControls(Time,{outputType:{title:\"Type\",type:ControlType.Enum,displaySegmentedControl:true,options:[\"date\",\"time\"],optionTitles:[\"Date\",\"Time\"],defaultValue:defaultProps.outputType},showWeekday:{title:\"Day\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:defaultProps.showWeekday,hidden:props=>props.outputType!==\"date\"},showMonth:{title:\"Month\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:defaultProps.showMonth,hidden:props=>props.outputType!==\"date\"},monthFormat:{title:\"Format\",type:ControlType.Enum,options:[\"short\",\"long\",\"numeric\"],optionTitles:[\"Short\",\"Long\",\"Numeric\"],defaultValue:defaultProps.monthFormat,hidden:props=>props.outputType!==\"date\"||!props.showMonth},showYear:{title:\"Year\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:defaultProps.showYear,hidden:props=>props.outputType!==\"date\"},timeFormat:{title:\"Format\",type:ControlType.Enum,options:[\"12h\",\"24h\"],optionTitles:[\"12h\",\"24h\"],displaySegmentedControl:true,defaultValue:defaultProps.timeFormat,hidden:props=>props.outputType!==\"time\"},// showHours: {\n// title: \"Hours\",\n// type: ControlType.Boolean,\n// enabledTitle: \"Show\",\n// disabledTitle: \"Hide\",\n// defaultValue: defaultProps.showHours,\n// hidden: (props) => props.outputType !== \"time\",\n// },\nshowMinutes:{title:\"Minutes\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:defaultProps.showMinutes,hidden:props=>props.outputType!==\"time\"},showSeconds:{title:\"Seconds\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:defaultProps.showSeconds,hidden:props=>props.outputType!==\"time\"||!props.showMinutes},font:{type:ControlType.Font,controls:\"extended\"},tabularFont:{title:\"Tabular\",type:ControlType.Boolean,defaultValue:true},color:{type:ControlType.Color,defaultValue:defaultProps.color}});\nexport const __FramerMetadata__ = {\"exports\":{\"Time\":{\"type\":\"reactComponent\",\"name\":\"Time\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"20\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicWidth\":\"140\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Time.map","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,n2nHSaXfp:stroke??props.n2nHSaXfp??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,n2nHSaXfp,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-gZkvf\",className),layoutId:layoutId,ref:ref,style:{\"--1df8v9o\":n2nHSaXfp,...style}});});const css=[`.framer-gZkvf { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1df8v9o); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"n2nHSaXfp\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Instagram\",\"color\":{\"type\":\"variable\",\"value\":\"1df8v9o\"},\"set\":{\"localId\":\"vectorSet/yXo17f3GZ\",\"id\":\"yXo17f3GZ\",\"moduleId\":\"eO37kitVCMcNEgHMGd3K\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-gZkvf\");Icon.displayName=\"Instagram\";export default Icon;addPropertyControls(Icon,{n2nHSaXfp:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"n2nHSaXfp\\\":\\\"stroke\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Instagram\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1df8v9o\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/yXo17f3GZ\\\",\\\"id\\\":\\\"yXo17f3GZ\\\",\\\"moduleId\\\":\\\"eO37kitVCMcNEgHMGd3K\\\"}}\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerDisableUnlink\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,n2nHSaXfp:stroke??props.n2nHSaXfp??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,n2nHSaXfp,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-IHk45\",className),layoutId:layoutId,ref:ref,style:{\"--1df8v9o\":n2nHSaXfp,...style}});});const css=[`.framer-IHk45 { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1df8v9o); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"n2nHSaXfp\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Youtube\",\"color\":{\"type\":\"variable\",\"value\":\"1df8v9o\"},\"set\":{\"localId\":\"vectorSet/yXo17f3GZ\",\"id\":\"yXo17f3GZ\",\"moduleId\":\"eO37kitVCMcNEgHMGd3K\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-IHk45\");Icon.displayName=\"Youtube\";export default Icon;addPropertyControls(Icon,{n2nHSaXfp:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"24\",\"framerDisableUnlink\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"24\",\"framerVariables\":\"{\\\"n2nHSaXfp\\\":\\\"stroke\\\"}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Youtube\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1df8v9o\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/yXo17f3GZ\\\",\\\"id\\\":\\\"yXo17f3GZ\\\",\\\"moduleId\\\":\\\"eO37kitVCMcNEgHMGd3K\\\"}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (bf89308)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,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 sharedStyle from\"https://framerusercontent.com/modules/HezeSAi1j3uA5oIezysA/OFSQhXuaIQfyJIykXLdX/cbq1DfK6Y.js\";const cycleOrder=[\"R6Q9LVW6J\",\"ZvzXOi6U3\"];const serializationHash=\"framer-vhfWX\";const variantClassNames={R6Q9LVW6J:\"framer-v-1rduzvm\",ZvzXOi6U3:\"framer-v-zkw9sy\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const aQYU3DlqE=undefined;const UGruD9uIL=undefined;const S_dxsC72o=undefined;const transition1={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 humanReadableVariantMap={\"Footer link Mobile\":\"ZvzXOi6U3\",\"Footer link\":\"R6Q9LVW6J\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,link,newTab,text,width,...props})=>{return{...props,aQYU3DlqE:link??props.aQYU3DlqE,S_dxsC72o:text??props.S_dxsC72o??\"Home\",UGruD9uIL:newTab??props.UGruD9uIL,variant:humanReadableVariantMap[props.variant]??props.variant??\"R6Q9LVW6J\"};};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,S_dxsC72o,aQYU3DlqE,UGruD9uIL,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"R6Q9LVW6J\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.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__*/_jsx(Link,{href:aQYU3DlqE,motionChild:true,nodeId:\"R6Q9LVW6J\",openInNewTab:UGruD9uIL,scopeId:\"CwjgNRJ3n\",children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1rduzvm\",className,classNames)} framer-7j6yh4`,\"data-framer-name\":\"Footer link\",layoutDependency:layoutDependency,layoutId:\"R6Q9LVW6J\",ref:refBinding,style:{...style},...addPropertyOverrides({ZvzXOi6U3:{\"data-framer-name\":\"Footer link Mobile\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlI7SW50ZXJEaXNwbGF5LU1lZGl1bQ==\",\"--framer-font-family\":'\"Inter Display\", \"Inter Display Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"-0.05em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e9bc8b79-ae97-4704-b621-f88b8ff68ef9, rgb(38, 38, 35)))\"},children:\"Home\"})}),className:\"framer-1mesbqx\",fonts:[\"FR;InterDisplay-Medium\"],layoutDependency:layoutDependency,layoutId:\"K6rY7XnQN\",style:{\"--extracted-r6o4lv\":\"var(--token-e9bc8b79-ae97-4704-b621-f88b8ff68ef9, rgb(38, 38, 35))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:.7},text:S_dxsC72o,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ZvzXOi6U3:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-ww5w7d\",\"data-styles-preset\":\"cbq1DfK6Y\",dir:\"auto\",style:{\"--framer-text-alignment\":\"center\"},children:\"Home\"})}),fonts:[\"Inter\"]}},baseVariant,gestureVariant)})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-vhfWX.framer-7j6yh4, .framer-vhfWX .framer-7j6yh4 { display: block; }\",\".framer-vhfWX.framer-1rduzvm { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: 100px; }\",\".framer-vhfWX .framer-1mesbqx { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 100\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"ZvzXOi6U3\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"S_dxsC72o\":\"text\",\"aQYU3DlqE\":\"link\",\"UGruD9uIL\":\"newTab\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerCwjgNRJ3n=withCSS(Component,css,\"framer-vhfWX\");export default FramerCwjgNRJ3n;FramerCwjgNRJ3n.displayName=\"Footer link 3\";FramerCwjgNRJ3n.defaultProps={height:24,width:100};addPropertyControls(FramerCwjgNRJ3n,{variant:{options:[\"R6Q9LVW6J\",\"ZvzXOi6U3\"],optionTitles:[\"Footer link\",\"Footer link Mobile\"],title:\"Variant\",type:ControlType.Enum},S_dxsC72o:{defaultValue:\"Home\",displayTextArea:false,title:\"Text\",type:ControlType.String},onS_dxsC72oChange:{changes:\"S_dxsC72o\",type:ControlType.ChangeHandler},aQYU3DlqE:{title:\"Link\",type:ControlType.Link},UGruD9uIL:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},onUGruD9uILChange:{changes:\"UGruD9uIL\",type:ControlType.ChangeHandler}});addFonts(FramerCwjgNRJ3n,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/ePuN3mCjzajIHnyCdvKBFiZkyY0.woff2\",weight:\"500\"},{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/V3j1L0o5vPFKe26Sw4HcpXCfHo.woff2\",weight:\"500\"},{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/F3kdpd2N0cToWV5huaZjjgM.woff2\",weight:\"500\"},{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/0iDmxkizU9goZoclqIqsV5rvETU.woff2\",weight:\"500\"},{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",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/r0mv3NegmA0akcQsNFotG32Las.woff2\",weight:\"500\"},{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",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/iwWTDc49ENF2tCHbqlNARXw6Ug.woff2\",weight:\"500\"},{cssFamilyName:\"Inter Display\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter Display\",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/Ii21jnSJkulBKsHHXKlapi7fv9w.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCwjgNRJ3n\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ZvzXOi6U3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"100\",\"framerIntrinsicHeight\":\"24\",\"framerVariables\":\"{\\\"S_dxsC72o\\\":\\\"text\\\",\\\"aQYU3DlqE\\\":\\\"link\\\",\\\"UGruD9uIL\\\":\\\"newTab\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CwjgNRJ3n.map","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,...props})=>{return{...props,n2nHSaXfp:stroke??props.n2nHSaXfp??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,n2nHSaXfp,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-JBKgu\",className),layoutId:layoutId,ref:ref,style:{\"--1df8v9o\":n2nHSaXfp,...style}});});const css=[`.framer-JBKgu { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1df8v9o); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"n2nHSaXfp\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Arrow Right\",\"color\":{\"type\":\"variable\",\"value\":\"1df8v9o\"},\"set\":{\"localId\":\"vectorSet/yXo17f3GZ\",\"id\":\"yXo17f3GZ\",\"moduleId\":\"eO37kitVCMcNEgHMGd3K\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-JBKgu\");Icon.displayName=\"Arrow Right\";export default Icon;addPropertyControls(Icon,{n2nHSaXfp:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Stroke\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerVariables\":\"{\\\"n2nHSaXfp\\\":\\\"stroke\\\"}\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Arrow Right\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1df8v9o\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/yXo17f3GZ\\\",\\\"id\\\":\\\"yXo17f3GZ\\\",\\\"moduleId\\\":\\\"eO37kitVCMcNEgHMGd3K\\\"}}\",\"framerDisableUnlink\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Noise\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Noise(props){const{opacity,backgroundSize,borderRadius}=props;return /*#__PURE__*/ _jsx(\"div\",{style:{...containerStyle,opacity,backgroundSize,borderRadius}});};Noise.defaultProps={opacity:.5,backgroundSize:128,radius:0};addPropertyControls(Noise,{backgroundSize:{title:\"Size\",type:ControlType.Number,min:64,max:256},opacity:{title:\"Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,min:0,max:1e3,step:1,displayStepper:true}});const containerStyle={width:\"100%\",height:\"100%\",backgroundSize:\"256px 256px\",backgroundRepeat:\"repeat\",backgroundImage:\"url('https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png')\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Noise\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Noise.map","import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here — there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map","import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map","import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map","import { Color } from \"framer\";\nexport function colorFromToken(color) {\n if (color.startsWith(\"var(--token-\")) return \"rgb\" + color.split(\") /*\")[0].split(\", rgb\")[1];\n return color;\n}\nexport function colorTokentoValue(color) {\n return Color(colorFromToken(color)).toValue();\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"colorFromToken\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./colorFromToken.map","import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map","import * as React from \"react\";\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nconst l = ()=>letters[Math.floor(Math.random() * letters.length)]\n;\nexport const randomID = ()=>l() + l() + l() + l() + l() + l() + l() + l() + l()\n;\nfunction createUniqueClass(suffix) {\n return `framer-${suffix}-${randomID()}`;\n}\nexport function useUniqueClassName(suffix, deps) {\n const [className, setClassName] = React.useState(createUniqueClass(suffix));\n React.useEffect(()=>{\n setClassName(createUniqueClass(suffix));\n }, [\n suffix,\n ...deps\n ]);\n return className;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useUniqueClassName\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useUniqueClassName.map","import { ControlType } from \"framer\";\n// I realize this only applies to select right now\n// but we can work on it in here\nexport function getVariantControls(Component, variant, additionalControls = {\n}) {\n return {\n [`${variant}TextColor`]: {\n type: ControlType.Color,\n title: \"Text Color\",\n defaultValue: Component.defaultProps[`${variant}TextColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}IconColor`]: {\n type: ControlType.Color,\n title: \"Icon Color\",\n defaultValue: Component.defaultProps[`${variant}IconColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BackgroundColor`]: {\n type: ControlType.Color,\n title: \"Bg Color\",\n defaultValue: Component.defaultProps[`${variant}BackgroundColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderColor`]: {\n type: ControlType.Color,\n title: \"Border Color\",\n defaultValue: Component.defaultProps[`${variant}BorderColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderWidth`]: {\n type: ControlType.Number,\n title: \" \",\n min: 0,\n max: 5,\n displayStepper: true,\n defaultValue: Component.defaultProps[`${variant}BorderWidth`],\n hidden: (props)=>props.variant !== variant\n },\n ...additionalControls\n };\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"getVariantControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./variantUtils.map","import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map","import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map","import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map","import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import * as React from \"react\";\nexport function useControlledState(value) {\n const [controlledValue, setValue] = React.useState(value);\n React.useEffect(()=>{\n setValue(value);\n }, [\n value\n ]);\n return [\n controlledValue,\n setValue\n ];\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useControlledState\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useControlledState.map","import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map","import{defaultEvents,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";import{useOnEnter,useOnExit}from\"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";import{colorTokentoValue,colorFromToken}from\"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";import{useUniqueClassName,randomID}from\"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";import{getVariantControls}from\"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";import{useIsBrowserSafari}from\"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";import{useMultiOnChange,useOnChange}from\"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";import{mstoMinAndSec,secondsToMinutes}from\"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";import{useAutoMotionValue}from\"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";import{useFontControls}from\"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js\";import{useRenderTarget,useIsInPreview,useIsOnCanvas}from\"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js\";import{useControlledState}from\"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";import{usePadding,useRadius,paddingControl,borderRadiusControl}from\"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";import{detectAutoSizingAxis}from\"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";export{useOnEnter,useOnExit,defaultEvents,isMotionValue,colorFromToken,colorTokentoValue,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack,useUniqueClassName,getVariantControls,useIsBrowserSafari,randomID,useConstant,useMultiOnChange,useOnChange,usePadding,useRadius,paddingControl,borderRadiusControl,mstoMinAndSec,useFontControls,secondsToMinutes,useAutoMotionValue,useRenderTarget,useIsInPreview,useControlledState,detectAutoSizingAxis,useIsOnCanvas,};\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","/*\n * index (framer/default-utils@0.45.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,motion}from\"framer\";import{containerStyles,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";const coordinatesRegex=/^((?:\\-?|\\+?)?\\d+(?:\\.\\d+)?),\\s*((?:\\-?|\\+?)?\\d+(?:\\.\\d+)?)$/;/**\n * GOOGLE MAPS\n *\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function GoogleMaps({coordinates,zoom,style,...props}){const borderRadius=useRadius(props);return /*#__PURE__*/_jsx(motion.div,{style:{...style,...containerStyles,overflow:\"hidden\",borderRadius},...props,children:/*#__PURE__*/_jsx(\"iframe\",{style:{height:\"100%\",width:\"100%\",border:0},src:`https://maps.google.com/maps?q=${encodeURIComponent(coordinates)}&z=${zoom}&output=embed`})});}addPropertyControls(GoogleMaps,{coordinates:{type:ControlType.String,title:\"Location\",placeholder:\"Framer B.V.\",defaultValue:\"Framer B.V.\",description:\"The name of the place or its GPS coordinates.\"},zoom:{type:ControlType.Number,step:1,min:0,max:25,title:\"Zoom\",defaultValue:15},...borderRadiusControl});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GoogleMaps\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"400\",\"framerIntrinsicWidth\":\"600\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GoogleMaps.map","// Generated by Framer (aabb2d2)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getLoadingLazyAtYPosition,Image,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Noise from\"https://framerusercontent.com/modules/bamMgJhjMszHbcnxCtZj/20nHFbpxFqdlchR1dDZF/Noise.js\";import GoogleMaps from\"https://framerusercontent.com/modules/Hbc0lxqGSRzFG6uMT9yO/jZfB18ggDrqER5ihmIsa/GoogleMaps.js\";const GoogleMapsFonts=getFonts(GoogleMaps);const NoiseFonts=getFonts(Noise);const cycleOrder=[\"C4YZj9jUA\",\"Rd6Ehd79a\",\"lgHijRBYg\",\"kUK2IIksw\",\"mAFw2QvgP\",\"EuKK3SvD8\",\"jJJcmJG3M\",\"APhV_xzti\",\"PFvnbiI3j\"];const serializationHash=\"framer-JY1LS\";const variantClassNames={APhV_xzti:\"framer-v-1bor7ga\",C4YZj9jUA:\"framer-v-1ng6z98\",EuKK3SvD8:\"framer-v-1eugfmh\",jJJcmJG3M:\"framer-v-2nymko\",kUK2IIksw:\"framer-v-z0bai9\",lgHijRBYg:\"framer-v-1dly3us\",mAFw2QvgP:\"framer-v-1jurc9a\",PFvnbiI3j:\"framer-v-1je5dvn\",Rd6Ehd79a:\"framer-v-147r8ua\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const WcM0DIjaz=undefined;const CoxJtpdvx=undefined;const WAiRY7Omv=undefined;const radiusForCorner=(value,cornerIndex)=>{if(typeof value===\"number\"&&Number.isFinite(value))return Math.max(0,value)+\"px\";if(typeof value!==\"string\"||typeof cornerIndex!==\"number\")return undefined;const segments=value.split(\" \");return segments[cornerIndex]||segments[cornerIndex-2]||segments[0];};const transition1={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={\"Dark Mode\":\"C4YZj9jUA\",\"Dot Matrix\":\"APhV_xzti\",\"Night Mode\":\"lgHijRBYg\",\"The Sweetheart\":\"PFvnbiI3j\",Duplex:\"kUK2IIksw\",Gradient:\"EuKK3SvD8\",Grayscale:\"Rd6Ehd79a\",Inverted:\"jJJcmJG3M\",Monochrome:\"mAFw2QvgP\"};const getProps=({height,id,location,radius,width,zoom,...props})=>{return{...props,CoxJtpdvx:location??props.CoxJtpdvx??\"40.682732,-73.975876\",variant:humanReadableVariantMap[props.variant]??props.variant??\"C4YZj9jUA\",WAiRY7Omv:zoom??props.WAiRY7Omv??13,WcM0DIjaz:radius??props.WcM0DIjaz??\"10px\"};};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,CoxJtpdvx,WAiRY7Omv,WcM0DIjaz,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"C4YZj9jUA\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"lgHijRBYg\",\"mAFw2QvgP\",\"EuKK3SvD8\",\"APhV_xzti\",\"PFvnbiI3j\"].includes(baseVariant))return true;return false;};const isDisplayed1=()=>{if([\"mAFw2QvgP\",\"EuKK3SvD8\",\"APhV_xzti\",\"PFvnbiI3j\"].includes(baseVariant))return false;return true;};const isDisplayed2=()=>{if([\"EuKK3SvD8\",\"APhV_xzti\"].includes(baseVariant))return true;return false;};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-1ng6z98\",className,classNames),\"data-framer-name\":\"Dark Mode\",layoutDependency:layoutDependency,layoutId:\"C4YZj9jUA\",ref:refBinding,style:{borderBottomLeftRadius:radiusForCorner(WcM0DIjaz,3),borderBottomRightRadius:radiusForCorner(WcM0DIjaz,2),borderTopLeftRadius:radiusForCorner(WcM0DIjaz,0),borderTopRightRadius:radiusForCorner(WcM0DIjaz,1),...style},...addPropertyOverrides({APhV_xzti:{\"data-framer-name\":\"Dot Matrix\"},EuKK3SvD8:{\"data-framer-name\":\"Gradient\"},jJJcmJG3M:{\"data-framer-name\":\"Inverted\"},kUK2IIksw:{\"data-framer-name\":\"Duplex\"},lgHijRBYg:{\"data-framer-name\":\"Night Mode\"},mAFw2QvgP:{\"data-framer-name\":\"Monochrome\"},PFvnbiI3j:{\"data-framer-name\":\"The Sweetheart\"},Rd6Ehd79a:{\"data-framer-name\":\"Grayscale\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-jw1l9t-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"hXukXV9GO-container\",nodeId:\"hXukXV9GO\",rendersWithMotion:true,scopeId:\"JqWswRxm4\",style:{filter:\"grayscale(1) invert(1)\",WebkitFilter:\"grayscale(1) invert(1)\"},variants:{APhV_xzti:{filter:\"grayscale(1)\",WebkitFilter:\"grayscale(1)\"},EuKK3SvD8:{filter:\"grayscale(1)\",WebkitFilter:\"grayscale(1)\"},jJJcmJG3M:{filter:\"invert(1)\",WebkitFilter:\"invert(1)\"},kUK2IIksw:{filter:\"grayscale(1) invert(1) sepia(1)\",WebkitFilter:\"grayscale(1) invert(1) sepia(1)\"},mAFw2QvgP:{filter:\"grayscale(1)\",WebkitFilter:\"grayscale(1)\"},PFvnbiI3j:{filter:\"grayscale(1)\",WebkitFilter:\"grayscale(1)\"},Rd6Ehd79a:{filter:\"grayscale(1)\",WebkitFilter:\"grayscale(1)\"}},children:/*#__PURE__*/_jsx(GoogleMaps,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,coordinates:CoxJtpdvx,height:\"100%\",id:\"hXukXV9GO\",isMixedBorderRadius:false,layoutId:\"hXukXV9GO\",style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,width:\"100%\",zoom:WAiRY7Omv})})}),isDisplayed()&&/*#__PURE__*/_jsx(Image,{className:\"framer-1rqn11j\",\"data-framer-name\":\"Overlay\",layoutDependency:layoutDependency,layoutId:\"WQQu1fClm\",style:{backgroundColor:\"rgb(49, 255, 0)\",opacity:1},variants:{APhV_xzti:{backgroundColor:\"rgba(0, 0, 0, 0)\",opacity:.2},EuKK3SvD8:{backgroundColor:\"rgb(202, 242, 242)\"},mAFw2QvgP:{backgroundColor:\"var(--token-3e16737c-ae3a-4389-864d-604e60c90c7a, rgb(8, 0, 255))\"},PFvnbiI3j:{backgroundColor:\"rgb(255, 0, 226)\",opacity:.8}},...addPropertyOverrides({APhV_xzti:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0),pixelHeight:615,pixelWidth:923,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/CM0EL65l2PxyzxrL6Gzx0dhQg.png?width=923&height=615\",srcSet:\"https://framerusercontent.com/images/CM0EL65l2PxyzxrL6Gzx0dhQg.png?scale-down-to=512&width=923&height=615 512w,https://framerusercontent.com/images/CM0EL65l2PxyzxrL6Gzx0dhQg.png?width=923&height=615 923w\"}}},baseVariant,gestureVariant),children:isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-127asrl-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"pZjFOtIFN-container\",nodeId:\"pZjFOtIFN\",rendersWithMotion:true,scopeId:\"JqWswRxm4\",children:/*#__PURE__*/_jsx(Noise,{backgroundSize:64,borderRadius:0,height:\"100%\",id:\"pZjFOtIFN\",layoutId:\"pZjFOtIFN\",opacity:.5,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})}),isDisplayed2()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-3hblkp\",\"data-framer-name\":\"Overlay\",layoutDependency:layoutDependency,layoutId:\"hrCswrJjg\",style:{background:\"radial-gradient(50% 50% at 50% 50%, rgb(202, 242, 242) 0%, rgb(202, 242, 242) 50%, rgb(202, 242, 242) 100%)\",backgroundColor:\"rgb(202, 242, 242)\",opacity:1},variants:{APhV_xzti:{background:\"radial-gradient(50% 50% at 50% 50%, rgb(226, 255, 0) 0%, rgb(226, 255, 0) 50%, rgb(226, 255, 0) 100%)\",backgroundColor:\"rgb(226, 255, 0)\",opacity:1},EuKK3SvD8:{background:\"radial-gradient(32.2% 50% at 50% 50%, rgb(255, 0, 0) 0%, rgb(194, 101, 61) 67.5040702413672%, rgba(89, 217, 95, 0) 100%)\",backgroundColor:\"rgba(0, 0, 0, 0)\",opacity:.8}}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-JY1LS.framer-il2ai5, .framer-JY1LS .framer-il2ai5 { display: block; }\",\".framer-JY1LS.framer-1ng6z98 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 560px; will-change: var(--framer-will-change-override, transform); }\",\".framer-JY1LS .framer-jw1l9t-container { aspect-ratio: 1.5555555555555556 / 1; flex: 1 0 0px; height: var(--framer-aspect-ratio-supported, 360px); min-height: 100%; position: relative; width: 1px; }\",\".framer-JY1LS .framer-1rqn11j { flex: none; height: 100%; left: 0px; mix-blend-mode: overlay; overflow: hidden; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 1; }\",\".framer-JY1LS .framer-127asrl-container { flex: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }\",\".framer-JY1LS .framer-3hblkp { flex: none; height: 100%; left: 0px; mix-blend-mode: difference; overflow: visible; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 2; }\",\".framer-JY1LS.framer-v-1eugfmh .framer-jw1l9t-container { order: 0; }\",\".framer-JY1LS.framer-v-1eugfmh .framer-1rqn11j { mix-blend-mode: difference; order: 1; }\",\".framer-JY1LS.framer-v-1eugfmh .framer-3hblkp { mix-blend-mode: overlay; order: 2; }\",\".framer-JY1LS.framer-v-1bor7ga .framer-1rqn11j { mix-blend-mode: multiply; will-change: var(--framer-will-change-filter-override, filter); }\",\".framer-JY1LS.framer-v-1bor7ga .framer-3hblkp { mix-blend-mode: multiply; }\",\".framer-JY1LS.framer-v-1je5dvn .framer-1rqn11j { mix-blend-mode: lighten; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 360\n * @framerIntrinsicWidth 560\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Rd6Ehd79a\":{\"layout\":[\"fixed\",\"auto\"]},\"lgHijRBYg\":{\"layout\":[\"fixed\",\"auto\"]},\"kUK2IIksw\":{\"layout\":[\"fixed\",\"auto\"]},\"mAFw2QvgP\":{\"layout\":[\"fixed\",\"auto\"]},\"EuKK3SvD8\":{\"layout\":[\"fixed\",\"auto\"]},\"jJJcmJG3M\":{\"layout\":[\"fixed\",\"auto\"]},\"APhV_xzti\":{\"layout\":[\"fixed\",\"auto\"]},\"PFvnbiI3j\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"CoxJtpdvx\":\"location\",\"WAiRY7Omv\":\"zoom\",\"WcM0DIjaz\":\"radius\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerJqWswRxm4=withCSS(Component,css,\"framer-JY1LS\");export default FramerJqWswRxm4;FramerJqWswRxm4.displayName=\"FF Map\";FramerJqWswRxm4.defaultProps={height:360,width:560};addPropertyControls(FramerJqWswRxm4,{variant:{options:[\"C4YZj9jUA\",\"Rd6Ehd79a\",\"lgHijRBYg\",\"kUK2IIksw\",\"mAFw2QvgP\",\"EuKK3SvD8\",\"jJJcmJG3M\",\"APhV_xzti\",\"PFvnbiI3j\"],optionTitles:[\"Dark Mode\",\"Grayscale\",\"Night Mode\",\"Duplex\",\"Monochrome\",\"Gradient\",\"Inverted\",\"Dot Matrix\",\"The Sweetheart\"],title:\"Variant\",type:ControlType.Enum},CoxJtpdvx:{defaultValue:\"40.682732,-73.975876\",placeholder:\"\",title:\"Location\",type:ControlType.String},WAiRY7Omv:{defaultValue:13,max:25,min:0,step:1,title:\"Zoom\",type:ControlType.Number},WcM0DIjaz:{defaultValue:\"10px\",description:\"\",title:\"Radius\",type:ControlType.BorderRadius}});addFonts(FramerJqWswRxm4,[{explicitInter:true,fonts:[]},...GoogleMapsFonts,...NoiseFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerJqWswRxm4\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"CoxJtpdvx\\\":\\\"location\\\",\\\"WAiRY7Omv\\\":\\\"zoom\\\",\\\"WcM0DIjaz\\\":\\\"radius\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Rd6Ehd79a\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"lgHijRBYg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"kUK2IIksw\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"mAFw2QvgP\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"EuKK3SvD8\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jJJcmJG3M\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"APhV_xzti\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PFvnbiI3j\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"360\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"560\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./JqWswRxm4.map","// Generated by Framer (4944996)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image as Image1,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/2COjnbDjGXqAUqkd9qU7/BtRu0w3QTS2IKf9EEIBc/ktZZATr5_.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/pP77X8ny4Ii9Lkul7Boh/6dKdyoLykfYd1T4leDrd/wzrrsruDF.js\";const MotionDivWithFX=withFX(motion.div);const serializationHash=\"framer-yV30V\";const variantClassNames={LzDCaDjdC:\"framer-v-12qkzav\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const DJiUTXDsa=undefined;const ZMF5EQeEq=undefined;const cbYfw5BQl=undefined;const transition1={delay:.1,duration:.4,ease:[.44,0,.56,1],type:\"tween\"};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:10};const transition2={bounce:.2,delay:0,duration:.8,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:10};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 getProps=({height,id,teamMemberImage,teamMemberName,teamMemberPosition,width,...props})=>{return{...props,cbYfw5BQl:teamMemberImage??props.cbYfw5BQl??{pixelHeight:1101,pixelWidth:735,src:\"https://framerusercontent.com/images/hjxvWMsUzGViPuNalgt6f6vdm4.jpg?width=735&height=1101\",srcSet:\"https://framerusercontent.com/images/hjxvWMsUzGViPuNalgt6f6vdm4.jpg?scale-down-to=1024&width=735&height=1101 683w,https://framerusercontent.com/images/hjxvWMsUzGViPuNalgt6f6vdm4.jpg?width=735&height=1101 735w\"},DJiUTXDsa:teamMemberName??props.DJiUTXDsa??\"Robert Park\",ZMF5EQeEq:teamMemberPosition??props.ZMF5EQeEq??\"Founder of Cafe\"};};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,cbYfw5BQl,DJiUTXDsa,ZMF5EQeEq,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"LzDCaDjdC\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.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-12qkzav\",className,classNames),\"data-framer-name\":\"Variant Primary\",layoutDependency:layoutDependency,layoutId:\"LzDCaDjdC\",ref:refBinding,style:{borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20,...style},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1yehz5r\",\"data-framer-name\":\"Info\",layoutDependency:layoutDependency,layoutId:\"IfQV9tUkG\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1t9u3e3\",\"data-framer-name\":\"Text Wrapper\",layoutDependency:layoutDependency,layoutId:\"C39Xb6Bs0\",transformTemplate:transformTemplate1,children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-10kw1si\",\"data-styles-preset\":\"ktZZATr5_\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-fce0b82a-6b10-4256-8f21-1b580954c753, rgb(254, 250, 231)))\"},children:\"Robert Park\"})}),className:\"framer-34d4sx\",\"data-framer-name\":\"Team Member Name\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"WuWW_ptlw\",style:{\"--extracted-r6o4lv\":\"var(--token-fce0b82a-6b10-4256-8f21-1b580954c753, rgb(254, 250, 231))\",\"--framer-paragraph-spacing\":\"0px\"},text:DJiUTXDsa,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-12u1gv8\",\"data-styles-preset\":\"wzrrsruDF\",dir:\"auto\",children:\"Founder of Cafe\"})}),className:\"framer-x7v6co\",\"data-framer-name\":\"Team Member Position\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"oilPizbTF\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:ZMF5EQeEq,verticalAlignment:\"top\",withExternalLayout:true})]})}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:.5,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-8jixjk\",\"data-framer-name\":\"Image Holder\",layoutDependency:layoutDependency,layoutId:\"B7QJtltKv\",style:{backgroundColor:\"var(--token-6c370109-bfec-4b69-9f9d-c55115fbfa09, rgb(229, 229, 229))\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:/*#__PURE__*/_jsx(Image1,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1500,intrinsicWidth:1200,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+60+0+0+(Math.max(0,((componentViewport?.height||489)-120-0)/1)*1-0-((Math.max(0,((componentViewport?.height||489)-120-0)/1)*1-0)*1+0)+0+0)),pixelHeight:1101,pixelWidth:735,sizes:`calc(${componentViewport?.width||\"100vw\"} - 120px)`,...toResponsiveImage(cbYfw5BQl)},className:\"framer-m00120\",\"data-framer-name\":\"Team Member Image\",layoutDependency:layoutDependency,layoutId:\"a0eNj1Ki9\"})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-yV30V.framer-1k9ns71, .framer-yV30V .framer-1k9ns71 { display: block; }\",\".framer-yV30V.framer-12qkzav { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 7px; height: 489px; justify-content: flex-start; overflow: hidden; padding: 60px; position: relative; width: 400px; will-change: var(--framer-will-change-override, transform); }\",\".framer-yV30V .framer-1yehz5r { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 7px; height: min-content; justify-content: center; left: 21px; min-height: 134px; overflow: visible; padding: 24px; position: absolute; right: 0px; top: 371px; z-index: 2; }\",\".framer-yV30V .framer-1t9u3e3 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 6px; height: min-content; justify-content: flex-start; left: 50%; overflow: visible; padding: 0px; position: absolute; top: -30px; width: 100%; z-index: 3; }\",\".framer-yV30V .framer-34d4sx { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-yV30V .framer-x7v6co { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-yV30V .framer-8jixjk { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 7px; height: 1px; justify-content: flex-end; overflow: hidden; padding: 0px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-yV30V .framer-m00120 { flex: none; height: 100%; position: relative; width: 100%; z-index: 1; }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 489\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"cbYfw5BQl\":\"teamMemberImage\",\"DJiUTXDsa\":\"teamMemberName\",\"ZMF5EQeEq\":\"teamMemberPosition\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramercfCLfkRfF=withCSS(Component,css,\"framer-yV30V\");export default FramercfCLfkRfF;FramercfCLfkRfF.displayName=\"Team Card\";FramercfCLfkRfF.defaultProps={height:489,width:400};addPropertyControls(FramercfCLfkRfF,{cbYfw5BQl:{__defaultAssetReference:\"data:framer/asset-reference,hjxvWMsUzGViPuNalgt6f6vdm4.jpg?originalFilename=1a2b0c39c93af8a056e8387b8a2e1ca4.jpg&width=735&height=1101\",title:\"Team Member Image\",type:ControlType.ResponsiveImage},DJiUTXDsa:{defaultValue:\"Robert Park\",displayTextArea:false,title:\"Team Member Name\",type:ControlType.String},onDJiUTXDsaChange:{changes:\"DJiUTXDsa\",type:ControlType.ChangeHandler},ZMF5EQeEq:{defaultValue:\"Founder of Cafe\",displayTextArea:false,title:\"Team Member Position\",type:ControlType.String},onZMF5EQeEqChange:{changes:\"ZMF5EQeEq\",type:ControlType.ChangeHandler}});addFonts(FramercfCLfkRfF,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramercfCLfkRfF\",\"slots\":[],\"annotations\":{\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"489\",\"framerColorSyntax\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"cbYfw5BQl\\\":\\\"teamMemberImage\\\",\\\"DJiUTXDsa\\\":\\\"teamMemberName\\\",\\\"ZMF5EQeEq\\\":\\\"teamMemberPosition\\\"}\",\"framerIntrinsicWidth\":\"400\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (3f060d6)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"DWk0mCUtW\",\"PW8eHG5Cy\",\"UvAORnkP4\",\"ZnS7MOhZ_\",\"dCs9Jyla8\"];const serializationHash=\"framer-UwVzl\";const variantClassNames={dCs9Jyla8:\"framer-v-w1tuy0\",DWk0mCUtW:\"framer-v-16vsz1y\",PW8eHG5Cy:\"framer-v-xgp5g3\",UvAORnkP4:\"framer-v-nkavkj\",ZnS7MOhZ_:\"framer-v-1j0z0io\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const rqfDjHUKS=undefined;const transition1={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 humanReadableVariantMap={\"Footer BG Text Desktop\":\"UvAORnkP4\",\"Footer BG Text Mobile\":\"dCs9Jyla8\",\"Footer BG Text Tablet\":\"ZnS7MOhZ_\",Desktop:\"DWk0mCUtW\",Mobile:\"PW8eHG5Cy\"};const Variants=motion.create(React.Fragment);const getProps=({content,height,id,width,...props})=>{return{...props,rqfDjHUKS:content??props.rqfDjHUKS??\"ACAI ACAI\",variant:humanReadableVariantMap[props.variant]??props.variant??\"DWk0mCUtW\"};};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,rqfDjHUKS,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"DWk0mCUtW\",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__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-16vsz1y\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"DWk0mCUtW\",ref:refBinding,style:{...style},...addPropertyOverrides({dCs9Jyla8:{\"data-framer-name\":\"Footer BG Text Mobile\"},PW8eHG5Cy:{\"data-framer-name\":\"Mobile\"},UvAORnkP4:{\"data-framer-name\":\"Footer BG Text Desktop\"},ZnS7MOhZ_:{\"data-framer-name\":\"Footer BG Text Tablet\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"110px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})}),className:\"framer-1cr5yjb\",\"data-framer-name\":\"Name\",fonts:[\"FS;Sora-extrabold\"],layoutDependency:layoutDependency,layoutId:\"V0Faw36SN\",style:{\"--extracted-a0htzi\":\"rgba(255, 251, 245, 0.2)\"},text:rqfDjHUKS,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({dCs9Jyla8:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"100px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},PW8eHG5Cy:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"40px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},UvAORnkP4:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"250px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},ZnS7MOhZ_:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"200px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-UwVzl.framer-18zz6ww, .framer-UwVzl .framer-18zz6ww { display: block; }\",\".framer-UwVzl.framer-16vsz1y { 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: 630px; }\",\".framer-UwVzl .framer-1cr5yjb { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-UwVzl.framer-v-xgp5g3.framer-16vsz1y { width: 220px; }\",\".framer-UwVzl.framer-v-nkavkj.framer-16vsz1y, .framer-UwVzl.framer-v-1j0z0io.framer-16vsz1y, .framer-UwVzl.framer-v-w1tuy0.framer-16vsz1y { width: min-content; }\",\".framer-UwVzl.framer-v-nkavkj .framer-1cr5yjb, .framer-UwVzl.framer-v-1j0z0io .framer-1cr5yjb, .framer-UwVzl.framer-v-w1tuy0 .framer-1cr5yjb { white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 110\n * @framerIntrinsicWidth 630\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"PW8eHG5Cy\":{\"layout\":[\"fixed\",\"auto\"]},\"UvAORnkP4\":{\"layout\":[\"auto\",\"auto\"]},\"ZnS7MOhZ_\":{\"layout\":[\"auto\",\"auto\"]},\"dCs9Jyla8\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"rqfDjHUKS\":\"content\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerxeWCwbV8X=withCSS(Component,css,\"framer-UwVzl\");export default FramerxeWCwbV8X;FramerxeWCwbV8X.displayName=\"Background text content 3\";FramerxeWCwbV8X.defaultProps={height:110,width:630};addPropertyControls(FramerxeWCwbV8X,{variant:{options:[\"DWk0mCUtW\",\"PW8eHG5Cy\",\"UvAORnkP4\",\"ZnS7MOhZ_\",\"dCs9Jyla8\"],optionTitles:[\"Desktop\",\"Mobile\",\"Footer BG Text Desktop\",\"Footer BG Text Tablet\",\"Footer BG Text Mobile\"],title:\"Variant\",type:ControlType.Enum},rqfDjHUKS:{defaultValue:\"ACAI ACAI\",displayTextArea:false,title:\"Content\",type:ControlType.String},onrqfDjHUKSChange:{changes:\"rqfDjHUKS\",type:ControlType.ChangeHandler}});addFonts(FramerxeWCwbV8X,[{explicitInter:true,fonts:[{cssFamilyName:\"Sora\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Sora\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/IROOBKNKIIOJFIZNAKLMNWBMPTDRIFCT/WGIWF72OEHPTAWLXWCHXW5RU2OUPSEZF/GIKLZNBPSV72D7MCPBP7XCDQQSW2G57C.woff2\",weight:\"800\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerxeWCwbV8X\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"rqfDjHUKS\\\":\\\"content\\\"}\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PW8eHG5Cy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"UvAORnkP4\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"ZnS7MOhZ_\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"dCs9Jyla8\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"630\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"110\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./xeWCwbV8X.map","// Generated by Framer (3f060d6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,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 BackgroundTextContent3 from\"https://framerusercontent.com/modules/uGjkxDpig4B7TwRClbHP/H7OEq2RCVbnjhDEPFH8q/xeWCwbV8X.js\";const BackgroundTextContent3Fonts=getFonts(BackgroundTextContent3);const cycleOrder=[\"G_79yX4df\",\"rjo2_9RW5\",\"p4HkXycmR\",\"kylAMhlFj\",\"YOPDG2wCw\",\"iaZvRHrqV\",\"cKVXuwW4T\",\"yVvseNILQ\",\"Q0o3CLkZW\",\"Fg2H_g2B9\",\"zLGTYBL1C\"];const serializationHash=\"framer-HyWsF\";const variantClassNames={cKVXuwW4T:\"framer-v-yw7vd4\",Fg2H_g2B9:\"framer-v-15yyjv\",G_79yX4df:\"framer-v-sh7t5f\",iaZvRHrqV:\"framer-v-mhj4i\",kylAMhlFj:\"framer-v-1trj4fo\",p4HkXycmR:\"framer-v-l991o9\",Q0o3CLkZW:\"framer-v-fe6t7v\",rjo2_9RW5:\"framer-v-raee1g\",YOPDG2wCw:\"framer-v-15dgyc\",yVvseNILQ:\"framer-v-1egu6rc\",zLGTYBL1C:\"framer-v-o7wcwz\"};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 matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return 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 humanReadableVariantMap={\"Coffee footer Desktop\":\"Q0o3CLkZW\",\"Coffee footer Mobile\":\"zLGTYBL1C\",\"Coffee footer Tablet\":\"Fg2H_g2B9\",\"Coffee mobile\":\"YOPDG2wCw\",\"Desserts mobile\":\"yVvseNILQ\",\"Matcha mobile\":\"iaZvRHrqV\",\"Tea mobile\":\"cKVXuwW4T\",Coffee:\"G_79yX4df\",Desserts:\"kylAMhlFj\",Matcha:\"rjo2_9RW5\",Tea:\"p4HkXycmR\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"G_79yX4df\"};};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:\"G_79yX4df\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"yVvseNILQ\")return true;return false;};const isDisplayed1=()=>{if(baseVariant===\"cKVXuwW4T\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"iaZvRHrqV\")return true;return false;};const isDisplayed3=()=>{if(baseVariant===\"YOPDG2wCw\")return true;return false;};const isDisplayed4=()=>{if(baseVariant===\"YOPDG2wCw\")return false;return true;};const isDisplayed5=()=>{if([\"Q0o3CLkZW\",\"Fg2H_g2B9\",\"zLGTYBL1C\"].includes(baseVariant))return true;return false;};const isDisplayed6=()=>{if(baseVariant===\"zLGTYBL1C\")return true;return false;};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-sh7t5f\",className,classNames),\"data-framer-name\":\"Coffee\",layoutDependency:layoutDependency,layoutId:\"G_79yX4df\",ref:refBinding,style:{...style},...addPropertyOverrides({cKVXuwW4T:{\"data-framer-name\":\"Tea mobile\"},Fg2H_g2B9:{\"data-framer-name\":\"Coffee footer Tablet\"},iaZvRHrqV:{\"data-framer-name\":\"Matcha mobile\"},kylAMhlFj:{\"data-framer-name\":\"Desserts\"},p4HkXycmR:{\"data-framer-name\":\"Tea\"},Q0o3CLkZW:{\"data-framer-name\":\"Coffee footer Desktop\"},rjo2_9RW5:{\"data-framer-name\":\"Matcha\"},YOPDG2wCw:{\"data-framer-name\":\"Coffee mobile\"},yVvseNILQ:{\"data-framer-name\":\"Desserts mobile\"},zLGTYBL1C:{\"data-framer-name\":\"Coffee footer Mobile\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+0+0),...addPropertyOverrides({cKVXuwW4T:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+0+0)},Fg2H_g2B9:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+0+0)},iaZvRHrqV:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+0+0)},Q0o3CLkZW:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+0+0)},YOPDG2wCw:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+0+0)},yVvseNILQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+0+0)},zLGTYBL1C:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-u1wy97-container\",layoutDependency:layoutDependency,layoutId:\"XA7VH7igC-container\",nodeId:\"XA7VH7igC\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"XA7VH7igC\",layoutId:\"XA7VH7igC\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"DWk0mCUtW\"),width:\"100%\",...addPropertyOverrides({cKVXuwW4T:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},Fg2H_g2B9:{style:{width:\"100%\"},variant:matchVariant(\"ZnS7MOhZ_\")},iaZvRHrqV:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},kylAMhlFj:{rqfDjHUKS:\"DESSERTS\"},p4HkXycmR:{rqfDjHUKS:\"TEA\"},Q0o3CLkZW:{style:{width:\"100%\"},variant:matchVariant(\"UvAORnkP4\")},YOPDG2wCw:{style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},yVvseNILQ:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},zLGTYBL1C:{style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\")}},baseVariant,gestureVariant)})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-nnexhs-container\",layoutDependency:layoutDependency,layoutId:\"ywCFxofio-container\",nodeId:\"ywCFxofio\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"ywCFxofio\",layoutId:\"ywCFxofio\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-pqqkud-container\",layoutDependency:layoutDependency,layoutId:\"Xt_AnJRy8-container\",nodeId:\"Xt_AnJRy8\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"Xt_AnJRy8\",layoutId:\"Xt_AnJRy8\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1v6ry80-container\",layoutDependency:layoutDependency,layoutId:\"wEePddKUb-container\",nodeId:\"wEePddKUb\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"wEePddKUb\",layoutId:\"wEePddKUb\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-o1xp87-container\",layoutDependency:layoutDependency,layoutId:\"ZrodGyXM7-container\",nodeId:\"ZrodGyXM7\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"ZrodGyXM7\",layoutId:\"ZrodGyXM7\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-4gfjsa-container\",layoutDependency:layoutDependency,layoutId:\"zUqPHdyrT-container\",nodeId:\"zUqPHdyrT\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"zUqPHdyrT\",layoutId:\"zUqPHdyrT\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-kmpfic-container\",layoutDependency:layoutDependency,layoutId:\"yjPDtZZvB-container\",nodeId:\"yjPDtZZvB\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"yjPDtZZvB\",layoutId:\"yjPDtZZvB\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-mac964-container\",layoutDependency:layoutDependency,layoutId:\"FvnJH2fEC-container\",nodeId:\"FvnJH2fEC\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"FvnJH2fEC\",layoutId:\"FvnJH2fEC\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-19ssfr4-container\",layoutDependency:layoutDependency,layoutId:\"nl8Fqb923-container\",nodeId:\"nl8Fqb923\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"nl8Fqb923\",layoutId:\"nl8Fqb923\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-xow8x1-container\",layoutDependency:layoutDependency,layoutId:\"H99H741s6-container\",nodeId:\"H99H741s6\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"H99H741s6\",layoutId:\"H99H741s6\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-126df1n-container\",layoutDependency:layoutDependency,layoutId:\"kutKUjiMM-container\",nodeId:\"kutKUjiMM\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"kutKUjiMM\",layoutId:\"kutKUjiMM\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-baws9a-container\",layoutDependency:layoutDependency,layoutId:\"FIp2Bi0wo-container\",nodeId:\"FIp2Bi0wo\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"FIp2Bi0wo\",layoutId:\"FIp2Bi0wo\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ou6zvr-container\",layoutDependency:layoutDependency,layoutId:\"Ms8eVA8wo-container\",nodeId:\"Ms8eVA8wo\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"Ms8eVA8wo\",layoutId:\"Ms8eVA8wo\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1eaxy5z-container\",layoutDependency:layoutDependency,layoutId:\"jOowfr8iE-container\",nodeId:\"jOowfr8iE\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"jOowfr8iE\",layoutId:\"jOowfr8iE\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-155gojd-container\",layoutDependency:layoutDependency,layoutId:\"t99GAtxjC-container\",nodeId:\"t99GAtxjC\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"t99GAtxjC\",layoutId:\"t99GAtxjC\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8ob5rc-container\",layoutDependency:layoutDependency,layoutId:\"IWrH9j5Rn-container\",nodeId:\"IWrH9j5Rn\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"IWrH9j5Rn\",layoutId:\"IWrH9j5Rn\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-k5etv4-container\",layoutDependency:layoutDependency,layoutId:\"HcIuPRvCl-container\",nodeId:\"HcIuPRvCl\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"HcIuPRvCl\",layoutId:\"HcIuPRvCl\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-dexgc5-container\",layoutDependency:layoutDependency,layoutId:\"N8do3XOAa-container\",nodeId:\"N8do3XOAa\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"N8do3XOAa\",layoutId:\"N8do3XOAa\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-alxdzq-container\",layoutDependency:layoutDependency,layoutId:\"tqvdVTuEy-container\",nodeId:\"tqvdVTuEy\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"tqvdVTuEy\",layoutId:\"tqvdVTuEy\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1210+110)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-uu2qd7-container\",layoutDependency:layoutDependency,layoutId:\"JiK7zGBJu-container\",nodeId:\"JiK7zGBJu\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"JiK7zGBJu\",layoutId:\"JiK7zGBJu\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({YOPDG2wCw:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1320+120)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-10j0fu5-container\",layoutDependency:layoutDependency,layoutId:\"t04WnSM4z-container\",nodeId:\"t04WnSM4z\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"t04WnSM4z\",layoutId:\"t04WnSM4z\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-htwy75-container\",layoutDependency:layoutDependency,layoutId:\"UtWZYL_7q-container\",nodeId:\"UtWZYL_7q\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"UtWZYL_7q\",layoutId:\"UtWZYL_7q\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1mw7x5a-container\",layoutDependency:layoutDependency,layoutId:\"MKC_aTzMD-container\",nodeId:\"MKC_aTzMD\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"MKC_aTzMD\",layoutId:\"MKC_aTzMD\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1y4eemd-container\",layoutDependency:layoutDependency,layoutId:\"AHlfG0tRU-container\",nodeId:\"AHlfG0tRU\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"AHlfG0tRU\",layoutId:\"AHlfG0tRU\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-18g9j6x-container\",layoutDependency:layoutDependency,layoutId:\"Ble4chrKw-container\",nodeId:\"Ble4chrKw\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"Ble4chrKw\",layoutId:\"Ble4chrKw\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-nn8ogl-container\",layoutDependency:layoutDependency,layoutId:\"fsBGw92VV-container\",nodeId:\"fsBGw92VV\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"fsBGw92VV\",layoutId:\"fsBGw92VV\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-qvjvfu-container\",layoutDependency:layoutDependency,layoutId:\"z8W0kbDIu-container\",nodeId:\"z8W0kbDIu\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"z8W0kbDIu\",layoutId:\"z8W0kbDIu\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1ek844z-container\",layoutDependency:layoutDependency,layoutId:\"p9Fcoh462-container\",nodeId:\"p9Fcoh462\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"p9Fcoh462\",layoutId:\"p9Fcoh462\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1u94x6f-container\",layoutDependency:layoutDependency,layoutId:\"J36Jqh0ce-container\",nodeId:\"J36Jqh0ce\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"J36Jqh0ce\",layoutId:\"J36Jqh0ce\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cKVXuwW4T:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1j3750k-container\",layoutDependency:layoutDependency,layoutId:\"UJ9gPXAky-container\",nodeId:\"UJ9gPXAky\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"UJ9gPXAky\",layoutId:\"UJ9gPXAky\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+150+10),...addPropertyOverrides({cKVXuwW4T:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+990+90)},Fg2H_g2B9:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+110+10)},iaZvRHrqV:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+880+80)},Q0o3CLkZW:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+110+10)},YOPDG2wCw:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1430+130)},yVvseNILQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+330+30)},zLGTYBL1C:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1fd7yg5-container\",layoutDependency:layoutDependency,layoutId:\"FlBAvivj8-container\",nodeId:\"FlBAvivj8\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"FlBAvivj8\",layoutId:\"FlBAvivj8\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"DWk0mCUtW\"),width:\"100%\",...addPropertyOverrides({cKVXuwW4T:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},Fg2H_g2B9:{style:{width:\"100%\"},variant:matchVariant(\"ZnS7MOhZ_\")},iaZvRHrqV:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},kylAMhlFj:{rqfDjHUKS:\"DESSERTS\"},p4HkXycmR:{rqfDjHUKS:\"TEA\"},Q0o3CLkZW:{style:{width:\"100%\"},variant:matchVariant(\"UvAORnkP4\")},rjo2_9RW5:{rqfDjHUKS:\"MATCHA\"},YOPDG2wCw:{style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},yVvseNILQ:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},zLGTYBL1C:{style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\")}},baseVariant,gestureVariant)})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-f3w5d2-container\",layoutDependency:layoutDependency,layoutId:\"vGLCSUp_q-container\",nodeId:\"vGLCSUp_q\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"vGLCSUp_q\",layoutId:\"vGLCSUp_q\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1r6dusf-container\",layoutDependency:layoutDependency,layoutId:\"pfI9Ahs36-container\",nodeId:\"pfI9Ahs36\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"pfI9Ahs36\",layoutId:\"pfI9Ahs36\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8nhywp-container\",layoutDependency:layoutDependency,layoutId:\"pEjcS65OR-container\",nodeId:\"pEjcS65OR\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"pEjcS65OR\",layoutId:\"pEjcS65OR\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-15kjdgh-container\",layoutDependency:layoutDependency,layoutId:\"WCaf2ebTz-container\",nodeId:\"WCaf2ebTz\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"WCaf2ebTz\",layoutId:\"WCaf2ebTz\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-19nfsa4-container\",layoutDependency:layoutDependency,layoutId:\"O8RT5YlRO-container\",nodeId:\"O8RT5YlRO\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"O8RT5YlRO\",layoutId:\"O8RT5YlRO\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yVvseNILQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-15s8l37-container\",layoutDependency:layoutDependency,layoutId:\"ELjQGKpUJ-container\",nodeId:\"ELjQGKpUJ\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"ELjQGKpUJ\",layoutId:\"ELjQGKpUJ\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed4()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+300+20),...addPropertyOverrides({cKVXuwW4T:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1100+100)},Fg2H_g2B9:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+220+20)},iaZvRHrqV:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+990+90)},Q0o3CLkZW:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+220+20)},yVvseNILQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1100+100)},zLGTYBL1C:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-904bq0-container\",layoutDependency:layoutDependency,layoutId:\"bDhI7BMdN-container\",nodeId:\"bDhI7BMdN\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"bDhI7BMdN\",layoutId:\"bDhI7BMdN\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"DWk0mCUtW\"),width:\"100%\",...addPropertyOverrides({cKVXuwW4T:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},Fg2H_g2B9:{style:{width:\"100%\"},variant:matchVariant(\"ZnS7MOhZ_\")},iaZvRHrqV:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},kylAMhlFj:{rqfDjHUKS:\"DESSERTS\"},p4HkXycmR:{rqfDjHUKS:\"TEA\"},Q0o3CLkZW:{style:{width:\"100%\"},variant:matchVariant(\"UvAORnkP4\")},rjo2_9RW5:{rqfDjHUKS:\"MATCHA\"},yVvseNILQ:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},zLGTYBL1C:{style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\")}},baseVariant,gestureVariant)})})}),isDisplayed4()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+450+30),...addPropertyOverrides({cKVXuwW4T:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1210+110)},Fg2H_g2B9:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+330+30)},iaZvRHrqV:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+1100+100)},Q0o3CLkZW:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+330+30)},yVvseNILQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1210+110)},zLGTYBL1C:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8ymysy-container\",layoutDependency:layoutDependency,layoutId:\"k9e4FMEFk-container\",nodeId:\"k9e4FMEFk\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"k9e4FMEFk\",layoutId:\"k9e4FMEFk\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"DWk0mCUtW\"),width:\"100%\",...addPropertyOverrides({cKVXuwW4T:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},Fg2H_g2B9:{style:{width:\"100%\"},variant:matchVariant(\"ZnS7MOhZ_\")},iaZvRHrqV:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},kylAMhlFj:{rqfDjHUKS:\"DESSERTS\"},p4HkXycmR:{rqfDjHUKS:\"TEA\"},Q0o3CLkZW:{style:{width:\"100%\"},variant:matchVariant(\"UvAORnkP4\")},rjo2_9RW5:{rqfDjHUKS:\"MATCHA\"},yVvseNILQ:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\")},zLGTYBL1C:{style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\")}},baseVariant,gestureVariant)})})}),isDisplayed5()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Fg2H_g2B9:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+440+40)},Q0o3CLkZW:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+440+40)},zLGTYBL1C:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-9ha4nc-container\",layoutDependency:layoutDependency,layoutId:\"UEVJ92Z9_-container\",nodeId:\"UEVJ92Z9_\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"UEVJ92Z9_\",layoutId:\"UEVJ92Z9_\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"UvAORnkP4\"),width:\"100%\",...addPropertyOverrides({Fg2H_g2B9:{variant:matchVariant(\"ZnS7MOhZ_\")},zLGTYBL1C:{variant:matchVariant(\"dCs9Jyla8\")}},baseVariant,gestureVariant)})})}),isDisplayed5()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Fg2H_g2B9:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+550+50)},Q0o3CLkZW:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+550+50)},zLGTYBL1C:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1wb2uut-container\",layoutDependency:layoutDependency,layoutId:\"un5qn1AcV-container\",nodeId:\"un5qn1AcV\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"un5qn1AcV\",layoutId:\"un5qn1AcV\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"UvAORnkP4\"),width:\"100%\",...addPropertyOverrides({Fg2H_g2B9:{variant:matchVariant(\"ZnS7MOhZ_\")},zLGTYBL1C:{variant:matchVariant(\"dCs9Jyla8\")}},baseVariant,gestureVariant)})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({zLGTYBL1C:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-l58fkk-container\",layoutDependency:layoutDependency,layoutId:\"xZhsvEy_p-container\",nodeId:\"xZhsvEy_p\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"xZhsvEy_p\",layoutId:\"xZhsvEy_p\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({zLGTYBL1C:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1wcbh3k-container\",layoutDependency:layoutDependency,layoutId:\"EelIaSt73-container\",nodeId:\"EelIaSt73\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"EelIaSt73\",layoutId:\"EelIaSt73\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({zLGTYBL1C:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1jacqly-container\",layoutDependency:layoutDependency,layoutId:\"dLEuoSHRh-container\",nodeId:\"dLEuoSHRh\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"dLEuoSHRh\",layoutId:\"dLEuoSHRh\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({zLGTYBL1C:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1tpd3rw-container\",layoutDependency:layoutDependency,layoutId:\"wMRQwtCfI-container\",nodeId:\"wMRQwtCfI\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"wMRQwtCfI\",layoutId:\"wMRQwtCfI\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({zLGTYBL1C:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-3wwstf-container\",layoutDependency:layoutDependency,layoutId:\"QuUvefv36-container\",nodeId:\"QuUvefv36\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"QuUvefv36\",layoutId:\"QuUvefv36\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"dCs9Jyla8\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+1210+110)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1wd52fr-container\",layoutDependency:layoutDependency,layoutId:\"RUeYAdJxw-container\",nodeId:\"RUeYAdJxw\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"RUeYAdJxw\",layoutId:\"RUeYAdJxw\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({iaZvRHrqV:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+1320+120)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1cjkna7-container\",layoutDependency:layoutDependency,layoutId:\"n1gJUeoHg-container\",nodeId:\"n1gJUeoHg\",rendersWithMotion:true,scopeId:\"g_zX155WX\",children:/*#__PURE__*/_jsx(BackgroundTextContent3,{height:\"100%\",id:\"n1gJUeoHg\",layoutId:\"n1gJUeoHg\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"PW8eHG5Cy\"),width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-HyWsF.framer-1nt42u4, .framer-HyWsF .framer-1nt42u4 { display: block; }\",\".framer-HyWsF.framer-sh7t5f { 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: 630px; }\",\".framer-HyWsF .framer-u1wy97-container, .framer-HyWsF .framer-1fd7yg5-container, .framer-HyWsF .framer-904bq0-container, .framer-HyWsF .framer-8ymysy-container { flex: none; height: 150px; position: relative; width: 100%; }\",\".framer-HyWsF .framer-nnexhs-container, .framer-HyWsF .framer-pqqkud-container, .framer-HyWsF .framer-1v6ry80-container, .framer-HyWsF .framer-o1xp87-container, .framer-HyWsF .framer-4gfjsa-container, .framer-HyWsF .framer-kmpfic-container, .framer-HyWsF .framer-mac964-container, .framer-HyWsF .framer-19ssfr4-container, .framer-HyWsF .framer-xow8x1-container, .framer-HyWsF .framer-126df1n-container, .framer-HyWsF .framer-baws9a-container, .framer-HyWsF .framer-ou6zvr-container, .framer-HyWsF .framer-1eaxy5z-container, .framer-HyWsF .framer-155gojd-container, .framer-HyWsF .framer-8ob5rc-container, .framer-HyWsF .framer-k5etv4-container, .framer-HyWsF .framer-dexgc5-container, .framer-HyWsF .framer-alxdzq-container, .framer-HyWsF .framer-uu2qd7-container, .framer-HyWsF .framer-10j0fu5-container, .framer-HyWsF .framer-htwy75-container, .framer-HyWsF .framer-1mw7x5a-container, .framer-HyWsF .framer-1y4eemd-container, .framer-HyWsF .framer-18g9j6x-container, .framer-HyWsF .framer-nn8ogl-container, .framer-HyWsF .framer-qvjvfu-container, .framer-HyWsF .framer-1ek844z-container, .framer-HyWsF .framer-1u94x6f-container, .framer-HyWsF .framer-1j3750k-container, .framer-HyWsF .framer-f3w5d2-container, .framer-HyWsF .framer-1r6dusf-container, .framer-HyWsF .framer-8nhywp-container, .framer-HyWsF .framer-15kjdgh-container, .framer-HyWsF .framer-19nfsa4-container, .framer-HyWsF .framer-15s8l37-container, .framer-HyWsF .framer-1wb2uut-container, .framer-HyWsF .framer-l58fkk-container, .framer-HyWsF .framer-1tpd3rw-container, .framer-HyWsF .framer-3wwstf-container, .framer-HyWsF .framer-1wd52fr-container, .framer-HyWsF .framer-1cjkna7-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-HyWsF .framer-9ha4nc-container, .framer-HyWsF .framer-1wcbh3k-container, .framer-HyWsF .framer-1jacqly-container { flex: none; height: auto; position: relative; width: 100px; }\",\".framer-HyWsF.framer-v-15dgyc.framer-sh7t5f, .framer-HyWsF.framer-v-mhj4i.framer-sh7t5f, .framer-HyWsF.framer-v-yw7vd4.framer-sh7t5f, .framer-HyWsF.framer-v-1egu6rc.framer-sh7t5f { width: 220px; }\",\".framer-HyWsF.framer-v-15dgyc .framer-u1wy97-container, .framer-HyWsF.framer-v-15dgyc .framer-1fd7yg5-container, .framer-HyWsF.framer-v-mhj4i .framer-u1wy97-container, .framer-HyWsF.framer-v-mhj4i .framer-1fd7yg5-container, .framer-HyWsF.framer-v-mhj4i .framer-904bq0-container, .framer-HyWsF.framer-v-mhj4i .framer-8ymysy-container, .framer-HyWsF.framer-v-yw7vd4 .framer-u1wy97-container, .framer-HyWsF.framer-v-yw7vd4 .framer-1fd7yg5-container, .framer-HyWsF.framer-v-yw7vd4 .framer-904bq0-container, .framer-HyWsF.framer-v-yw7vd4 .framer-8ymysy-container, .framer-HyWsF.framer-v-1egu6rc .framer-u1wy97-container, .framer-HyWsF.framer-v-1egu6rc .framer-1fd7yg5-container, .framer-HyWsF.framer-v-1egu6rc .framer-904bq0-container, .framer-HyWsF.framer-v-1egu6rc .framer-8ymysy-container { height: auto; }\",\".framer-HyWsF.framer-v-fe6t7v.framer-sh7t5f, .framer-HyWsF.framer-v-15yyjv.framer-sh7t5f, .framer-HyWsF.framer-v-o7wcwz.framer-sh7t5f { width: min-content; }\",\".framer-HyWsF.framer-v-fe6t7v .framer-u1wy97-container, .framer-HyWsF.framer-v-fe6t7v .framer-1fd7yg5-container, .framer-HyWsF.framer-v-fe6t7v .framer-904bq0-container, .framer-HyWsF.framer-v-fe6t7v .framer-8ymysy-container, .framer-HyWsF.framer-v-15yyjv .framer-u1wy97-container, .framer-HyWsF.framer-v-15yyjv .framer-1fd7yg5-container, .framer-HyWsF.framer-v-15yyjv .framer-904bq0-container, .framer-HyWsF.framer-v-15yyjv .framer-8ymysy-container, .framer-HyWsF.framer-v-o7wcwz .framer-u1wy97-container, .framer-HyWsF.framer-v-o7wcwz .framer-1fd7yg5-container, .framer-HyWsF.framer-v-o7wcwz .framer-904bq0-container, .framer-HyWsF.framer-v-o7wcwz .framer-8ymysy-container { align-self: stretch; height: auto; width: auto; }\",\".framer-HyWsF.framer-v-fe6t7v .framer-1wb2uut-container, .framer-HyWsF.framer-v-15yyjv .framer-9ha4nc-container, .framer-HyWsF.framer-v-15yyjv .framer-1wb2uut-container, .framer-HyWsF.framer-v-o7wcwz .framer-9ha4nc-container, .framer-HyWsF.framer-v-o7wcwz .framer-1wb2uut-container, .framer-HyWsF.framer-v-o7wcwz .framer-l58fkk-container, .framer-HyWsF.framer-v-o7wcwz .framer-1tpd3rw-container, .framer-HyWsF.framer-v-o7wcwz .framer-3wwstf-container { align-self: stretch; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 630\n * @framerIntrinsicWidth 630\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"rjo2_9RW5\":{\"layout\":[\"fixed\",\"auto\"]},\"p4HkXycmR\":{\"layout\":[\"fixed\",\"auto\"]},\"kylAMhlFj\":{\"layout\":[\"fixed\",\"auto\"]},\"YOPDG2wCw\":{\"layout\":[\"fixed\",\"auto\"]},\"iaZvRHrqV\":{\"layout\":[\"fixed\",\"auto\"]},\"cKVXuwW4T\":{\"layout\":[\"fixed\",\"auto\"]},\"yVvseNILQ\":{\"layout\":[\"fixed\",\"auto\"]},\"Q0o3CLkZW\":{\"layout\":[\"auto\",\"auto\"]},\"Fg2H_g2B9\":{\"layout\":[\"auto\",\"auto\"]},\"zLGTYBL1C\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerg_zX155WX=withCSS(Component,css,\"framer-HyWsF\");export default Framerg_zX155WX;Framerg_zX155WX.displayName=\"Background text 3\";Framerg_zX155WX.defaultProps={height:630,width:630};addPropertyControls(Framerg_zX155WX,{variant:{options:[\"G_79yX4df\",\"rjo2_9RW5\",\"p4HkXycmR\",\"kylAMhlFj\",\"YOPDG2wCw\",\"iaZvRHrqV\",\"cKVXuwW4T\",\"yVvseNILQ\",\"Q0o3CLkZW\",\"Fg2H_g2B9\",\"zLGTYBL1C\"],optionTitles:[\"Coffee\",\"Matcha\",\"Tea\",\"Desserts\",\"Coffee mobile\",\"Matcha mobile\",\"Tea mobile\",\"Desserts mobile\",\"Coffee footer Desktop\",\"Coffee footer Tablet\",\"Coffee footer Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(Framerg_zX155WX,[{explicitInter:true,fonts:[]},...BackgroundTextContent3Fonts],{supportsExplicitInterCodegen:true});Framerg_zX155WX.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(BackgroundTextContent3,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerg_zX155WX\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"rjo2_9RW5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"p4HkXycmR\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"kylAMhlFj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"YOPDG2wCw\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"iaZvRHrqV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"cKVXuwW4T\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"yVvseNILQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Q0o3CLkZW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Fg2H_g2B9\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"zLGTYBL1C\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"630\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"630\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./g_zX155WX.map","// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"986463349\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-C6MlI\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-C6MlI { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Phone\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-C6MlI\");Icon.displayName=\"Phone\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"24\",\"framerDisableUnlink\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Phone\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (e0e363b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,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 Phone from\"https://framerusercontent.com/modules/JhjNU5admIi32bgBk7kN/piPqsNFW90HigDdjsxLZ/I13kdmfkC.js\";const PhoneFonts=getFonts(Phone);const cycleOrder=[\"r8lVHRuT5\",\"eHxjOtsKh\",\"nGTRPPgOS\"];const serializationHash=\"framer-SNEvo\";const variantClassNames={eHxjOtsKh:\"framer-v-3glr69\",nGTRPPgOS:\"framer-v-1i5oc3y\",r8lVHRuT5:\"framer-v-gwpyau\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const u4x4NHddS=undefined;const OufouwokB=undefined;const gyYYWYlGG=undefined;const transition1={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 humanReadableVariantMap={\"Contact Link Light\":\"eHxjOtsKh\",\"Contact link Mobile\":\"nGTRPPgOS\",\"Contact Link\":\"r8lVHRuT5\"};const Variants=motion.create(React.Fragment);const getProps=({contact,height,iconColor,id,link,width,...props})=>{return{...props,gyYYWYlGG:contact??props.gyYYWYlGG??\"+1 234 567 890\",OufouwokB:iconColor??props.OufouwokB??\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67))\",u4x4NHddS:link??props.u4x4NHddS,variant:humanReadableVariantMap[props.variant]??props.variant??\"r8lVHRuT5\"};};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,gyYYWYlGG,u4x4NHddS,OufouwokB,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"r8lVHRuT5\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"eHxjOtsKh\")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,children:/*#__PURE__*/_jsx(Link,{href:u4x4NHddS,motionChild:true,nodeId:\"r8lVHRuT5\",openInNewTab:true,scopeId:\"i8xroLB5_\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-gwpyau\",className,classNames)} framer-8k2b6n`,\"data-framer-name\":\"Contact Link\",layoutDependency:layoutDependency,layoutId:\"r8lVHRuT5\",ref:refBinding,style:{...style},...addPropertyOverrides({eHxjOtsKh:{\"data-framer-name\":\"Contact Link Light\"},nGTRPPgOS:{\"data-framer-name\":\"Contact link Mobile\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-zv9391\",\"data-framer-name\":\"Icon wrapper\",layoutDependency:layoutDependency,layoutId:\"Lyc_FKGAH\",style:{backgroundColor:\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67))\",borderBottomLeftRadius:999,borderBottomRightRadius:999,borderTopLeftRadius:999,borderTopRightRadius:999},variants:{nGTRPPgOS:{backgroundColor:OufouwokB}},children:/*#__PURE__*/_jsx(Phone,{animated:true,className:\"framer-komazn\",layoutDependency:layoutDependency,layoutId:\"GPprfYwSN\",style:{\"--1m6trwb\":0,\"--21h8s6\":\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(249, 190, 219))\",\"--pgex8v\":1.5}})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21)))\"},children:\"+1 234 567 890\"})}),className:\"framer-1oi29wj\",fonts:[\"FS;Switzer-regular\"],layoutDependency:layoutDependency,layoutId:\"poVq0gzaB\",style:{\"--extracted-r6o4lv\":\"var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21))\"},text:gyYYWYlGG,variants:{eHxjOtsKh:{\"--extracted-r6o4lv\":\"var(--token-e6e93477-6a04-4ab1-ae7e-8337f63255f4, rgb(255, 251, 245))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({eHxjOtsKh:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e6e93477-6a04-4ab1-ae7e-8337f63255f4, rgb(255, 251, 245)))\"},children:\"+1 234 567 890\"})})},nGTRPPgOS:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"12px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21)))\"},children:\"+1 234 567 890\"})})}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-SNEvo.framer-8k2b6n, .framer-SNEvo .framer-8k2b6n { display: block; }\",\".framer-SNEvo.framer-gwpyau { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 7px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: 206px; }\",\".framer-SNEvo .framer-zv9391 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 7px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-SNEvo .framer-komazn { flex: none; height: var(--framer-aspect-ratio-supported, 20px); position: relative; width: 20px; }\",\".framer-SNEvo .framer-1oi29wj { flex: 1 0 0px; height: auto; overflow: hidden; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-SNEvo.framer-v-3glr69.framer-gwpyau { width: 175px; }\",\".framer-SNEvo.framer-v-1i5oc3y.framer-gwpyau { width: min-content; }\",\".framer-SNEvo.framer-v-1i5oc3y .framer-zv9391 { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 23px); width: 23px; }\",\".framer-SNEvo.framer-v-1i5oc3y .framer-komazn { height: var(--framer-aspect-ratio-supported, 15px); width: 15px; }\",\".framer-SNEvo.framer-v-1i5oc3y .framer-1oi29wj { flex: none; overflow: visible; white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 206\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"eHxjOtsKh\":{\"layout\":[\"fixed\",\"auto\"]},\"nGTRPPgOS\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"gyYYWYlGG\":\"contact\",\"u4x4NHddS\":\"link\",\"OufouwokB\":\"iconColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Frameri8xroLB5_=withCSS(Component,css,\"framer-SNEvo\");export default Frameri8xroLB5_;Frameri8xroLB5_.displayName=\"Contact 7\";Frameri8xroLB5_.defaultProps={height:34,width:206};addPropertyControls(Frameri8xroLB5_,{variant:{options:[\"r8lVHRuT5\",\"eHxjOtsKh\",\"nGTRPPgOS\"],optionTitles:[\"Contact Link\",\"Contact Link Light\",\"Contact link Mobile\"],title:\"Variant\",type:ControlType.Enum},gyYYWYlGG:{defaultValue:\"+1 234 567 890\",displayTextArea:false,title:\"Contact\",type:ControlType.String},ongyYYWYlGGChange:{changes:\"gyYYWYlGG\",type:ControlType.ChangeHandler},u4x4NHddS:{title:\"Link\",type:ControlType.Link},OufouwokB:{defaultValue:'var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67)) /* {\"name\":\"Primary Floral\"} */',title:\"icon color\",type:ControlType.Color}});addFonts(Frameri8xroLB5_,[{explicitInter:true,fonts:[{cssFamilyName:\"Switzer\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Switzer\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/BLNB4FAQFNK56DWWNF7PMGTCOTZHOEII/ST3WKSSDMBK2MIQQO3MAVYWLF4FTOLFV/6IN5WOLRCYP4G4MOCOHOMXNON6Q7MDAR.woff2\",weight:\"400\"}]},...PhoneFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameri8xroLB5_\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"gyYYWYlGG\\\":\\\"contact\\\",\\\"u4x4NHddS\\\":\\\"link\\\",\\\"OufouwokB\\\":\\\"iconColor\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"eHxjOtsKh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"nGTRPPgOS\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"34\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"206\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./i8xroLB5_.map","// Generated by Framer (3f060d6)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"uVDG9ev21\",\"Lace0YFNu\",\"rb05Tsh9B\",\"ccczWNJD0\",\"buWTaNzgd\"];const serializationHash=\"framer-KDhKc\";const variantClassNames={buWTaNzgd:\"framer-v-c4dzat\",ccczWNJD0:\"framer-v-1f83djn\",Lace0YFNu:\"framer-v-1w1axxb\",rb05Tsh9B:\"framer-v-1c4ctcz\",uVDG9ev21:\"framer-v-jw3q22\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const rqfDjHUKS=undefined;const transition1={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 humanReadableVariantMap={\"Footer BG Text Desktop\":\"rb05Tsh9B\",\"Footer BG Text Mobile\":\"buWTaNzgd\",\"Footer BG Text Tablet\":\"ccczWNJD0\",Desktop:\"uVDG9ev21\",Mobile:\"Lace0YFNu\"};const Variants=motion.create(React.Fragment);const getProps=({content,height,id,width,...props})=>{return{...props,rqfDjHUKS:content??props.rqfDjHUKS??\"ACAI ACAI\",variant:humanReadableVariantMap[props.variant]??props.variant??\"uVDG9ev21\"};};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,rqfDjHUKS,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"uVDG9ev21\",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__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-jw3q22\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"uVDG9ev21\",ref:refBinding,style:{...style},...addPropertyOverrides({buWTaNzgd:{\"data-framer-name\":\"Footer BG Text Mobile\"},ccczWNJD0:{\"data-framer-name\":\"Footer BG Text Tablet\"},Lace0YFNu:{\"data-framer-name\":\"Mobile\"},rb05Tsh9B:{\"data-framer-name\":\"Footer BG Text Desktop\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"110px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})}),className:\"framer-1iwaig2\",\"data-framer-name\":\"Name\",fonts:[\"FS;Sora-extrabold\"],layoutDependency:layoutDependency,layoutId:\"rhBzhQYqv\",style:{\"--extracted-a0htzi\":\"rgba(255, 251, 245, 0.2)\"},text:rqfDjHUKS,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({buWTaNzgd:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"100px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},ccczWNJD0:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"200px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},Lace0YFNu:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"40px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},rb05Tsh9B:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"250px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-KDhKc.framer-7juwm9, .framer-KDhKc .framer-7juwm9 { display: block; }\",\".framer-KDhKc.framer-jw3q22 { 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: 630px; }\",\".framer-KDhKc .framer-1iwaig2 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-KDhKc.framer-v-1w1axxb.framer-jw3q22 { width: 220px; }\",\".framer-KDhKc.framer-v-1c4ctcz.framer-jw3q22, .framer-KDhKc.framer-v-1f83djn.framer-jw3q22, .framer-KDhKc.framer-v-c4dzat.framer-jw3q22 { width: min-content; }\",\".framer-KDhKc.framer-v-1c4ctcz .framer-1iwaig2, .framer-KDhKc.framer-v-1f83djn .framer-1iwaig2, .framer-KDhKc.framer-v-c4dzat .framer-1iwaig2 { white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 110\n * @framerIntrinsicWidth 630\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Lace0YFNu\":{\"layout\":[\"fixed\",\"auto\"]},\"rb05Tsh9B\":{\"layout\":[\"auto\",\"auto\"]},\"ccczWNJD0\":{\"layout\":[\"auto\",\"auto\"]},\"buWTaNzgd\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"rqfDjHUKS\":\"content\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerHzcy7gFKw=withCSS(Component,css,\"framer-KDhKc\");export default FramerHzcy7gFKw;FramerHzcy7gFKw.displayName=\"Background text content 2\";FramerHzcy7gFKw.defaultProps={height:110,width:630};addPropertyControls(FramerHzcy7gFKw,{variant:{options:[\"uVDG9ev21\",\"Lace0YFNu\",\"rb05Tsh9B\",\"ccczWNJD0\",\"buWTaNzgd\"],optionTitles:[\"Desktop\",\"Mobile\",\"Footer BG Text Desktop\",\"Footer BG Text Tablet\",\"Footer BG Text Mobile\"],title:\"Variant\",type:ControlType.Enum},rqfDjHUKS:{defaultValue:\"ACAI ACAI\",displayTextArea:false,title:\"Content\",type:ControlType.String},onrqfDjHUKSChange:{changes:\"rqfDjHUKS\",type:ControlType.ChangeHandler}});addFonts(FramerHzcy7gFKw,[{explicitInter:true,fonts:[{cssFamilyName:\"Sora\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Sora\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/IROOBKNKIIOJFIZNAKLMNWBMPTDRIFCT/WGIWF72OEHPTAWLXWCHXW5RU2OUPSEZF/GIKLZNBPSV72D7MCPBP7XCDQQSW2G57C.woff2\",weight:\"800\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerHzcy7gFKw\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"rqfDjHUKS\\\":\\\"content\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"630\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Lace0YFNu\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"rb05Tsh9B\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"ccczWNJD0\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"buWTaNzgd\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"110\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hzcy7gFKw.map","// Generated by Framer (3f060d6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,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 BackgroundTextContent2 from\"https://framerusercontent.com/modules/R3RO76Uoo8myJrYqorCp/J7nSzw5Qgfz1w7J4Xlet/Hzcy7gFKw.js\";const BackgroundTextContent2Fonts=getFonts(BackgroundTextContent2);const cycleOrder=[\"QWdU0nOG1\",\"Mr8FCAnyB\",\"KoBPhXfXU\",\"BPwfh6eh6\",\"xAgPGTxU1\",\"JMAkJU0HL\",\"hRCTKa3MQ\",\"OiZz9EnNq\",\"kFGCR_JI1\",\"orlTwLXCs\",\"fSGhanlla\"];const serializationHash=\"framer-FftOH\";const variantClassNames={BPwfh6eh6:\"framer-v-r49lfz\",fSGhanlla:\"framer-v-16l49ff\",hRCTKa3MQ:\"framer-v-vmrlmo\",JMAkJU0HL:\"framer-v-78hxes\",kFGCR_JI1:\"framer-v-5d5odq\",KoBPhXfXU:\"framer-v-1pfp250\",Mr8FCAnyB:\"framer-v-rwnl2z\",OiZz9EnNq:\"framer-v-gzldr2\",orlTwLXCs:\"framer-v-v7iata\",QWdU0nOG1:\"framer-v-1fkt977\",xAgPGTxU1:\"framer-v-n3uvgo\"};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 matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return 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 humanReadableVariantMap={\"Coffee footer Desktop\":\"kFGCR_JI1\",\"Coffee footer Mobile\":\"fSGhanlla\",\"Coffee footer Tablet\":\"orlTwLXCs\",\"Coffee mobile\":\"xAgPGTxU1\",\"Desserts mobile\":\"OiZz9EnNq\",\"Matcha mobile\":\"JMAkJU0HL\",\"Tea mobile\":\"hRCTKa3MQ\",Coffee:\"QWdU0nOG1\",Desserts:\"BPwfh6eh6\",Matcha:\"Mr8FCAnyB\",Tea:\"KoBPhXfXU\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"QWdU0nOG1\"};};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:\"QWdU0nOG1\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"OiZz9EnNq\")return true;return false;};const isDisplayed1=()=>{if(baseVariant===\"hRCTKa3MQ\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"JMAkJU0HL\")return true;return false;};const isDisplayed3=()=>{if(baseVariant===\"xAgPGTxU1\")return true;return false;};const isDisplayed4=()=>{if(baseVariant===\"xAgPGTxU1\")return false;return true;};const isDisplayed5=()=>{if([\"kFGCR_JI1\",\"orlTwLXCs\",\"fSGhanlla\"].includes(baseVariant))return true;return false;};const isDisplayed6=()=>{if(baseVariant===\"fSGhanlla\")return true;return false;};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-1fkt977\",className,classNames),\"data-framer-name\":\"Coffee\",layoutDependency:layoutDependency,layoutId:\"QWdU0nOG1\",ref:refBinding,style:{...style},...addPropertyOverrides({BPwfh6eh6:{\"data-framer-name\":\"Desserts\"},fSGhanlla:{\"data-framer-name\":\"Coffee footer Mobile\"},hRCTKa3MQ:{\"data-framer-name\":\"Tea mobile\"},JMAkJU0HL:{\"data-framer-name\":\"Matcha mobile\"},kFGCR_JI1:{\"data-framer-name\":\"Coffee footer Desktop\"},KoBPhXfXU:{\"data-framer-name\":\"Tea\"},Mr8FCAnyB:{\"data-framer-name\":\"Matcha\"},OiZz9EnNq:{\"data-framer-name\":\"Desserts mobile\"},orlTwLXCs:{\"data-framer-name\":\"Coffee footer Tablet\"},xAgPGTxU1:{\"data-framer-name\":\"Coffee mobile\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+0+0),...addPropertyOverrides({fSGhanlla:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+0+0)},hRCTKa3MQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+0+0)},JMAkJU0HL:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+0+0)},kFGCR_JI1:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+0+0)},OiZz9EnNq:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+0+0)},orlTwLXCs:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+0+0)},xAgPGTxU1:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1moppjd-container\",layoutDependency:layoutDependency,layoutId:\"Sn73pevpd-container\",nodeId:\"Sn73pevpd\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"Sn73pevpd\",layoutId:\"Sn73pevpd\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"uVDG9ev21\"),width:\"100%\",...addPropertyOverrides({BPwfh6eh6:{rqfDjHUKS:\"DESSERTS\"},fSGhanlla:{style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\")},hRCTKa3MQ:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},JMAkJU0HL:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},kFGCR_JI1:{style:{width:\"100%\"},variant:matchVariant(\"rb05Tsh9B\")},OiZz9EnNq:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},orlTwLXCs:{style:{width:\"100%\"},variant:matchVariant(\"ccczWNJD0\")},xAgPGTxU1:{style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")}},baseVariant,gestureVariant)})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1tynbs-container\",layoutDependency:layoutDependency,layoutId:\"HsqmvelmP-container\",nodeId:\"HsqmvelmP\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"HsqmvelmP\",layoutId:\"HsqmvelmP\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-11gmq3a-container\",layoutDependency:layoutDependency,layoutId:\"M_ndbt1f_-container\",nodeId:\"M_ndbt1f_\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"M_ndbt1f_\",layoutId:\"M_ndbt1f_\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-15uhocl-container\",layoutDependency:layoutDependency,layoutId:\"DYPfOD4bX-container\",nodeId:\"DYPfOD4bX\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"DYPfOD4bX\",layoutId:\"DYPfOD4bX\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1e5mptc-container\",layoutDependency:layoutDependency,layoutId:\"GNzE05830-container\",nodeId:\"GNzE05830\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"GNzE05830\",layoutId:\"GNzE05830\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1509jil-container\",layoutDependency:layoutDependency,layoutId:\"W7MYqd8qz-container\",nodeId:\"W7MYqd8qz\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"W7MYqd8qz\",layoutId:\"W7MYqd8qz\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-t5t1qb-container\",layoutDependency:layoutDependency,layoutId:\"jike0e5ty-container\",nodeId:\"jike0e5ty\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"jike0e5ty\",layoutId:\"jike0e5ty\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-zhn5jh-container\",layoutDependency:layoutDependency,layoutId:\"amOPZ1TCK-container\",nodeId:\"amOPZ1TCK\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"amOPZ1TCK\",layoutId:\"amOPZ1TCK\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1cc0ncz-container\",layoutDependency:layoutDependency,layoutId:\"tmOfizyCk-container\",nodeId:\"tmOfizyCk\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"tmOfizyCk\",layoutId:\"tmOfizyCk\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1rjbbpr-container\",layoutDependency:layoutDependency,layoutId:\"KexGX8vJZ-container\",nodeId:\"KexGX8vJZ\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"KexGX8vJZ\",layoutId:\"KexGX8vJZ\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-14g7o2e-container\",layoutDependency:layoutDependency,layoutId:\"L8WmYn7ns-container\",nodeId:\"L8WmYn7ns\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"L8WmYn7ns\",layoutId:\"L8WmYn7ns\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1ln06t6-container\",layoutDependency:layoutDependency,layoutId:\"dC1imLxnr-container\",nodeId:\"dC1imLxnr\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"dC1imLxnr\",layoutId:\"dC1imLxnr\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-lkgvj8-container\",layoutDependency:layoutDependency,layoutId:\"Oi77X4Yh3-container\",nodeId:\"Oi77X4Yh3\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"Oi77X4Yh3\",layoutId:\"Oi77X4Yh3\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-13tx4ho-container\",layoutDependency:layoutDependency,layoutId:\"LV5Muk4ap-container\",nodeId:\"LV5Muk4ap\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"LV5Muk4ap\",layoutId:\"LV5Muk4ap\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1wdgow6-container\",layoutDependency:layoutDependency,layoutId:\"pfQbEIeBP-container\",nodeId:\"pfQbEIeBP\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"pfQbEIeBP\",layoutId:\"pfQbEIeBP\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-g1hio0-container\",layoutDependency:layoutDependency,layoutId:\"jkV7ZNUAO-container\",nodeId:\"jkV7ZNUAO\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"jkV7ZNUAO\",layoutId:\"jkV7ZNUAO\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1nnwxk-container\",layoutDependency:layoutDependency,layoutId:\"NHmguJ45F-container\",nodeId:\"NHmguJ45F\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"NHmguJ45F\",layoutId:\"NHmguJ45F\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-pep5li-container\",layoutDependency:layoutDependency,layoutId:\"DuiyLgEpG-container\",nodeId:\"DuiyLgEpG\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"DuiyLgEpG\",layoutId:\"DuiyLgEpG\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1l6rk7t-container\",layoutDependency:layoutDependency,layoutId:\"QD7fUyITY-container\",nodeId:\"QD7fUyITY\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"QD7fUyITY\",layoutId:\"QD7fUyITY\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+1210+110)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8h63v3-container\",layoutDependency:layoutDependency,layoutId:\"xmqjYgxUn-container\",nodeId:\"xmqjYgxUn\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"xmqjYgxUn\",layoutId:\"xmqjYgxUn\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({xAgPGTxU1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+1320+120)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-13wb2b8-container\",layoutDependency:layoutDependency,layoutId:\"MzZjt8rg4-container\",nodeId:\"MzZjt8rg4\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"MzZjt8rg4\",layoutId:\"MzZjt8rg4\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1rver52-container\",layoutDependency:layoutDependency,layoutId:\"Pq7VGL46l-container\",nodeId:\"Pq7VGL46l\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"Pq7VGL46l\",layoutId:\"Pq7VGL46l\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-kpno0k-container\",layoutDependency:layoutDependency,layoutId:\"cw4VL8VxV-container\",nodeId:\"cw4VL8VxV\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"cw4VL8VxV\",layoutId:\"cw4VL8VxV\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ifcpq7-container\",layoutDependency:layoutDependency,layoutId:\"ErreSVDWe-container\",nodeId:\"ErreSVDWe\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"ErreSVDWe\",layoutId:\"ErreSVDWe\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1126k6r-container\",layoutDependency:layoutDependency,layoutId:\"UOxkfDsQ1-container\",nodeId:\"UOxkfDsQ1\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"UOxkfDsQ1\",layoutId:\"UOxkfDsQ1\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-m4sxuw-container\",layoutDependency:layoutDependency,layoutId:\"YNwZ2iC_X-container\",nodeId:\"YNwZ2iC_X\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"YNwZ2iC_X\",layoutId:\"YNwZ2iC_X\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1g9xfgr-container\",layoutDependency:layoutDependency,layoutId:\"mbT3QVGjp-container\",nodeId:\"mbT3QVGjp\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"mbT3QVGjp\",layoutId:\"mbT3QVGjp\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1l8cjwk-container\",layoutDependency:layoutDependency,layoutId:\"jCpDbdqJY-container\",nodeId:\"jCpDbdqJY\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"jCpDbdqJY\",layoutId:\"jCpDbdqJY\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-yjo400-container\",layoutDependency:layoutDependency,layoutId:\"zqRN7SyZY-container\",nodeId:\"zqRN7SyZY\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"zqRN7SyZY\",layoutId:\"zqRN7SyZY\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({hRCTKa3MQ:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-aetr75-container\",layoutDependency:layoutDependency,layoutId:\"S2U1dnM2P-container\",nodeId:\"S2U1dnM2P\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"S2U1dnM2P\",layoutId:\"S2U1dnM2P\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+150+10),...addPropertyOverrides({fSGhanlla:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+110+10)},hRCTKa3MQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+990+90)},JMAkJU0HL:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+880+80)},kFGCR_JI1:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+110+10)},OiZz9EnNq:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+330+30)},orlTwLXCs:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+110+10)},xAgPGTxU1:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1670)/2+1430+130)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1aad42q-container\",layoutDependency:layoutDependency,layoutId:\"JyxgjCN4Q-container\",nodeId:\"JyxgjCN4Q\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"JyxgjCN4Q\",layoutId:\"JyxgjCN4Q\",rqfDjHUKS:\"COFFEE\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"uVDG9ev21\"),width:\"100%\",...addPropertyOverrides({BPwfh6eh6:{rqfDjHUKS:\"DESSERTS\"},fSGhanlla:{style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\")},hRCTKa3MQ:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},JMAkJU0HL:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},kFGCR_JI1:{style:{width:\"100%\"},variant:matchVariant(\"rb05Tsh9B\")},KoBPhXfXU:{rqfDjHUKS:\"TEA\"},Mr8FCAnyB:{rqfDjHUKS:\"MATCHA\"},OiZz9EnNq:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},orlTwLXCs:{rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"ccczWNJD0\")},xAgPGTxU1:{style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")}},baseVariant,gestureVariant)})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-d8nnig-container\",layoutDependency:layoutDependency,layoutId:\"fgKUJNCT1-container\",nodeId:\"fgKUJNCT1\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"fgKUJNCT1\",layoutId:\"fgKUJNCT1\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1i6qjzr-container\",layoutDependency:layoutDependency,layoutId:\"wBtU1PIva-container\",nodeId:\"wBtU1PIva\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"wBtU1PIva\",layoutId:\"wBtU1PIva\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-iv7dxn-container\",layoutDependency:layoutDependency,layoutId:\"p_LbGtuUx-container\",nodeId:\"p_LbGtuUx\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"p_LbGtuUx\",layoutId:\"p_LbGtuUx\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ip3oug-container\",layoutDependency:layoutDependency,layoutId:\"beWAKu9Uw-container\",nodeId:\"beWAKu9Uw\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"beWAKu9Uw\",layoutId:\"beWAKu9Uw\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1nfjccj-container\",layoutDependency:layoutDependency,layoutId:\"hJ_WSwQJF-container\",nodeId:\"hJ_WSwQJF\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"hJ_WSwQJF\",layoutId:\"hJ_WSwQJF\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({OiZz9EnNq:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-weu0xj-container\",layoutDependency:layoutDependency,layoutId:\"sNmcQcTPQ-container\",nodeId:\"sNmcQcTPQ\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"sNmcQcTPQ\",layoutId:\"sNmcQcTPQ\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed4()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+300+20),...addPropertyOverrides({fSGhanlla:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+220+20)},hRCTKa3MQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+1100+100)},JMAkJU0HL:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+990+90)},kFGCR_JI1:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+220+20)},OiZz9EnNq:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1100+100)},orlTwLXCs:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-9lcxd7-container\",layoutDependency:layoutDependency,layoutId:\"CVwhKUO3v-container\",nodeId:\"CVwhKUO3v\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"CVwhKUO3v\",layoutId:\"CVwhKUO3v\",rqfDjHUKS:\"COFFEE\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"uVDG9ev21\"),width:\"100%\",...addPropertyOverrides({BPwfh6eh6:{rqfDjHUKS:\"DESSERTS\"},fSGhanlla:{style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\")},hRCTKa3MQ:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},JMAkJU0HL:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},kFGCR_JI1:{style:{width:\"100%\"},variant:matchVariant(\"rb05Tsh9B\")},KoBPhXfXU:{rqfDjHUKS:\"TEA\"},Mr8FCAnyB:{rqfDjHUKS:\"MATCHA\"},OiZz9EnNq:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},orlTwLXCs:{rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"ccczWNJD0\")}},baseVariant,gestureVariant)})})}),isDisplayed4()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+450+30),...addPropertyOverrides({fSGhanlla:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+330+30)},hRCTKa3MQ:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1430)/2+1210+110)},JMAkJU0HL:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+1100+100)},kFGCR_JI1:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+330+30)},OiZz9EnNq:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1210+110)},orlTwLXCs:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-yfimmr-container\",layoutDependency:layoutDependency,layoutId:\"HbtdQ8EZH-container\",nodeId:\"HbtdQ8EZH\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"HbtdQ8EZH\",layoutId:\"HbtdQ8EZH\",rqfDjHUKS:\"COFFEE\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"uVDG9ev21\"),width:\"100%\",...addPropertyOverrides({BPwfh6eh6:{rqfDjHUKS:\"DESSERTS\"},fSGhanlla:{style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\")},hRCTKa3MQ:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},JMAkJU0HL:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},kFGCR_JI1:{style:{width:\"100%\"},variant:matchVariant(\"rb05Tsh9B\")},KoBPhXfXU:{rqfDjHUKS:\"TEA\"},Mr8FCAnyB:{rqfDjHUKS:\"MATCHA\"},OiZz9EnNq:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\")},orlTwLXCs:{rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"ccczWNJD0\")}},baseVariant,gestureVariant)})})}),isDisplayed5()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+440+40)},kFGCR_JI1:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+440+40)},orlTwLXCs:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-15h5cgn-container\",layoutDependency:layoutDependency,layoutId:\"ICHSHhvbj-container\",nodeId:\"ICHSHhvbj\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"ICHSHhvbj\",layoutId:\"ICHSHhvbj\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"rb05Tsh9B\"),width:\"100%\",...addPropertyOverrides({fSGhanlla:{variant:matchVariant(\"buWTaNzgd\")},orlTwLXCs:{rqfDjHUKS:\"ACAI ACAI\",variant:matchVariant(\"ccczWNJD0\")}},baseVariant,gestureVariant)})})}),isDisplayed5()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+550+50)},kFGCR_JI1:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+550+50)},orlTwLXCs:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1xs7td4-container\",layoutDependency:layoutDependency,layoutId:\"io0UPFpXw-container\",nodeId:\"io0UPFpXw\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"io0UPFpXw\",layoutId:\"io0UPFpXw\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"rb05Tsh9B\"),width:\"100%\",...addPropertyOverrides({fSGhanlla:{variant:matchVariant(\"buWTaNzgd\")},orlTwLXCs:{rqfDjHUKS:\"ACAI ACAI\",variant:matchVariant(\"ccczWNJD0\")}},baseVariant,gestureVariant)})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-iav1yx-container\",layoutDependency:layoutDependency,layoutId:\"ZJwzsYCZU-container\",nodeId:\"ZJwzsYCZU\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"ZJwzsYCZU\",layoutId:\"ZJwzsYCZU\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-kbkabw-container\",layoutDependency:layoutDependency,layoutId:\"iMuF0nha6-container\",nodeId:\"iMuF0nha6\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"iMuF0nha6\",layoutId:\"iMuF0nha6\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1gzdqho-container\",layoutDependency:layoutDependency,layoutId:\"c0MEfYdoZ-container\",nodeId:\"c0MEfYdoZ\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"c0MEfYdoZ\",layoutId:\"c0MEfYdoZ\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-5vyez9-container\",layoutDependency:layoutDependency,layoutId:\"IV4i66Dwl-container\",nodeId:\"IV4i66Dwl\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"IV4i66Dwl\",layoutId:\"IV4i66Dwl\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({fSGhanlla:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-u29adj-container\",layoutDependency:layoutDependency,layoutId:\"rnD5TM7Do-container\",nodeId:\"rnD5TM7Do\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"rnD5TM7Do\",layoutId:\"rnD5TM7Do\",rqfDjHUKS:\"COFFEE\",style:{width:\"100%\"},variant:matchVariant(\"buWTaNzgd\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+1210+110)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-wrsbyv-container\",layoutDependency:layoutDependency,layoutId:\"GAAi4ySUf-container\",nodeId:\"GAAi4ySUf\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"GAAi4ySUf\",layoutId:\"GAAi4ySUf\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({JMAkJU0HL:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1550)/2+1320+120)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-m8bb8r-container\",layoutDependency:layoutDependency,layoutId:\"T3EByd_c7-container\",nodeId:\"T3EByd_c7\",rendersWithMotion:true,scopeId:\"KJB818C28\",children:/*#__PURE__*/_jsx(BackgroundTextContent2,{height:\"100%\",id:\"T3EByd_c7\",layoutId:\"T3EByd_c7\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"Lace0YFNu\"),width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-FftOH.framer-jahx6a, .framer-FftOH .framer-jahx6a { display: block; }\",\".framer-FftOH.framer-1fkt977 { 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: 630px; }\",\".framer-FftOH .framer-1moppjd-container, .framer-FftOH .framer-1aad42q-container, .framer-FftOH .framer-9lcxd7-container, .framer-FftOH .framer-yfimmr-container { flex: none; height: 150px; position: relative; width: 100%; }\",\".framer-FftOH .framer-1tynbs-container, .framer-FftOH .framer-11gmq3a-container, .framer-FftOH .framer-15uhocl-container, .framer-FftOH .framer-1e5mptc-container, .framer-FftOH .framer-1509jil-container, .framer-FftOH .framer-t5t1qb-container, .framer-FftOH .framer-zhn5jh-container, .framer-FftOH .framer-1cc0ncz-container, .framer-FftOH .framer-1rjbbpr-container, .framer-FftOH .framer-14g7o2e-container, .framer-FftOH .framer-1ln06t6-container, .framer-FftOH .framer-lkgvj8-container, .framer-FftOH .framer-13tx4ho-container, .framer-FftOH .framer-1wdgow6-container, .framer-FftOH .framer-g1hio0-container, .framer-FftOH .framer-1nnwxk-container, .framer-FftOH .framer-pep5li-container, .framer-FftOH .framer-1l6rk7t-container, .framer-FftOH .framer-8h63v3-container, .framer-FftOH .framer-13wb2b8-container, .framer-FftOH .framer-1rver52-container, .framer-FftOH .framer-kpno0k-container, .framer-FftOH .framer-ifcpq7-container, .framer-FftOH .framer-1126k6r-container, .framer-FftOH .framer-m4sxuw-container, .framer-FftOH .framer-1g9xfgr-container, .framer-FftOH .framer-1l8cjwk-container, .framer-FftOH .framer-yjo400-container, .framer-FftOH .framer-aetr75-container, .framer-FftOH .framer-d8nnig-container, .framer-FftOH .framer-1i6qjzr-container, .framer-FftOH .framer-iv7dxn-container, .framer-FftOH .framer-ip3oug-container, .framer-FftOH .framer-1nfjccj-container, .framer-FftOH .framer-weu0xj-container, .framer-FftOH .framer-1xs7td4-container, .framer-FftOH .framer-iav1yx-container, .framer-FftOH .framer-5vyez9-container, .framer-FftOH .framer-u29adj-container, .framer-FftOH .framer-wrsbyv-container, .framer-FftOH .framer-m8bb8r-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-FftOH .framer-15h5cgn-container, .framer-FftOH .framer-kbkabw-container, .framer-FftOH .framer-1gzdqho-container { flex: none; height: auto; position: relative; width: 100px; }\",\".framer-FftOH.framer-v-n3uvgo.framer-1fkt977, .framer-FftOH.framer-v-78hxes.framer-1fkt977, .framer-FftOH.framer-v-vmrlmo.framer-1fkt977, .framer-FftOH.framer-v-gzldr2.framer-1fkt977 { width: 220px; }\",\".framer-FftOH.framer-v-n3uvgo .framer-1moppjd-container, .framer-FftOH.framer-v-n3uvgo .framer-1aad42q-container, .framer-FftOH.framer-v-78hxes .framer-1moppjd-container, .framer-FftOH.framer-v-78hxes .framer-1aad42q-container, .framer-FftOH.framer-v-78hxes .framer-9lcxd7-container, .framer-FftOH.framer-v-78hxes .framer-yfimmr-container, .framer-FftOH.framer-v-vmrlmo .framer-1moppjd-container, .framer-FftOH.framer-v-vmrlmo .framer-1aad42q-container, .framer-FftOH.framer-v-vmrlmo .framer-9lcxd7-container, .framer-FftOH.framer-v-vmrlmo .framer-yfimmr-container, .framer-FftOH.framer-v-gzldr2 .framer-1moppjd-container, .framer-FftOH.framer-v-gzldr2 .framer-1aad42q-container, .framer-FftOH.framer-v-gzldr2 .framer-9lcxd7-container, .framer-FftOH.framer-v-gzldr2 .framer-yfimmr-container { height: auto; }\",\".framer-FftOH.framer-v-5d5odq.framer-1fkt977, .framer-FftOH.framer-v-v7iata.framer-1fkt977, .framer-FftOH.framer-v-16l49ff.framer-1fkt977 { width: min-content; }\",\".framer-FftOH.framer-v-5d5odq .framer-1moppjd-container, .framer-FftOH.framer-v-5d5odq .framer-1aad42q-container, .framer-FftOH.framer-v-5d5odq .framer-9lcxd7-container, .framer-FftOH.framer-v-5d5odq .framer-yfimmr-container, .framer-FftOH.framer-v-v7iata .framer-1moppjd-container, .framer-FftOH.framer-v-v7iata .framer-1aad42q-container, .framer-FftOH.framer-v-v7iata .framer-9lcxd7-container, .framer-FftOH.framer-v-v7iata .framer-yfimmr-container, .framer-FftOH.framer-v-16l49ff .framer-1moppjd-container, .framer-FftOH.framer-v-16l49ff .framer-1aad42q-container, .framer-FftOH.framer-v-16l49ff .framer-9lcxd7-container, .framer-FftOH.framer-v-16l49ff .framer-yfimmr-container { align-self: stretch; height: auto; width: auto; }\",\".framer-FftOH.framer-v-5d5odq .framer-1xs7td4-container, .framer-FftOH.framer-v-v7iata .framer-15h5cgn-container, .framer-FftOH.framer-v-v7iata .framer-1xs7td4-container, .framer-FftOH.framer-v-16l49ff .framer-15h5cgn-container, .framer-FftOH.framer-v-16l49ff .framer-1xs7td4-container, .framer-FftOH.framer-v-16l49ff .framer-iav1yx-container, .framer-FftOH.framer-v-16l49ff .framer-5vyez9-container, .framer-FftOH.framer-v-16l49ff .framer-u29adj-container { align-self: stretch; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 630\n * @framerIntrinsicWidth 630\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Mr8FCAnyB\":{\"layout\":[\"fixed\",\"auto\"]},\"KoBPhXfXU\":{\"layout\":[\"fixed\",\"auto\"]},\"BPwfh6eh6\":{\"layout\":[\"fixed\",\"auto\"]},\"xAgPGTxU1\":{\"layout\":[\"fixed\",\"auto\"]},\"JMAkJU0HL\":{\"layout\":[\"fixed\",\"auto\"]},\"hRCTKa3MQ\":{\"layout\":[\"fixed\",\"auto\"]},\"OiZz9EnNq\":{\"layout\":[\"fixed\",\"auto\"]},\"kFGCR_JI1\":{\"layout\":[\"auto\",\"auto\"]},\"orlTwLXCs\":{\"layout\":[\"auto\",\"auto\"]},\"fSGhanlla\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerKJB818C28=withCSS(Component,css,\"framer-FftOH\");export default FramerKJB818C28;FramerKJB818C28.displayName=\"Background text 2\";FramerKJB818C28.defaultProps={height:630,width:630};addPropertyControls(FramerKJB818C28,{variant:{options:[\"QWdU0nOG1\",\"Mr8FCAnyB\",\"KoBPhXfXU\",\"BPwfh6eh6\",\"xAgPGTxU1\",\"JMAkJU0HL\",\"hRCTKa3MQ\",\"OiZz9EnNq\",\"kFGCR_JI1\",\"orlTwLXCs\",\"fSGhanlla\"],optionTitles:[\"Coffee\",\"Matcha\",\"Tea\",\"Desserts\",\"Coffee mobile\",\"Matcha mobile\",\"Tea mobile\",\"Desserts mobile\",\"Coffee footer Desktop\",\"Coffee footer Tablet\",\"Coffee footer Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerKJB818C28,[{explicitInter:true,fonts:[]},...BackgroundTextContent2Fonts],{supportsExplicitInterCodegen:true});FramerKJB818C28.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(BackgroundTextContent2,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerKJB818C28\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Mr8FCAnyB\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"KoBPhXfXU\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"BPwfh6eh6\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"xAgPGTxU1\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"JMAkJU0HL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"hRCTKa3MQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"OiZz9EnNq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"kFGCR_JI1\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"orlTwLXCs\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"fSGhanlla\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"630\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"630\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (e0e363b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,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 Phone from\"https://framerusercontent.com/modules/JhjNU5admIi32bgBk7kN/piPqsNFW90HigDdjsxLZ/I13kdmfkC.js\";const PhoneFonts=getFonts(Phone);const cycleOrder=[\"IuXNyig7X\",\"jO31ANDnN\",\"mhJ8ZPJN8\"];const serializationHash=\"framer-AmpnK\";const variantClassNames={IuXNyig7X:\"framer-v-1cpm3hh\",jO31ANDnN:\"framer-v-tgd6l0\",mhJ8ZPJN8:\"framer-v-1mguecp\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const u4x4NHddS=undefined;const sU1TKg5Uv=undefined;const gyYYWYlGG=undefined;const transition1={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 humanReadableVariantMap={\"Contact Link Light\":\"jO31ANDnN\",\"Contact link Mobile\":\"mhJ8ZPJN8\",\"Contact Link\":\"IuXNyig7X\"};const Variants=motion.create(React.Fragment);const getProps=({contact,height,iconColor,id,link,width,...props})=>{return{...props,gyYYWYlGG:contact??props.gyYYWYlGG??\"+1 234 567 890\",sU1TKg5Uv:iconColor??props.sU1TKg5Uv??\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67))\",u4x4NHddS:link??props.u4x4NHddS,variant:humanReadableVariantMap[props.variant]??props.variant??\"IuXNyig7X\"};};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,gyYYWYlGG,u4x4NHddS,sU1TKg5Uv,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"IuXNyig7X\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"jO31ANDnN\")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,children:/*#__PURE__*/_jsx(Link,{href:u4x4NHddS,motionChild:true,nodeId:\"IuXNyig7X\",openInNewTab:true,scopeId:\"kjoqSc7o7\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1cpm3hh\",className,classNames)} framer-ki9h3q`,\"data-framer-name\":\"Contact Link\",layoutDependency:layoutDependency,layoutId:\"IuXNyig7X\",ref:refBinding,style:{...style},...addPropertyOverrides({jO31ANDnN:{\"data-framer-name\":\"Contact Link Light\"},mhJ8ZPJN8:{\"data-framer-name\":\"Contact link Mobile\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1xuikum\",\"data-framer-name\":\"Icon wrapper\",layoutDependency:layoutDependency,layoutId:\"odH5GRyQG\",style:{backgroundColor:sU1TKg5Uv,borderBottomLeftRadius:999,borderBottomRightRadius:999,borderTopLeftRadius:999,borderTopRightRadius:999},children:/*#__PURE__*/_jsx(Phone,{animated:true,className:\"framer-1whwttz\",layoutDependency:layoutDependency,layoutId:\"ukL95ZGHW\",style:{\"--1m6trwb\":0,\"--21h8s6\":\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(249, 190, 219))\",\"--pgex8v\":1.5}})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21)))\"},children:\"+1 234 567 890\"})}),className:\"framer-14g5p2p\",fonts:[\"FS;Switzer-regular\"],layoutDependency:layoutDependency,layoutId:\"p7n0YAvDJ\",style:{\"--extracted-r6o4lv\":\"var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21))\"},text:gyYYWYlGG,variants:{jO31ANDnN:{\"--extracted-r6o4lv\":\"var(--token-e6e93477-6a04-4ab1-ae7e-8337f63255f4, rgb(255, 251, 245))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({jO31ANDnN:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e6e93477-6a04-4ab1-ae7e-8337f63255f4, rgb(255, 251, 245)))\"},children:\"+1 234 567 890\"})})},mhJ8ZPJN8:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"12px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21)))\"},children:\"+1 234 567 890\"})})}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-AmpnK.framer-ki9h3q, .framer-AmpnK .framer-ki9h3q { display: block; }\",\".framer-AmpnK.framer-1cpm3hh { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 7px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: 206px; }\",\".framer-AmpnK .framer-1xuikum { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 7px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-AmpnK .framer-1whwttz { flex: none; height: var(--framer-aspect-ratio-supported, 20px); position: relative; width: 20px; }\",\".framer-AmpnK .framer-14g5p2p { flex: 1 0 0px; height: auto; overflow: hidden; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-AmpnK.framer-v-tgd6l0.framer-1cpm3hh { width: 175px; }\",\".framer-AmpnK.framer-v-1mguecp.framer-1cpm3hh { width: min-content; }\",\".framer-AmpnK.framer-v-1mguecp .framer-1xuikum { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 23px); width: 23px; }\",\".framer-AmpnK.framer-v-1mguecp .framer-1whwttz { height: var(--framer-aspect-ratio-supported, 15px); width: 15px; }\",\".framer-AmpnK.framer-v-1mguecp .framer-14g5p2p { flex: none; overflow: visible; white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 206\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"jO31ANDnN\":{\"layout\":[\"fixed\",\"auto\"]},\"mhJ8ZPJN8\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"gyYYWYlGG\":\"contact\",\"u4x4NHddS\":\"link\",\"sU1TKg5Uv\":\"iconColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerkjoqSc7o7=withCSS(Component,css,\"framer-AmpnK\");export default FramerkjoqSc7o7;FramerkjoqSc7o7.displayName=\"Contact 6\";FramerkjoqSc7o7.defaultProps={height:34,width:206};addPropertyControls(FramerkjoqSc7o7,{variant:{options:[\"IuXNyig7X\",\"jO31ANDnN\",\"mhJ8ZPJN8\"],optionTitles:[\"Contact Link\",\"Contact Link Light\",\"Contact link Mobile\"],title:\"Variant\",type:ControlType.Enum},gyYYWYlGG:{defaultValue:\"+1 234 567 890\",displayTextArea:false,title:\"Contact\",type:ControlType.String},ongyYYWYlGGChange:{changes:\"gyYYWYlGG\",type:ControlType.ChangeHandler},u4x4NHddS:{title:\"Link\",type:ControlType.Link},sU1TKg5Uv:{defaultValue:'var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67)) /* {\"name\":\"Primary Floral\"} */',title:\"icon color\",type:ControlType.Color}});addFonts(FramerkjoqSc7o7,[{explicitInter:true,fonts:[{cssFamilyName:\"Switzer\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Switzer\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/BLNB4FAQFNK56DWWNF7PMGTCOTZHOEII/ST3WKSSDMBK2MIQQO3MAVYWLF4FTOLFV/6IN5WOLRCYP4G4MOCOHOMXNON6Q7MDAR.woff2\",weight:\"400\"}]},...PhoneFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerkjoqSc7o7\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"gyYYWYlGG\\\":\\\"contact\\\",\\\"u4x4NHddS\\\":\\\"link\\\",\\\"sU1TKg5Uv\\\":\\\"iconColor\\\"}\",\"framerIntrinsicHeight\":\"34\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jO31ANDnN\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"mhJ8ZPJN8\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"206\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./kjoqSc7o7.map","// Generated by Framer (ea5db22)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Anton-regular\",\"Inter-Black\",\"Inter-BlackItalic\",\"Inter-BoldItalic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Anton\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Anton\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/TPY5PBRHOSXJ53WNSUYZQYX4FZUMAYNF/YHKM2QXXZHS7MS6DJUZXTGRXMIGWH7K5/PCXT6E5YCQO6SSVLT6UZPPGT7QKGXOUS.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/mkY5Sgyq51ik0AMrSBwhm9DJg.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/X5hj6qzcHUYv7h1390c8Rhm6550.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/cugnVhSraaRyANCaUtI5FV17wk.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/5HcVoGak8k5agFJSaKa4floXVu0.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/rZ5DdENNqIdFTIyQQiP5isO7M.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/P2Bw01CtL0b9wqygO0sSVogWbo.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/05KsVHGDmqXSBXM4yRZ65P8i0s.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/ky8ovPukK4dJ1Pxq74qGhOqCYI.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/3ZmXbBKToJifDV9gwcifVd1tEY.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/FNfhX3dt4ChuLJq2PwdlxHO7PU.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/gcnfba68tfm7qAyrWRCf9r34jg.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/efTfQcBJ53kM2pB1hezSZ3RDUFs.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/ia3uin3hQWqDrVloC1zEtYHWw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/2A4Xx7CngadFGlVV4xrO06OBHY.woff2\",weight:\"700\"}]}];export const css=['.framer-MBBfe .framer-styles-preset-yaro9l:not(.rich-text-wrapper), .framer-MBBfe .framer-styles-preset-yaro9l.rich-text-wrapper h2 { --framer-font-family: \"Anton\", \"Anton Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 80px; --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: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0em; --framer-line-height: 80px; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, #03563e); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1439px) and (min-width: 810px) { .framer-MBBfe .framer-styles-preset-yaro9l:not(.rich-text-wrapper), .framer-MBBfe .framer-styles-preset-yaro9l.rich-text-wrapper h2 { --framer-font-family: \"Anton\", \"Anton Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 55px; --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: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0em; --framer-line-height: 56px; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, #03563e); --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-MBBfe .framer-styles-preset-yaro9l:not(.rich-text-wrapper), .framer-MBBfe .framer-styles-preset-yaro9l.rich-text-wrapper h2 { --framer-font-family: \"Anton\", \"Anton Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 51px; --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: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0em; --framer-line-height: 51px; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, #03563e); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-MBBfe\";\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 (ea5db22)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image as Image1,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/8LLSYEhbODYWIvG3jyJI/ePzAjw4jwuPs4O2yxR7n/Ho78M7gp6.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/l3flkwQiLIKYloY1ozWJ/XAlcTEcVC2eBWIeU5PGo/r6bhFCBdX.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/8SIosx3RNQLeiMTqvNF9/uJbzY2HVos4s0IIWc4CZ/zunVlLf8X.js\";const MotionDivWithFX=withFX(motion.div);const enabledGestures={u4FvT6Wil:{hover:true}};const cycleOrder=[\"u4FvT6Wil\",\"NRRKO1HUd\"];const serializationHash=\"framer-Yio41\";const variantClassNames={NRRKO1HUd:\"framer-v-1ypftvo\",u4FvT6Wil:\"framer-v-14czbxc\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const s5IiNSrsF=undefined;const cbYfw5BQl=undefined;const LtrtfI4WG=undefined;const ZMF5EQeEq=undefined;const DJiUTXDsa=undefined;const transition1={delay:.1,duration:.4,ease:[.44,0,.56,1],type:\"tween\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:10};const transition2={bounce:.2,delay:0,duration:.8,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:10};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 humanReadableVariantMap={\"Phone Variant\":\"NRRKO1HUd\",\"Primary Card\":\"u4FvT6Wil\"};const Variants=motion.create(React.Fragment);const getProps=({communityEventDescription,communityEventName,communityImage,communityType,cursor2,height,id,width,...props})=>{return{...props,cbYfw5BQl:communityImage??props.cbYfw5BQl??{pixelHeight:1254,pixelWidth:1254,src:\"https://framerusercontent.com/images/1pYf2vuX0hkf77UEXNDDomgc7tk.webp?width=1254&height=1254\",srcSet:\"https://framerusercontent.com/images/1pYf2vuX0hkf77UEXNDDomgc7tk.webp?scale-down-to=512&width=1254&height=1254 512w,https://framerusercontent.com/images/1pYf2vuX0hkf77UEXNDDomgc7tk.webp?scale-down-to=1024&width=1254&height=1254 1024w,https://framerusercontent.com/images/1pYf2vuX0hkf77UEXNDDomgc7tk.webp?width=1254&height=1254 1254w\"},DJiUTXDsa:communityEventDescription??props.DJiUTXDsa??\"Master the physics of the perfect foam.\",LtrtfI4WG:cursor2??props.LtrtfI4WG,s5IiNSrsF:communityType??props.s5IiNSrsF??\"WORKSHOP\",variant:humanReadableVariantMap[props.variant]??props.variant??\"u4FvT6Wil\",ZMF5EQeEq:communityEventName??props.ZMF5EQeEq??\"LAB 01: THE WHISK\"};};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,s5IiNSrsF,ZMF5EQeEq,DJiUTXDsa,cbYfw5BQl,LtrtfI4WG,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"u4FvT6Wil\",enabledGestures,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-14czbxc\",className,classNames),\"data-framer-name\":\"Primary Card\",layoutDependency:layoutDependency,layoutId:\"u4FvT6Wil\",ref:refBinding,style:{backgroundColor:\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(255, 186, 216))\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,...style},...addPropertyOverrides({\"u4FvT6Wil-hover\":{\"data-framer-name\":undefined},NRRKO1HUd:{\"data-framer-name\":\"Phone Variant\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-eobh7k\",\"data-styles-preset\":\"Ho78M7gp6\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(3, 86, 62)))\"},children:\"WORKSHOP\"})}),className:\"framer-1v6gsvo\",\"data-framer-name\":\"Event Name Text\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"NymMtKwJd\",style:{\"--extracted-r6o4lv\":\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(3, 86, 62))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:s5IiNSrsF,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:.5,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-18o7463\",\"data-framer-name\":\"Image Container\",layoutDependency:layoutDependency,layoutId:\"pVzNyDfpS\",style:{backgroundColor:\"rgba(255, 251, 232, 0)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:/*#__PURE__*/_jsx(Image1,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1500,intrinsicWidth:1200,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+20+156+0+0),pixelHeight:1254,pixelWidth:1254,sizes:`calc(${componentViewport?.width||\"100vw\"} - 20px)`,...toResponsiveImage(cbYfw5BQl)},className:\"framer-1lpaynv\",\"data-framer-cursor\":LtrtfI4WG,\"data-framer-name\":\"Event Image\",layoutDependency:layoutDependency,layoutId:\"s_lTsOxER\",style:{rotate:0,scale:1},variants:{\"u4FvT6Wil-hover\":{rotate:-10,scale:1.3}},...addPropertyOverrides({NRRKO1HUd:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1500,intrinsicWidth:1200,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+20+44+0+0),pixelHeight:1254,pixelWidth:1254,sizes:`calc(${componentViewport?.width||\"100vw\"} - 20px)`,...toResponsiveImage(cbYfw5BQl)}}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1t62ztt\",\"data-framer-name\":\"Info\",layoutDependency:layoutDependency,layoutId:\"G_i75c9IN\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1e8cmag\",\"data-framer-name\":\"Text Wrapper\",layoutDependency:layoutDependency,layoutId:\"IuOm5A10D\",style:{backgroundColor:\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(255, 186, 216))\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-yaro9l\",\"data-styles-preset\":\"zunVlLf8X\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(3, 86, 62)))\"},children:\"LAB 01: THE WHISK\"})}),className:\"framer-1ic1de\",\"data-framer-name\":\"Text Title\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"OMYjhfkYc\",style:{\"--extracted-1of0zx5\":\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(3, 86, 62))\",\"--framer-paragraph-spacing\":\"0px\"},text:ZMF5EQeEq,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-12wa315\",\"data-styles-preset\":\"r6bhFCBdX\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(3, 86, 62)))\"},children:\"Master the physics of the perfect foam.\"})}),className:\"framer-hizv8x\",\"data-framer-name\":\"Text Description\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"AUEpGF_b0\",style:{\"--extracted-r6o4lv\":\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(3, 86, 62))\",\"--framer-paragraph-spacing\":\"0px\"},text:DJiUTXDsa,verticalAlignment:\"top\",withExternalLayout:true})]})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Yio41.framer-1f1gae2, .framer-Yio41 .framer-1f1gae2 { display: block; }\",\".framer-Yio41.framer-14czbxc { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: 628px; justify-content: flex-start; overflow: hidden; padding: 20px 10px 10px 10px; position: relative; width: 517px; will-change: var(--framer-will-change-override, transform); }\",\".framer-Yio41 .framer-1v6gsvo { --framer-text-wrap-override: balance; -webkit-user-select: none; flex: none; height: auto; pointer-events: none; position: relative; user-select: none; width: 100%; }\",\".framer-Yio41 .framer-18o7463 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 6px; height: 1px; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-Yio41 .framer-1lpaynv { flex: none; height: 100%; position: relative; width: 100%; z-index: 1; }\",\".framer-Yio41 .framer-1t62ztt { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 7px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; z-index: 2; }\",\".framer-Yio41 .framer-1e8cmag { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 6px; height: min-content; justify-content: flex-start; overflow: visible; padding: 10px; position: relative; width: 100%; z-index: 3; }\",\".framer-Yio41 .framer-1ic1de, .framer-Yio41 .framer-hizv8x { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-Yio41.framer-v-1ypftvo.framer-14czbxc { align-content: flex-start; align-items: flex-start; cursor: unset; height: min-content; width: 300px; }\",\".framer-Yio41.framer-v-1ypftvo .framer-1v6gsvo { width: auto; }\",\".framer-Yio41.framer-v-1ypftvo .framer-18o7463 { flex: none; height: 300px; }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 628\n * @framerIntrinsicWidth 517\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"NRRKO1HUd\":{\"layout\":[\"fixed\",\"auto\"]},\"g_CBPYOnL\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"s5IiNSrsF\":\"communityType\",\"ZMF5EQeEq\":\"communityEventName\",\"DJiUTXDsa\":\"communityEventDescription\",\"cbYfw5BQl\":\"communityImage\",\"LtrtfI4WG\":\"cursor2\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerP1HmC5_8t=withCSS(Component,css,\"framer-Yio41\");export default FramerP1HmC5_8t;FramerP1HmC5_8t.displayName=\"Community card\";FramerP1HmC5_8t.defaultProps={height:628,width:517};addPropertyControls(FramerP1HmC5_8t,{variant:{options:[\"u4FvT6Wil\",\"NRRKO1HUd\"],optionTitles:[\"Primary Card\",\"Phone Variant\"],title:\"Variant\",type:ControlType.Enum},s5IiNSrsF:{defaultValue:\"WORKSHOP\",displayTextArea:false,title:\"community type\",type:ControlType.String},ons5IiNSrsFChange:{changes:\"s5IiNSrsF\",type:ControlType.ChangeHandler},ZMF5EQeEq:{defaultValue:\"LAB 01: THE WHISK\",displayTextArea:false,title:\"community event name\",type:ControlType.String},onZMF5EQeEqChange:{changes:\"ZMF5EQeEq\",type:ControlType.ChangeHandler},DJiUTXDsa:{defaultValue:\"Master the physics of the perfect foam.\",displayTextArea:false,title:\"Community event Description\",type:ControlType.String},onDJiUTXDsaChange:{changes:\"DJiUTXDsa\",type:ControlType.ChangeHandler},cbYfw5BQl:{__defaultAssetReference:\"data:framer/asset-reference,1pYf2vuX0hkf77UEXNDDomgc7tk.webp?originalFilename=ChatGPT+Image+Jun+5%2C+2026%2C+07_56_44+PM.webp&width=1254&height=1254\",title:\"Community Image\",type:ControlType.ResponsiveImage},LtrtfI4WG:{title:\"Cursor 2\",type:ControlType.CustomCursor}});addFonts(FramerP1HmC5_8t,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerP1HmC5_8t\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"s5IiNSrsF\\\":\\\"communityType\\\",\\\"ZMF5EQeEq\\\":\\\"communityEventName\\\",\\\"DJiUTXDsa\\\":\\\"communityEventDescription\\\",\\\"cbYfw5BQl\\\":\\\"communityImage\\\",\\\"LtrtfI4WG\\\":\\\"cursor2\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"628\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"NRRKO1HUd\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"g_CBPYOnL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"517\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./P1HmC5_8t.map","// Generated by Framer (e0e363b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,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 Phone from\"https://framerusercontent.com/modules/JhjNU5admIi32bgBk7kN/piPqsNFW90HigDdjsxLZ/I13kdmfkC.js\";const PhoneFonts=getFonts(Phone);const cycleOrder=[\"TVHkm1CtN\",\"TiTEmEybk\",\"ufQId53fS\"];const serializationHash=\"framer-aOLbR\";const variantClassNames={TiTEmEybk:\"framer-v-lyjnvp\",TVHkm1CtN:\"framer-v-nlnulv\",ufQId53fS:\"framer-v-van146\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const u4x4NHddS=undefined;const VqFDzzc2e=undefined;const gyYYWYlGG=undefined;const transition1={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 humanReadableVariantMap={\"Contact Link Light\":\"TiTEmEybk\",\"Contact link Mobile\":\"ufQId53fS\",\"Contact Link\":\"TVHkm1CtN\"};const Variants=motion.create(React.Fragment);const getProps=({contact,height,iconColor,id,link,width,...props})=>{return{...props,gyYYWYlGG:contact??props.gyYYWYlGG??\"+1 234 567 890\",u4x4NHddS:link??props.u4x4NHddS,variant:humanReadableVariantMap[props.variant]??props.variant??\"TVHkm1CtN\",VqFDzzc2e:iconColor??props.VqFDzzc2e??\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67))\"};};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,gyYYWYlGG,u4x4NHddS,VqFDzzc2e,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"TVHkm1CtN\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"TiTEmEybk\")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,children:/*#__PURE__*/_jsx(Link,{href:u4x4NHddS,motionChild:true,nodeId:\"TVHkm1CtN\",openInNewTab:true,scopeId:\"r1iOxOkaT\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-nlnulv\",className,classNames)} framer-c8bmja`,\"data-framer-name\":\"Contact Link\",layoutDependency:layoutDependency,layoutId:\"TVHkm1CtN\",ref:refBinding,style:{...style},...addPropertyOverrides({TiTEmEybk:{\"data-framer-name\":\"Contact Link Light\"},ufQId53fS:{\"data-framer-name\":\"Contact link Mobile\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1uwe6zo\",\"data-framer-name\":\"Icon wrapper\",layoutDependency:layoutDependency,layoutId:\"p5jzLYcbI\",style:{backgroundColor:VqFDzzc2e,borderBottomLeftRadius:999,borderBottomRightRadius:999,borderTopLeftRadius:999,borderTopRightRadius:999},children:/*#__PURE__*/_jsx(Phone,{animated:true,className:\"framer-xvatm2\",layoutDependency:layoutDependency,layoutId:\"fKZV9Mo8Z\",style:{\"--1m6trwb\":0,\"--21h8s6\":\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(249, 190, 219))\",\"--pgex8v\":1.5}})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21)))\"},children:\"+1 234 567 890\"})}),className:\"framer-1wpj8x0\",fonts:[\"FS;Switzer-regular\"],layoutDependency:layoutDependency,layoutId:\"KyTL8EZNm\",style:{\"--extracted-r6o4lv\":\"var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21))\"},text:gyYYWYlGG,variants:{TiTEmEybk:{\"--extracted-r6o4lv\":\"var(--token-e6e93477-6a04-4ab1-ae7e-8337f63255f4, rgb(255, 251, 245))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({TiTEmEybk:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e6e93477-6a04-4ab1-ae7e-8337f63255f4, rgb(255, 251, 245)))\"},children:\"+1 234 567 890\"})})},ufQId53fS:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U3dpdHplci1yZWd1bGFy\",\"--framer-font-family\":'\"Switzer\", \"Switzer Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-size\":\"12px\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b0aa429e-8909-4a38-bcc6-cfb5260a963f, rgb(21, 38, 21)))\"},children:\"+1 234 567 890\"})})}},baseVariant,gestureVariant)})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-aOLbR.framer-c8bmja, .framer-aOLbR .framer-c8bmja { display: block; }\",\".framer-aOLbR.framer-nlnulv { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 7px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: 206px; }\",\".framer-aOLbR .framer-1uwe6zo { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 7px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-aOLbR .framer-xvatm2 { flex: none; height: var(--framer-aspect-ratio-supported, 20px); position: relative; width: 20px; }\",\".framer-aOLbR .framer-1wpj8x0 { flex: 1 0 0px; height: auto; overflow: hidden; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-aOLbR.framer-v-lyjnvp.framer-nlnulv { width: 175px; }\",\".framer-aOLbR.framer-v-van146.framer-nlnulv { width: min-content; }\",\".framer-aOLbR.framer-v-van146 .framer-1uwe6zo { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 23px); width: 23px; }\",\".framer-aOLbR.framer-v-van146 .framer-xvatm2 { height: var(--framer-aspect-ratio-supported, 15px); width: 15px; }\",\".framer-aOLbR.framer-v-van146 .framer-1wpj8x0 { flex: none; overflow: visible; white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 34\n * @framerIntrinsicWidth 206\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"TiTEmEybk\":{\"layout\":[\"fixed\",\"auto\"]},\"ufQId53fS\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"gyYYWYlGG\":\"contact\",\"u4x4NHddS\":\"link\",\"VqFDzzc2e\":\"iconColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerr1iOxOkaT=withCSS(Component,css,\"framer-aOLbR\");export default Framerr1iOxOkaT;Framerr1iOxOkaT.displayName=\"Contact 5\";Framerr1iOxOkaT.defaultProps={height:34,width:206};addPropertyControls(Framerr1iOxOkaT,{variant:{options:[\"TVHkm1CtN\",\"TiTEmEybk\",\"ufQId53fS\"],optionTitles:[\"Contact Link\",\"Contact Link Light\",\"Contact link Mobile\"],title:\"Variant\",type:ControlType.Enum},gyYYWYlGG:{defaultValue:\"+1 234 567 890\",displayTextArea:false,title:\"Contact\",type:ControlType.String},ongyYYWYlGGChange:{changes:\"gyYYWYlGG\",type:ControlType.ChangeHandler},u4x4NHddS:{title:\"Link\",type:ControlType.Link},VqFDzzc2e:{defaultValue:'var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67)) /* {\"name\":\"Primary Floral\"} */',title:\"icon color\",type:ControlType.Color}});addFonts(Framerr1iOxOkaT,[{explicitInter:true,fonts:[{cssFamilyName:\"Switzer\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Switzer\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/BLNB4FAQFNK56DWWNF7PMGTCOTZHOEII/ST3WKSSDMBK2MIQQO3MAVYWLF4FTOLFV/6IN5WOLRCYP4G4MOCOHOMXNON6Q7MDAR.woff2\",weight:\"400\"}]},...PhoneFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerr1iOxOkaT\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"34\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"TiTEmEybk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ufQId53fS\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"gyYYWYlGG\\\":\\\"contact\\\",\\\"u4x4NHddS\\\":\\\"link\\\",\\\"VqFDzzc2e\\\":\\\"iconColor\\\"}\",\"framerIntrinsicWidth\":\"206\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./r1iOxOkaT.map","// Generated by Framer (ea5db22)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Anton SC-regular\",\"Inter-Black\",\"Inter-BlackItalic\",\"Inter-BoldItalic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Anton SC\",source:\"google\",style:\"normal\",uiFamilyName:\"Anton SC\",url:\"https://fonts.gstatic.com/s/antonsc/v1/4UaBrEBBsgltGn71sxLjzanB44N1.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/mkY5Sgyq51ik0AMrSBwhm9DJg.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/X5hj6qzcHUYv7h1390c8Rhm6550.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/cugnVhSraaRyANCaUtI5FV17wk.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/5HcVoGak8k5agFJSaKa4floXVu0.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/rZ5DdENNqIdFTIyQQiP5isO7M.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/P2Bw01CtL0b9wqygO0sSVogWbo.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/05KsVHGDmqXSBXM4yRZ65P8i0s.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/ky8ovPukK4dJ1Pxq74qGhOqCYI.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/3ZmXbBKToJifDV9gwcifVd1tEY.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/FNfhX3dt4ChuLJq2PwdlxHO7PU.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/gcnfba68tfm7qAyrWRCf9r34jg.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/efTfQcBJ53kM2pB1hezSZ3RDUFs.woff2\",weight:\"900\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/ia3uin3hQWqDrVloC1zEtYHWw.woff2\",weight:\"700\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/2A4Xx7CngadFGlVV4xrO06OBHY.woff2\",weight:\"700\"}]}];export const css=['.framer-PiQET .framer-styles-preset-bgaqq2:not(.rich-text-wrapper), .framer-PiQET .framer-styles-preset-bgaqq2.rich-text-wrapper h4 { --framer-font-family: \"Anton SC\", \"Anton SC Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 50px; --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: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0px; --framer-line-height: 54px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, #23783b); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; }','@media (max-width: 1439px) and (min-width: 810px) { .framer-PiQET .framer-styles-preset-bgaqq2:not(.rich-text-wrapper), .framer-PiQET .framer-styles-preset-bgaqq2.rich-text-wrapper h4 { --framer-font-family: \"Anton SC\", \"Anton SC Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter 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: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0px; --framer-line-height: 40px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, #23783b); --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-PiQET .framer-styles-preset-bgaqq2:not(.rich-text-wrapper), .framer-PiQET .framer-styles-preset-bgaqq2.rich-text-wrapper h4 { --framer-font-family: \"Anton SC\", \"Anton SC Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 32px; --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: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0px; --framer-line-height: 32px; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, #23783b); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }'];export const className=\"framer-PiQET\";\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 (e0e363b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image as Image1,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 sharedStyle from\"https://framerusercontent.com/modules/7gIN5ikbJsq23KGmuB8f/U8V65uyBLycGCEkwtxMz/F5N8dmiMV.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/8LLSYEhbODYWIvG3jyJI/ePzAjw4jwuPs4O2yxR7n/Ho78M7gp6.js\";const cycleOrder=[\"XqjAIClRc\",\"Wm1JloXfY\",\"PTx7XE0NP\"];const serializationHash=\"framer-oNz57\";const variantClassNames={PTx7XE0NP:\"framer-v-206psl\",Wm1JloXfY:\"framer-v-g8qc2\",XqjAIClRc:\"framer-v-1s2trr6\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const tZSkfC6vB=undefined;const xzD_SJhVc=undefined;const qeFEZvdVZ=undefined;const GLyDW7N8j=undefined;const W2_eh9JjS=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const suffix=(value,suffix)=>{if(typeof value===\"string\"&&typeof suffix===\"string\"){return value+suffix;}else if(typeof value===\"string\"){return value;}else if(typeof suffix===\"string\"){return suffix;}return\"\";};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 humanReadableVariantMap={\"Variant Mobile\":\"PTx7XE0NP\",\"Variant Tablet\":\"Wm1JloXfY\",Dark:\"XqjAIClRc\"};const Variants=motion.create(React.Fragment);const getProps=({customerImage,customerName,height,id,nameColor,review,reviewColor,width,...props})=>{return{...props,GLyDW7N8j:reviewColor??props.GLyDW7N8j??\"var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67))\",qeFEZvdVZ:customerName??props.qeFEZvdVZ??\"Finnian Graves\",tZSkfC6vB:customerImage??props.tZSkfC6vB??{pixelHeight:1308,pixelWidth:736,src:\"https://framerusercontent.com/images/hsHINslo3NIBnZWUHCtLlmQxOaQ.jpg?width=736&height=1308\",srcSet:\"https://framerusercontent.com/images/hsHINslo3NIBnZWUHCtLlmQxOaQ.jpg?scale-down-to=1024&width=736&height=1308 576w,https://framerusercontent.com/images/hsHINslo3NIBnZWUHCtLlmQxOaQ.jpg?width=736&height=1308 736w\"},variant:humanReadableVariantMap[props.variant]??props.variant??\"XqjAIClRc\",W2_eh9JjS:review??props.W2_eh9JjS??\"\\\"Ocha isn't just a cafe; it's a productivity hack.\\\"\",xzD_SJhVc:nameColor??props.xzD_SJhVc??\"var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(249, 190, 219))\"};};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,tZSkfC6vB,qeFEZvdVZ,W2_eh9JjS,xzD_SJhVc,GLyDW7N8j,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"XqjAIClRc\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const textContent=suffix(qeFEZvdVZ,\"\");return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1s2trr6\",className,classNames),\"data-framer-name\":\"Dark\",layoutDependency:layoutDependency,layoutId:\"XqjAIClRc\",ref:refBinding,style:{...style},...addPropertyOverrides({PTx7XE0NP:{\"data-framer-name\":\"Variant Mobile\"},Wm1JloXfY:{\"data-framer-name\":\"Variant Tablet\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-pnovsn\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"IbIIzxZ_J\",style:{backgroundColor:\"var(--token-b0bb3938-008d-419c-b18a-42b0ef391a52, rgb(254, 250, 231))\",borderBottomLeftRadius:40,borderBottomRightRadius:40,borderTopLeftRadius:40,borderTopRightRadius:40},children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1eeygm8\",\"data-framer-name\":\"Client Information\",layoutDependency:layoutDependency,layoutId:\"Na4w21ldF\",style:{borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-8tr3in\",\"data-framer-name\":\"Avatar Wrapper\",layoutDependency:layoutDependency,layoutId:\"Mu_BdRtB1\",children:/*#__PURE__*/_jsx(Image1,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:360,intrinsicWidth:356,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+0+0+20+0),pixelHeight:1308,pixelWidth:736,sizes:\"120px\",...toResponsiveImage(tZSkfC6vB),...{positionX:\"center\",positionY:\"center\"}},className:\"framer-znk4gr\",\"data-framer-name\":\"Avatar\",layoutDependency:layoutDependency,layoutId:\"axCjnHBGe\",style:{borderBottomLeftRadius:30,borderBottomRightRadius:30,borderTopLeftRadius:30,borderTopRightRadius:30,mask:\"url('https://framerusercontent.com/images/DjiCc2eOXk5aIpbH0dR0SopaoBQ.png?width=356&height=360') luminance no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/DjiCc2eOXk5aIpbH0dR0SopaoBQ.png?width=356&height=360') luminance no-repeat center / cover add\"},...addPropertyOverrides({PTx7XE0NP:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:360,intrinsicWidth:356,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+0+0+20+0),pixelHeight:1308,pixelWidth:736,sizes:\"60px\",...toResponsiveImage(tZSkfC6vB),...{positionX:\"center\",positionY:\"center\"}}},Wm1JloXfY:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:360,intrinsicWidth:356,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+0+0+0+20+0),pixelHeight:1308,pixelWidth:736,sizes:\"60px\",...toResponsiveImage(tZSkfC6vB),...{positionX:\"center\",positionY:\"center\"}}}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-18wt97z\",\"data-framer-name\":\"Name Wrapper\",layoutDependency:layoutDependency,layoutId:\"f0roNGeyZ\"})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-ju4kj1\",\"data-framer-name\":\"Text Wrapper\",layoutDependency:layoutDependency,layoutId:\"aA0lvNJIU\",style:{borderBottomLeftRadius:40,borderBottomRightRadius:40,borderTopLeftRadius:40,borderTopRightRadius:40},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h4,{className:\"framer-styles-preset-bgaqq2\",\"data-styles-preset\":\"F5N8dmiMV\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-1eung3n, var(--variable-reference-xzD_SJhVc-s9wLc53eE))\"},children:\"Finnian Graves\"})}),className:\"framer-qk80pg\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"o8VP3xMxr\",style:{\"--extracted-1eung3n\":\"var(--variable-reference-xzD_SJhVc-s9wLc53eE)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-xzD_SJhVc-s9wLc53eE\":xzD_SJhVc},text:textContent,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-eobh7k\",\"data-styles-preset\":\"Ho78M7gp6\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-GLyDW7N8j-s9wLc53eE))\"},children:\"\\\"Ocha isn't just a cafe; it's a productivity hack.\\\"\"})}),className:\"framer-5j1pqs\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"AiPT81G8E\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-GLyDW7N8j-s9wLc53eE)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-GLyDW7N8j-s9wLc53eE\":GLyDW7N8j},text:W2_eh9JjS,verticalAlignment:\"top\",withExternalLayout:true})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-oNz57.framer-759xw6, .framer-oNz57 .framer-759xw6 { display: block; }\",\".framer-oNz57.framer-1s2trr6 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 600px; }\",\".framer-oNz57 .framer-pnovsn { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-oNz57 .framer-1eeygm8 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 20px 20px 0px 20px; position: relative; width: 100%; z-index: 1; }\",\".framer-oNz57 .framer-8tr3in { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; z-index: 1; }\",\".framer-oNz57 .framer-znk4gr { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 120px); overflow: hidden; position: relative; width: 120px; will-change: var(--framer-will-change-override, transform); }\",\".framer-oNz57 .framer-18wt97z { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; min-height: 54px; overflow: hidden; padding: 0px; position: relative; width: 1px; }\",\".framer-oNz57 .framer-ju4kj1 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 20px; position: relative; width: 100%; }\",\".framer-oNz57 .framer-qk80pg { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-oNz57 .framer-5j1pqs { --framer-text-wrap-override: balance; -webkit-user-select: none; flex: none; height: auto; pointer-events: none; position: relative; user-select: none; width: 100%; }\",\".framer-oNz57.framer-v-g8qc2 .framer-znk4gr, .framer-oNz57.framer-v-206psl .framer-znk4gr { height: var(--framer-aspect-ratio-supported, 60px); width: 60px; }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 272\n * @framerIntrinsicWidth 600\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"Wm1JloXfY\":{\"layout\":[\"fixed\",\"auto\"]},\"PTx7XE0NP\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"tZSkfC6vB\":\"customerImage\",\"qeFEZvdVZ\":\"customerName\",\"W2_eh9JjS\":\"review\",\"xzD_SJhVc\":\"nameColor\",\"GLyDW7N8j\":\"reviewColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framers9wLc53eE=withCSS(Component,css,\"framer-oNz57\");export default Framers9wLc53eE;Framers9wLc53eE.displayName=\"Testimonial\";Framers9wLc53eE.defaultProps={height:272,width:600};addPropertyControls(Framers9wLc53eE,{variant:{options:[\"XqjAIClRc\",\"Wm1JloXfY\",\"PTx7XE0NP\"],optionTitles:[\"Dark\",\"Variant Tablet\",\"Variant Mobile\"],title:\"Variant\",type:ControlType.Enum},tZSkfC6vB:{__defaultAssetReference:\"data:framer/asset-reference,hsHINslo3NIBnZWUHCtLlmQxOaQ.jpg?originalFilename=1cbcae4bf184783d06ca5caee11942d6.jpg&width=736&height=1308\",title:\"customer image\",type:ControlType.ResponsiveImage},qeFEZvdVZ:{defaultValue:\"Finnian Graves\",displayTextArea:false,title:\"Customer Name\",type:ControlType.String},onqeFEZvdVZChange:{changes:\"qeFEZvdVZ\",type:ControlType.ChangeHandler},W2_eh9JjS:{defaultValue:\"\\\"Ocha isn't just a cafe; it's a productivity hack.\\\"\",displayTextArea:true,title:\"Review\",type:ControlType.String},onW2_eh9JjSChange:{changes:\"W2_eh9JjS\",type:ControlType.ChangeHandler},xzD_SJhVc:{defaultValue:'var(--token-2c87749b-9667-42ed-a560-3bb2f4d1b366, rgb(249, 190, 219)) /* {\"name\":\"Primary Dark Green\"} */',title:\"name Color\",type:ControlType.Color},GLyDW7N8j:{defaultValue:'var(--token-34c81266-c640-44a5-a47b-b021e97cd741, rgb(49, 18, 67)) /* {\"name\":\"Primary Floral\"} */',title:\"review Color\",type:ControlType.Color}});addFonts(Framers9wLc53eE,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framers9wLc53eE\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"600\",\"framerVariables\":\"{\\\"tZSkfC6vB\\\":\\\"customerImage\\\",\\\"qeFEZvdVZ\\\":\\\"customerName\\\",\\\"W2_eh9JjS\\\":\\\"review\\\",\\\"xzD_SJhVc\\\":\\\"nameColor\\\",\\\"GLyDW7N8j\\\":\\\"reviewColor\\\"}\",\"framerIntrinsicHeight\":\"272\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Wm1JloXfY\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PTx7XE0NP\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./s9wLc53eE.map","// Generated by Framer (3f060d6)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"Oz0XAtBtA\",\"laXHVcwwK\",\"N6npWK5WI\",\"KiiMsGUKf\",\"hgHIlap7O\"];const serializationHash=\"framer-Zsh5P\";const variantClassNames={hgHIlap7O:\"framer-v-1thigyq\",KiiMsGUKf:\"framer-v-1v3p1n\",laXHVcwwK:\"framer-v-1cbww4e\",N6npWK5WI:\"framer-v-1s6t9ik\",Oz0XAtBtA:\"framer-v-1w4tjgy\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const rqfDjHUKS=undefined;const transition1={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 humanReadableVariantMap={\"Footer BG Text Desktop\":\"N6npWK5WI\",\"Footer BG Text Mobile\":\"hgHIlap7O\",\"Footer BG Text Tablet\":\"KiiMsGUKf\",Desktop:\"Oz0XAtBtA\",Mobile:\"laXHVcwwK\"};const Variants=motion.create(React.Fragment);const getProps=({content,height,id,width,...props})=>{return{...props,rqfDjHUKS:content??props.rqfDjHUKS??\"ACAI ACAI\",variant:humanReadableVariantMap[props.variant]??props.variant??\"Oz0XAtBtA\"};};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,rqfDjHUKS,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Oz0XAtBtA\",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__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1w4tjgy\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"Oz0XAtBtA\",ref:refBinding,style:{...style},...addPropertyOverrides({hgHIlap7O:{\"data-framer-name\":\"Footer BG Text Mobile\"},KiiMsGUKf:{\"data-framer-name\":\"Footer BG Text Tablet\"},laXHVcwwK:{\"data-framer-name\":\"Mobile\"},N6npWK5WI:{\"data-framer-name\":\"Footer BG Text Desktop\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"110px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})}),className:\"framer-1nri9n8\",\"data-framer-name\":\"Name\",fonts:[\"FS;Sora-extrabold\"],layoutDependency:layoutDependency,layoutId:\"eUwQuXZv0\",style:{\"--extracted-a0htzi\":\"rgba(255, 251, 245, 0.2)\"},text:rqfDjHUKS,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({hgHIlap7O:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"100px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},KiiMsGUKf:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"200px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},laXHVcwwK:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"40px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})},N6npWK5WI:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{dir:\"auto\",style:{\"--font-selector\":\"RlM7U29yYS1leHRyYWJvbGQ=\",\"--framer-font-family\":'\"Sora\", \"Sora Placeholder\", sans-serif',\"--framer-font-size\":\"250px\",\"--framer-font-weight\":\"800\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, rgba(255, 251, 245, 0.2))\"},children:\"COFFEE\"})})}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Zsh5P.framer-1udm6ps, .framer-Zsh5P .framer-1udm6ps { display: block; }\",\".framer-Zsh5P.framer-1w4tjgy { 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: 630px; }\",\".framer-Zsh5P .framer-1nri9n8 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-Zsh5P.framer-v-1cbww4e.framer-1w4tjgy { width: 220px; }\",\".framer-Zsh5P.framer-v-1s6t9ik.framer-1w4tjgy, .framer-Zsh5P.framer-v-1v3p1n.framer-1w4tjgy, .framer-Zsh5P.framer-v-1thigyq.framer-1w4tjgy { width: min-content; }\",\".framer-Zsh5P.framer-v-1s6t9ik .framer-1nri9n8, .framer-Zsh5P.framer-v-1v3p1n .framer-1nri9n8, .framer-Zsh5P.framer-v-1thigyq .framer-1nri9n8 { white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 110\n * @framerIntrinsicWidth 630\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"laXHVcwwK\":{\"layout\":[\"fixed\",\"auto\"]},\"N6npWK5WI\":{\"layout\":[\"auto\",\"auto\"]},\"KiiMsGUKf\":{\"layout\":[\"auto\",\"auto\"]},\"hgHIlap7O\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"rqfDjHUKS\":\"content\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramergCQGPRXQm=withCSS(Component,css,\"framer-Zsh5P\");export default FramergCQGPRXQm;FramergCQGPRXQm.displayName=\"Background text content\";FramergCQGPRXQm.defaultProps={height:110,width:630};addPropertyControls(FramergCQGPRXQm,{variant:{options:[\"Oz0XAtBtA\",\"laXHVcwwK\",\"N6npWK5WI\",\"KiiMsGUKf\",\"hgHIlap7O\"],optionTitles:[\"Desktop\",\"Mobile\",\"Footer BG Text Desktop\",\"Footer BG Text Tablet\",\"Footer BG Text Mobile\"],title:\"Variant\",type:ControlType.Enum},rqfDjHUKS:{defaultValue:\"ACAI ACAI\",displayTextArea:false,title:\"Content\",type:ControlType.String},onrqfDjHUKSChange:{changes:\"rqfDjHUKS\",type:ControlType.ChangeHandler}});addFonts(FramergCQGPRXQm,[{explicitInter:true,fonts:[{cssFamilyName:\"Sora\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Sora\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/IROOBKNKIIOJFIZNAKLMNWBMPTDRIFCT/WGIWF72OEHPTAWLXWCHXW5RU2OUPSEZF/GIKLZNBPSV72D7MCPBP7XCDQQSW2G57C.woff2\",weight:\"800\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramergCQGPRXQm\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"laXHVcwwK\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"N6npWK5WI\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"KiiMsGUKf\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"hgHIlap7O\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"630\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"110\",\"framerVariables\":\"{\\\"rqfDjHUKS\\\":\\\"content\\\"}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./gCQGPRXQm.map","// Generated by Framer (3f060d6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,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 BackgroundTextContent from\"https://framerusercontent.com/modules/aXMVqqRSJNAwjjjtsrJv/jJlxm3TMgcIbu0ZH3pxL/gCQGPRXQm.js\";const BackgroundTextContentFonts=getFonts(BackgroundTextContent);const cycleOrder=[\"vzX_Kt8Tv\",\"ppnLhMZiP\",\"sEO5zoeZ5\",\"RER_I6DGD\",\"cQsWX0XRc\",\"yAnIhKrzC\",\"g6hJgEkhd\",\"u0oWYZsAg\",\"e_rWvbG5v\",\"H5NOKWj3R\",\"Vdrk7iOsa\"];const serializationHash=\"framer-PEQzm\";const variantClassNames={cQsWX0XRc:\"framer-v-1mne66i\",e_rWvbG5v:\"framer-v-s8lsd2\",g6hJgEkhd:\"framer-v-owtfod\",H5NOKWj3R:\"framer-v-7jthak\",ppnLhMZiP:\"framer-v-1cs9ko7\",RER_I6DGD:\"framer-v-89bt9w\",sEO5zoeZ5:\"framer-v-1cl7gz\",u0oWYZsAg:\"framer-v-9ox6jl\",Vdrk7iOsa:\"framer-v-1lxokbw\",vzX_Kt8Tv:\"framer-v-qfpbmq\",yAnIhKrzC:\"framer-v-1482z32\"};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 matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return 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 humanReadableVariantMap={\"Coffee footer Desktop\":\"e_rWvbG5v\",\"Coffee footer Mobile\":\"Vdrk7iOsa\",\"Coffee footer Tablet\":\"H5NOKWj3R\",\"Coffee mobile\":\"cQsWX0XRc\",\"Desserts mobile\":\"u0oWYZsAg\",\"Matcha mobile\":\"yAnIhKrzC\",\"Tea mobile\":\"g6hJgEkhd\",Coffee:\"vzX_Kt8Tv\",Desserts:\"RER_I6DGD\",Matcha:\"ppnLhMZiP\",Tea:\"sEO5zoeZ5\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"vzX_Kt8Tv\"};};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:\"vzX_Kt8Tv\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"u0oWYZsAg\")return true;return false;};const isDisplayed1=()=>{if(baseVariant===\"g6hJgEkhd\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"yAnIhKrzC\")return true;return false;};const isDisplayed3=()=>{if(baseVariant===\"cQsWX0XRc\")return true;return false;};const isDisplayed4=()=>{if(baseVariant===\"cQsWX0XRc\")return false;return true;};const isDisplayed5=()=>{if([\"e_rWvbG5v\",\"H5NOKWj3R\",\"Vdrk7iOsa\"].includes(baseVariant))return true;return false;};const isDisplayed6=()=>{if(baseVariant===\"Vdrk7iOsa\")return true;return false;};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-qfpbmq\",className,classNames),\"data-framer-name\":\"Coffee\",layoutDependency:layoutDependency,layoutId:\"vzX_Kt8Tv\",ref:refBinding,style:{...style},...addPropertyOverrides({cQsWX0XRc:{\"data-framer-name\":\"Coffee mobile\"},e_rWvbG5v:{\"data-framer-name\":\"Coffee footer Desktop\"},g6hJgEkhd:{\"data-framer-name\":\"Tea mobile\"},H5NOKWj3R:{\"data-framer-name\":\"Coffee footer Tablet\"},ppnLhMZiP:{\"data-framer-name\":\"Matcha\"},RER_I6DGD:{\"data-framer-name\":\"Desserts\"},sEO5zoeZ5:{\"data-framer-name\":\"Tea\"},u0oWYZsAg:{\"data-framer-name\":\"Desserts mobile\"},Vdrk7iOsa:{\"data-framer-name\":\"Coffee footer Mobile\"},yAnIhKrzC:{\"data-framer-name\":\"Matcha mobile\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+0+0),...addPropertyOverrides({cQsWX0XRc:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+0+0)},e_rWvbG5v:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+0+0)},g6hJgEkhd:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+0+0)},H5NOKWj3R:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+0+0)},u0oWYZsAg:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+0+0)},Vdrk7iOsa:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+0+0)},yAnIhKrzC:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+0+0)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-p75xat-container\",layoutDependency:layoutDependency,layoutId:\"ipKleYvSg-container\",nodeId:\"ipKleYvSg\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"ipKleYvSg\",layoutId:\"ipKleYvSg\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"Oz0XAtBtA\"),width:\"100%\",...addPropertyOverrides({cQsWX0XRc:{style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},e_rWvbG5v:{style:{width:\"100%\"},variant:matchVariant(\"N6npWK5WI\")},g6hJgEkhd:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},H5NOKWj3R:{style:{width:\"100%\"},variant:matchVariant(\"KiiMsGUKf\")},RER_I6DGD:{rqfDjHUKS:\"DESSERTS\"},u0oWYZsAg:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},Vdrk7iOsa:{style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\")},yAnIhKrzC:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")}},baseVariant,gestureVariant)})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1p5plmk-container\",layoutDependency:layoutDependency,layoutId:\"gYPAPzpkK-container\",nodeId:\"gYPAPzpkK\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"gYPAPzpkK\",layoutId:\"gYPAPzpkK\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-m3sny6-container\",layoutDependency:layoutDependency,layoutId:\"LhEEcwdwP-container\",nodeId:\"LhEEcwdwP\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"LhEEcwdwP\",layoutId:\"LhEEcwdwP\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-144i68m-container\",layoutDependency:layoutDependency,layoutId:\"qmoSIdece-container\",nodeId:\"qmoSIdece\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"qmoSIdece\",layoutId:\"qmoSIdece\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1jhz6op-container\",layoutDependency:layoutDependency,layoutId:\"FrMseqgse-container\",nodeId:\"FrMseqgse\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"FrMseqgse\",layoutId:\"FrMseqgse\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-igsc6n-container\",layoutDependency:layoutDependency,layoutId:\"EvBX1ZfsY-container\",nodeId:\"EvBX1ZfsY\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"EvBX1ZfsY\",layoutId:\"EvBX1ZfsY\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-x7n7dm-container\",layoutDependency:layoutDependency,layoutId:\"fW0NZVrv5-container\",nodeId:\"fW0NZVrv5\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"fW0NZVrv5\",layoutId:\"fW0NZVrv5\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-tksl6k-container\",layoutDependency:layoutDependency,layoutId:\"S3phmlUyB-container\",nodeId:\"S3phmlUyB\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"S3phmlUyB\",layoutId:\"S3phmlUyB\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-10nxzp3-container\",layoutDependency:layoutDependency,layoutId:\"kcfePQwuw-container\",nodeId:\"kcfePQwuw\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"kcfePQwuw\",layoutId:\"kcfePQwuw\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+110+10)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1xtc3kt-container\",layoutDependency:layoutDependency,layoutId:\"EmURASR49-container\",nodeId:\"EmURASR49\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"EmURASR49\",layoutId:\"EmURASR49\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+220+20)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-cjcjw7-container\",layoutDependency:layoutDependency,layoutId:\"H_g1t7Z_b-container\",nodeId:\"H_g1t7Z_b\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"H_g1t7Z_b\",layoutId:\"H_g1t7Z_b\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-2sah1i-container\",layoutDependency:layoutDependency,layoutId:\"DFCvIUxXz-container\",nodeId:\"DFCvIUxXz\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"DFCvIUxXz\",layoutId:\"DFCvIUxXz\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-w0qap6-container\",layoutDependency:layoutDependency,layoutId:\"LnobmyK9S-container\",nodeId:\"LnobmyK9S\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"LnobmyK9S\",layoutId:\"LnobmyK9S\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1rzq62a-container\",layoutDependency:layoutDependency,layoutId:\"i3v38UeIl-container\",nodeId:\"i3v38UeIl\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"i3v38UeIl\",layoutId:\"i3v38UeIl\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1v0y5uu-container\",layoutDependency:layoutDependency,layoutId:\"c52B1160U-container\",nodeId:\"c52B1160U\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"c52B1160U\",layoutId:\"c52B1160U\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-7n40bw-container\",layoutDependency:layoutDependency,layoutId:\"jlay5boiD-container\",nodeId:\"jlay5boiD\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"jlay5boiD\",layoutId:\"jlay5boiD\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1l2oovd-container\",layoutDependency:layoutDependency,layoutId:\"ivjmXH_7Q-container\",nodeId:\"ivjmXH_7Q\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"ivjmXH_7Q\",layoutId:\"ivjmXH_7Q\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1qls2he-container\",layoutDependency:layoutDependency,layoutId:\"z9Zz873S9-container\",nodeId:\"z9Zz873S9\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"z9Zz873S9\",layoutId:\"z9Zz873S9\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-58bqoj-container\",layoutDependency:layoutDependency,layoutId:\"IxCkWVz2m-container\",nodeId:\"IxCkWVz2m\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"IxCkWVz2m\",layoutId:\"IxCkWVz2m\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1210+110)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-4ltw7k-container\",layoutDependency:layoutDependency,layoutId:\"P1hmLfddv-container\",nodeId:\"P1hmLfddv\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"P1hmLfddv\",layoutId:\"P1hmLfddv\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({cQsWX0XRc:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1320+120)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1rwxko2-container\",layoutDependency:layoutDependency,layoutId:\"OfjB83Lk9-container\",nodeId:\"OfjB83Lk9\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"OfjB83Lk9\",layoutId:\"OfjB83Lk9\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+330+30)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-vqv8w3-container\",layoutDependency:layoutDependency,layoutId:\"nkDJa9D72-container\",nodeId:\"nkDJa9D72\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"nkDJa9D72\",layoutId:\"nkDJa9D72\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-hdo8au-container\",layoutDependency:layoutDependency,layoutId:\"Desl3bmpn-container\",nodeId:\"Desl3bmpn\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"Desl3bmpn\",layoutId:\"Desl3bmpn\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1tdseuk-container\",layoutDependency:layoutDependency,layoutId:\"NkdLXtHbQ-container\",nodeId:\"NkdLXtHbQ\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"NkdLXtHbQ\",layoutId:\"NkdLXtHbQ\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-z1y3yz-container\",layoutDependency:layoutDependency,layoutId:\"h8VYldPv1-container\",nodeId:\"h8VYldPv1\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"h8VYldPv1\",layoutId:\"h8VYldPv1\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-13e969u-container\",layoutDependency:layoutDependency,layoutId:\"ca4F9P6uZ-container\",nodeId:\"ca4F9P6uZ\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"ca4F9P6uZ\",layoutId:\"ca4F9P6uZ\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-thmvoj-container\",layoutDependency:layoutDependency,layoutId:\"wByZIIqiW-container\",nodeId:\"wByZIIqiW\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"wByZIIqiW\",layoutId:\"wByZIIqiW\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1xk859z-container\",layoutDependency:layoutDependency,layoutId:\"GU4BN_gfh-container\",nodeId:\"GU4BN_gfh\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"GU4BN_gfh\",layoutId:\"GU4BN_gfh\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-kt06v5-container\",layoutDependency:layoutDependency,layoutId:\"kDwFuW64r-container\",nodeId:\"kDwFuW64r\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"kDwFuW64r\",layoutId:\"kDwFuW64r\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({g6hJgEkhd:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-lxw82m-container\",layoutDependency:layoutDependency,layoutId:\"bs9mK9mXq-container\",nodeId:\"bs9mK9mXq\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"bs9mK9mXq\",layoutId:\"bs9mK9mXq\",rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+150+10),...addPropertyOverrides({cQsWX0XRc:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-1670)/2+1430+130)},e_rWvbG5v:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+110+10)},g6hJgEkhd:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+990+90)},H5NOKWj3R:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+110+10)},u0oWYZsAg:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+330+30)},Vdrk7iOsa:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+110+10)},yAnIhKrzC:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1pqzcsz-container\",layoutDependency:layoutDependency,layoutId:\"oWv3zroda-container\",nodeId:\"oWv3zroda\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"oWv3zroda\",layoutId:\"oWv3zroda\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"Oz0XAtBtA\"),width:\"100%\",...addPropertyOverrides({cQsWX0XRc:{style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},e_rWvbG5v:{style:{width:\"100%\"},variant:matchVariant(\"N6npWK5WI\")},g6hJgEkhd:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},H5NOKWj3R:{style:{width:\"100%\"},variant:matchVariant(\"KiiMsGUKf\")},ppnLhMZiP:{rqfDjHUKS:\"MATCHA\"},RER_I6DGD:{rqfDjHUKS:\"DESSERTS\"},sEO5zoeZ5:{rqfDjHUKS:\"TEA\"},u0oWYZsAg:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},Vdrk7iOsa:{style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\")},yAnIhKrzC:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")}},baseVariant,gestureVariant)})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-z93krd-container\",layoutDependency:layoutDependency,layoutId:\"BLPIYDKV9-container\",nodeId:\"BLPIYDKV9\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"BLPIYDKV9\",layoutId:\"BLPIYDKV9\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-3l92l0-container\",layoutDependency:layoutDependency,layoutId:\"ggGHn8CSy-container\",nodeId:\"ggGHn8CSy\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"ggGHn8CSy\",layoutId:\"ggGHn8CSy\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1tsfm63-container\",layoutDependency:layoutDependency,layoutId:\"p8F7x4aGy-container\",nodeId:\"p8F7x4aGy\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"p8F7x4aGy\",layoutId:\"p8F7x4aGy\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-h4k8r1-container\",layoutDependency:layoutDependency,layoutId:\"TbQGL4M2F-container\",nodeId:\"TbQGL4M2F\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"TbQGL4M2F\",layoutId:\"TbQGL4M2F\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1orcrme-container\",layoutDependency:layoutDependency,layoutId:\"H37Y5yLWy-container\",nodeId:\"H37Y5yLWy\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"H37Y5yLWy\",layoutId:\"H37Y5yLWy\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({u0oWYZsAg:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-6l0jip-container\",layoutDependency:layoutDependency,layoutId:\"qEn6qM7p1-container\",nodeId:\"qEn6qM7p1\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"qEn6qM7p1\",layoutId:\"qEn6qM7p1\",rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed4()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+300+20),...addPropertyOverrides({e_rWvbG5v:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+220+20)},g6hJgEkhd:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1100+100)},H5NOKWj3R:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+220+20)},u0oWYZsAg:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1100+100)},Vdrk7iOsa:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+220+20)},yAnIhKrzC:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1xlcthb-container\",layoutDependency:layoutDependency,layoutId:\"AJ7I1J9M0-container\",nodeId:\"AJ7I1J9M0\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"AJ7I1J9M0\",layoutId:\"AJ7I1J9M0\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"Oz0XAtBtA\"),width:\"100%\",...addPropertyOverrides({e_rWvbG5v:{style:{width:\"100%\"},variant:matchVariant(\"N6npWK5WI\")},g6hJgEkhd:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},H5NOKWj3R:{style:{width:\"100%\"},variant:matchVariant(\"KiiMsGUKf\")},ppnLhMZiP:{rqfDjHUKS:\"MATCHA\"},RER_I6DGD:{rqfDjHUKS:\"DESSERTS\"},sEO5zoeZ5:{rqfDjHUKS:\"TEA\"},u0oWYZsAg:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},Vdrk7iOsa:{style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\")},yAnIhKrzC:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")}},baseVariant,gestureVariant)})})}),isDisplayed4()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:150,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||630)-0-630)/2+450+30),...addPropertyOverrides({e_rWvbG5v:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+330+30)},g6hJgEkhd:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1210+110)},H5NOKWj3R:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+330+30)},u0oWYZsAg:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||590)-0-1430)/2+1210+110)},Vdrk7iOsa:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+330+30)},yAnIhKrzC:{height:110,y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-oanldb-container\",layoutDependency:layoutDependency,layoutId:\"tIjT7qE73-container\",nodeId:\"tIjT7qE73\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"tIjT7qE73\",layoutId:\"tIjT7qE73\",rqfDjHUKS:\"ACAI ACAI\",style:{height:\"100%\",width:\"100%\"},variant:matchVariant(\"Oz0XAtBtA\"),width:\"100%\",...addPropertyOverrides({e_rWvbG5v:{style:{width:\"100%\"},variant:matchVariant(\"N6npWK5WI\")},g6hJgEkhd:{rqfDjHUKS:\"TEA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},H5NOKWj3R:{style:{width:\"100%\"},variant:matchVariant(\"KiiMsGUKf\")},ppnLhMZiP:{rqfDjHUKS:\"MATCHA\"},RER_I6DGD:{rqfDjHUKS:\"DESSERTS\"},sEO5zoeZ5:{rqfDjHUKS:\"TEA\"},u0oWYZsAg:{rqfDjHUKS:\"DESSERTS\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")},Vdrk7iOsa:{style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\")},yAnIhKrzC:{rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\")}},baseVariant,gestureVariant)})})}),isDisplayed5()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({e_rWvbG5v:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+440+40)},H5NOKWj3R:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+440+40)},Vdrk7iOsa:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+440+40)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-3977g9-container\",layoutDependency:layoutDependency,layoutId:\"wKwCQxbyX-container\",nodeId:\"wKwCQxbyX\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"wKwCQxbyX\",layoutId:\"wKwCQxbyX\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"N6npWK5WI\"),width:\"100%\",...addPropertyOverrides({H5NOKWj3R:{variant:matchVariant(\"KiiMsGUKf\")},Vdrk7iOsa:{variant:matchVariant(\"hgHIlap7O\")}},baseVariant,gestureVariant)})})}),isDisplayed5()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({e_rWvbG5v:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1550)-0-710)/2+550+50)},H5NOKWj3R:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1250)-0-710)/2+550+50)},Vdrk7iOsa:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+550+50)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-wq3w0p-container\",layoutDependency:layoutDependency,layoutId:\"vzH_GomuB-container\",nodeId:\"vzH_GomuB\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"vzH_GomuB\",layoutId:\"vzH_GomuB\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"N6npWK5WI\"),width:\"100%\",...addPropertyOverrides({H5NOKWj3R:{variant:matchVariant(\"KiiMsGUKf\")},Vdrk7iOsa:{variant:matchVariant(\"hgHIlap7O\")}},baseVariant,gestureVariant)})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Vdrk7iOsa:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+660+60)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1hor352-container\",layoutDependency:layoutDependency,layoutId:\"j4MWgP4Gr-container\",nodeId:\"j4MWgP4Gr\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"j4MWgP4Gr\",layoutId:\"j4MWgP4Gr\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Vdrk7iOsa:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+770+70)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-uedo9p-container\",layoutDependency:layoutDependency,layoutId:\"HIWV9Fbol-container\",nodeId:\"HIWV9Fbol\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"HIWV9Fbol\",layoutId:\"HIWV9Fbol\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Vdrk7iOsa:{height:110,width:\"100px\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+880+80)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1tvkv8z-container\",layoutDependency:layoutDependency,layoutId:\"k0tfvOcIk-container\",nodeId:\"k0tfvOcIk\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"k0tfvOcIk\",layoutId:\"k0tfvOcIk\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Vdrk7iOsa:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+990+90)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1kbm54w-container\",layoutDependency:layoutDependency,layoutId:\"JVk7lFpmK-container\",nodeId:\"JVk7lFpmK\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"JVk7lFpmK\",layoutId:\"JVk7lFpmK\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\"),width:\"100%\"})})}),isDisplayed6()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({Vdrk7iOsa:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||1200)-0-1310)/2+1100+100)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-vrqzqz-container\",layoutDependency:layoutDependency,layoutId:\"mH0UlJDOV-container\",nodeId:\"mH0UlJDOV\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"mH0UlJDOV\",layoutId:\"mH0UlJDOV\",rqfDjHUKS:\"ACAI ACAI\",style:{width:\"100%\"},variant:matchVariant(\"hgHIlap7O\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+1210+110)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-5nsv5x-container\",layoutDependency:layoutDependency,layoutId:\"V9xdTO5lC-container\",nodeId:\"V9xdTO5lC\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"V9xdTO5lC\",layoutId:\"V9xdTO5lC\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({yAnIhKrzC:{height:110,width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||640)-0-1550)/2+1320+120)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-14ko2gv-container\",layoutDependency:layoutDependency,layoutId:\"GlhEx3jAF-container\",nodeId:\"GlhEx3jAF\",rendersWithMotion:true,scopeId:\"UDp0ULKhK\",children:/*#__PURE__*/_jsx(BackgroundTextContent,{height:\"100%\",id:\"GlhEx3jAF\",layoutId:\"GlhEx3jAF\",rqfDjHUKS:\"MATCHA\",style:{width:\"100%\"},variant:matchVariant(\"laXHVcwwK\"),width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PEQzm.framer-e881b0, .framer-PEQzm .framer-e881b0 { display: block; }\",\".framer-PEQzm.framer-qfpbmq { 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: 630px; }\",\".framer-PEQzm .framer-p75xat-container, .framer-PEQzm .framer-1pqzcsz-container, .framer-PEQzm .framer-1xlcthb-container, .framer-PEQzm .framer-oanldb-container { flex: none; height: 150px; position: relative; width: 100%; }\",\".framer-PEQzm .framer-1p5plmk-container, .framer-PEQzm .framer-m3sny6-container, .framer-PEQzm .framer-144i68m-container, .framer-PEQzm .framer-1jhz6op-container, .framer-PEQzm .framer-igsc6n-container, .framer-PEQzm .framer-x7n7dm-container, .framer-PEQzm .framer-tksl6k-container, .framer-PEQzm .framer-10nxzp3-container, .framer-PEQzm .framer-1xtc3kt-container, .framer-PEQzm .framer-cjcjw7-container, .framer-PEQzm .framer-2sah1i-container, .framer-PEQzm .framer-w0qap6-container, .framer-PEQzm .framer-1rzq62a-container, .framer-PEQzm .framer-1v0y5uu-container, .framer-PEQzm .framer-7n40bw-container, .framer-PEQzm .framer-1l2oovd-container, .framer-PEQzm .framer-1qls2he-container, .framer-PEQzm .framer-58bqoj-container, .framer-PEQzm .framer-4ltw7k-container, .framer-PEQzm .framer-1rwxko2-container, .framer-PEQzm .framer-vqv8w3-container, .framer-PEQzm .framer-hdo8au-container, .framer-PEQzm .framer-1tdseuk-container, .framer-PEQzm .framer-z1y3yz-container, .framer-PEQzm .framer-13e969u-container, .framer-PEQzm .framer-thmvoj-container, .framer-PEQzm .framer-1xk859z-container, .framer-PEQzm .framer-kt06v5-container, .framer-PEQzm .framer-lxw82m-container, .framer-PEQzm .framer-z93krd-container, .framer-PEQzm .framer-3l92l0-container, .framer-PEQzm .framer-1tsfm63-container, .framer-PEQzm .framer-h4k8r1-container, .framer-PEQzm .framer-1orcrme-container, .framer-PEQzm .framer-6l0jip-container, .framer-PEQzm .framer-wq3w0p-container, .framer-PEQzm .framer-1hor352-container, .framer-PEQzm .framer-1kbm54w-container, .framer-PEQzm .framer-vrqzqz-container, .framer-PEQzm .framer-5nsv5x-container, .framer-PEQzm .framer-14ko2gv-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-PEQzm .framer-3977g9-container, .framer-PEQzm .framer-uedo9p-container, .framer-PEQzm .framer-1tvkv8z-container { flex: none; height: auto; position: relative; width: 100px; }\",\".framer-PEQzm.framer-v-1mne66i.framer-qfpbmq, .framer-PEQzm.framer-v-1482z32.framer-qfpbmq, .framer-PEQzm.framer-v-owtfod.framer-qfpbmq, .framer-PEQzm.framer-v-9ox6jl.framer-qfpbmq { width: 220px; }\",\".framer-PEQzm.framer-v-1mne66i .framer-p75xat-container, .framer-PEQzm.framer-v-1mne66i .framer-1pqzcsz-container, .framer-PEQzm.framer-v-1482z32 .framer-p75xat-container, .framer-PEQzm.framer-v-1482z32 .framer-1pqzcsz-container, .framer-PEQzm.framer-v-1482z32 .framer-1xlcthb-container, .framer-PEQzm.framer-v-1482z32 .framer-oanldb-container, .framer-PEQzm.framer-v-owtfod .framer-p75xat-container, .framer-PEQzm.framer-v-owtfod .framer-1pqzcsz-container, .framer-PEQzm.framer-v-owtfod .framer-1xlcthb-container, .framer-PEQzm.framer-v-owtfod .framer-oanldb-container, .framer-PEQzm.framer-v-9ox6jl .framer-p75xat-container, .framer-PEQzm.framer-v-9ox6jl .framer-1pqzcsz-container, .framer-PEQzm.framer-v-9ox6jl .framer-1xlcthb-container, .framer-PEQzm.framer-v-9ox6jl .framer-oanldb-container { height: auto; }\",\".framer-PEQzm.framer-v-s8lsd2.framer-qfpbmq, .framer-PEQzm.framer-v-7jthak.framer-qfpbmq, .framer-PEQzm.framer-v-1lxokbw.framer-qfpbmq { width: min-content; }\",\".framer-PEQzm.framer-v-s8lsd2 .framer-p75xat-container, .framer-PEQzm.framer-v-s8lsd2 .framer-1pqzcsz-container, .framer-PEQzm.framer-v-s8lsd2 .framer-1xlcthb-container, .framer-PEQzm.framer-v-s8lsd2 .framer-oanldb-container, .framer-PEQzm.framer-v-7jthak .framer-p75xat-container, .framer-PEQzm.framer-v-7jthak .framer-1pqzcsz-container, .framer-PEQzm.framer-v-7jthak .framer-1xlcthb-container, .framer-PEQzm.framer-v-7jthak .framer-oanldb-container, .framer-PEQzm.framer-v-1lxokbw .framer-p75xat-container, .framer-PEQzm.framer-v-1lxokbw .framer-1pqzcsz-container, .framer-PEQzm.framer-v-1lxokbw .framer-1xlcthb-container, .framer-PEQzm.framer-v-1lxokbw .framer-oanldb-container { align-self: stretch; height: auto; width: auto; }\",\".framer-PEQzm.framer-v-s8lsd2 .framer-wq3w0p-container, .framer-PEQzm.framer-v-7jthak .framer-3977g9-container, .framer-PEQzm.framer-v-7jthak .framer-wq3w0p-container, .framer-PEQzm.framer-v-1lxokbw .framer-3977g9-container, .framer-PEQzm.framer-v-1lxokbw .framer-wq3w0p-container, .framer-PEQzm.framer-v-1lxokbw .framer-1hor352-container, .framer-PEQzm.framer-v-1lxokbw .framer-1kbm54w-container, .framer-PEQzm.framer-v-1lxokbw .framer-vrqzqz-container { align-self: stretch; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 630\n * @framerIntrinsicWidth 630\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"ppnLhMZiP\":{\"layout\":[\"fixed\",\"auto\"]},\"sEO5zoeZ5\":{\"layout\":[\"fixed\",\"auto\"]},\"RER_I6DGD\":{\"layout\":[\"fixed\",\"auto\"]},\"cQsWX0XRc\":{\"layout\":[\"fixed\",\"auto\"]},\"yAnIhKrzC\":{\"layout\":[\"fixed\",\"auto\"]},\"g6hJgEkhd\":{\"layout\":[\"fixed\",\"auto\"]},\"u0oWYZsAg\":{\"layout\":[\"fixed\",\"auto\"]},\"e_rWvbG5v\":{\"layout\":[\"auto\",\"auto\"]},\"H5NOKWj3R\":{\"layout\":[\"auto\",\"auto\"]},\"Vdrk7iOsa\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerUDp0ULKhK=withCSS(Component,css,\"framer-PEQzm\");export default FramerUDp0ULKhK;FramerUDp0ULKhK.displayName=\"Background text\";FramerUDp0ULKhK.defaultProps={height:630,width:630};addPropertyControls(FramerUDp0ULKhK,{variant:{options:[\"vzX_Kt8Tv\",\"ppnLhMZiP\",\"sEO5zoeZ5\",\"RER_I6DGD\",\"cQsWX0XRc\",\"yAnIhKrzC\",\"g6hJgEkhd\",\"u0oWYZsAg\",\"e_rWvbG5v\",\"H5NOKWj3R\",\"Vdrk7iOsa\"],optionTitles:[\"Coffee\",\"Matcha\",\"Tea\",\"Desserts\",\"Coffee mobile\",\"Matcha mobile\",\"Tea mobile\",\"Desserts mobile\",\"Coffee footer Desktop\",\"Coffee footer Tablet\",\"Coffee footer Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerUDp0ULKhK,[{explicitInter:true,fonts:[]},...BackgroundTextContentFonts],{supportsExplicitInterCodegen:true});FramerUDp0ULKhK.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(BackgroundTextContent,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerUDp0ULKhK\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ppnLhMZiP\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"sEO5zoeZ5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"RER_I6DGD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"cQsWX0XRc\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"yAnIhKrzC\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"g6hJgEkhd\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"u0oWYZsAg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"e_rWvbG5v\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"H5NOKWj3R\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Vdrk7iOsa\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"630\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"630\",\"framerDisplayContentsDiv\":\"false\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UDp0ULKhK.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef,useCallback,useState,useEffect}from\"react\";import{motion,useMotionValue,useSpring,useTransform}from\"framer-motion\";// @ts-ignore\nimport{addPropertyControls,ControlType,RenderTarget,Link}from\"framer\";/**\n * CIRCLE GALLERY FX\n *\n * PATCH: added `mediaFit`.\n * \"cover\" — original behaviour. Photos fill the card and crop. Use for\n * editorial/lifestyle shots where the card IS the frame.\n * \"contain\" — for transparent product cut-outs. Nothing crops, the card\n * stops clipping, and the shadow follows the product silhouette\n * instead of drawing a rectangle around empty space.\n *\n * For cut-outs also set Card Width == Card Height (square images -> square card).\n */const wrap=(min,max,v)=>{const range=max-min;return((v-min)%range+range)%range+min;};const applyOpacity=(color,opacity)=>{if(color.startsWith(\"#\")){const hex=color.replace(\"#\",\"\");const r=parseInt(hex.substring(0,2),16);const g=parseInt(hex.substring(2,4),16);const b=parseInt(hex.substring(4,6),16);return`rgba(${r}, ${g}, ${b}, ${opacity})`;}if(color.startsWith(\"rgba\")){return color.replace(/[\\d\\.]+\\)$/g,`${opacity})`);}if(color.startsWith(\"rgb\")){return color.replace(\")\",`, ${opacity})`).replace(\"rgb\",\"rgba\");}return color;};const DEFAULT_ITEMS=[{mediaType:\"image\",title:\"Item 01\"},{mediaType:\"image\",title:\"Item 02\"},{mediaType:\"image\",title:\"Item 03\"},{mediaType:\"image\",title:\"Item 04\"}];export default function CircleGallery(props){const{items=DEFAULT_ITEMS,mediaFit=\"contain\",radius=1600,itemWidth=320,itemHeight=320,sensitivity=.5,stiffness=50,damping=25,mass=1,gap=40,magneticSnapping=true,backgroundColor=\"#000000\",borderRadius=32,borderWidth=0,borderColor=\"rgba(255,255,255,0.1)\",blurStrength=10,scaleStrength=1.15,parallaxStrength=12,shadowColor=\"#000000\",shadowBlur=40,shadowOpacity=.8,inactiveOpacity=.4,inactiveCaptionOpacity=0,captionSize=18,captionColor=\"#ffffff\",captionFont=\"inherit\",captionWeight=600,captionLetterSpacing=-.02,captionLineHeight=1.2,captionGap=20,gradientIntensity=.6,verticalOffset=-10}=props;const containerRef=useRef(null);const rawRotation=useMotionValue(0);const rotation=useSpring(rawRotation,{stiffness,damping,mass});const totalRange=items.length*gap;const halfRange=totalRange/2;const isHorizontalPan=useRef(false);const handlePanStart=(_,info)=>{isHorizontalPan.current=Math.abs(info.delta.x)>Math.abs(info.delta.y);};const handlePan=useCallback((_,info)=>{if(isHorizontalPan.current){rawRotation.set(rawRotation.get()+info.delta.x*sensitivity);}},[sensitivity]);const handlePanEnd=useCallback((_,info)=>{if(!magneticSnapping||!isHorizontalPan.current)return;const current=rawRotation.get();const velocity=info.velocity.x*sensitivity*.1;const target=Math.round((current+velocity)/gap)*gap;rawRotation.set(target);},[magneticSnapping,gap,sensitivity]);const handleWheel=e=>{const delta=e.deltaY*.1*sensitivity;rawRotation.set(rawRotation.get()-delta);if(magneticSnapping){clearTimeout(window.wheelSnapTimeout);window.wheelSnapTimeout=setTimeout(()=>{rawRotation.set(Math.round(rawRotation.get()/gap)*gap);},150);}};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",background:backgroundColor,overflow:\"hidden\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"default\",position:\"relative\",userSelect:\"none\",WebkitUserSelect:\"none\",touchAction:\"pan-y\",WebkitTapHighlightColor:\"transparent\"},onWheel:handleWheel,children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,pointerEvents:\"none\",background:`radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 80%)`,opacity:gradientIntensity}}),/*#__PURE__*/_jsx(motion.div,{ref:containerRef,onPanStart:handlePanStart,onPan:handlePan,onPanEnd:handlePanEnd,style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:10},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",transform:`translateY(${verticalOffset}%)`,width:0,height:0,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:items.map((item,idx)=>/*#__PURE__*/_jsx(GalleryItemView,{item:item,index:idx,mediaFit:mediaFit,scrollRotation:rotation,radius:radius,width:itemWidth,height:itemHeight,gap:gap,halfRange:halfRange,borderRadius:borderRadius,borderWidth:borderWidth,borderColor:borderColor,blurStrength:blurStrength,scaleStrength:scaleStrength,parallaxStrength:parallaxStrength,shadowColor:shadowColor,shadowBlur:shadowBlur,shadowOpacity:shadowOpacity,inactiveOpacity:inactiveOpacity,inactiveCaptionOpacity:inactiveCaptionOpacity,captionSize:captionSize,captionColor:captionColor,captionFont:captionFont,captionWeight:captionWeight,captionLetterSpacing:captionLetterSpacing,captionLineHeight:captionLineHeight,captionGap:captionGap},`${idx}-${item.title}`))})})]});}const GalleryItemView=props=>{const{item,index,mediaFit,scrollRotation,radius,width,height,gap,halfRange,borderRadius,borderWidth,borderColor,blurStrength,scaleStrength,parallaxStrength,shadowColor,shadowBlur,shadowOpacity,inactiveOpacity,inactiveCaptionOpacity,captionSize,captionColor,captionFont,captionWeight,captionLetterSpacing,captionLineHeight,captionGap}=props;// ── THE FIX ────────────────────────────────────────────────\nconst isContain=mediaFit===\"contain\";const videoRef=useRef(null);const[isHovered,setHovered]=useState(false);const isCanvas=RenderTarget.current()===RenderTarget.canvas;const isVideo=item.mediaType===\"video\";const mediaSrc=isVideo?item.videoFile:item.imageFile||item.image;const posterSrc=isVideo?item.imageFile||item.image:undefined;const extractedFontFamily=captionFont&&typeof captionFont===\"object\"&&captionFont.fontFamily?captionFont.fontFamily:typeof captionFont===\"string\"?captionFont:\"inherit\";useEffect(()=>{const vid=videoRef.current;if(isVideo&&vid&&!isCanvas){if(item.autoPlay){vid.play().catch(()=>{});}else if(item.playOnHover){if(isHovered){vid.play().catch(()=>{});}else{vid.pause();vid.currentTime=0;}}}},[isHovered,item,isCanvas,isVideo]);const initialAngle=index*gap;const itemAngle=useTransform(scrollRotation,r=>wrap(-halfRange,halfRange,initialAngle+r));const x=useTransform(itemAngle,a=>Math.sin(a*Math.PI/180)*radius);const y=useTransform(itemAngle,a=>(1-Math.cos(a*Math.PI/180))*radius);const rotate=useTransform(itemAngle,a=>a);const opacity=useTransform(itemAngle,[-60,-30,0,30,60],[0,inactiveOpacity,1,inactiveOpacity,0]);const scale=useTransform(itemAngle,[-45,0,45],[.8,scaleStrength,.8]);const blurValue=useTransform(itemAngle,[-40,0,40],[blurStrength,0,blurStrength]);const filter=useTransform(blurValue,b=>`blur(${b}px)`);const zIndex=useTransform(opacity,o=>Math.round(o*100));const imgX=useTransform(itemAngle,[-45,45],[`-${parallaxStrength}%`,`${parallaxStrength}%`]);const finalShadowColor=applyOpacity(shadowColor,shadowOpacity);const mediaStyle={position:\"absolute\",top:0,height:\"100%\",// contain: fill the card exactly, nothing to crop against.\n// cover: oversize so the parallax has room to slide.\nwidth:isContain?\"100%\":\"160%\",left:isContain?\"0%\":\"-30%\",objectFit:mediaFit,x:imgX,pointerEvents:\"none\",WebkitUserDrag:\"none\",// silhouette shadow for cut-outs; a box-shadow round a transparent\n// card would just draw a rectangle in mid-air.\nfilter:isContain&&shadowOpacity>0?`drop-shadow(0 ${Math.round(shadowBlur*.4)}px ${Math.round(shadowBlur*.6)}px ${finalShadowColor})`:\"none\"};const CardContent=/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:width,height:height,borderRadius:isContain?0:borderRadius,overflow:isContain?\"visible\":\"hidden\",background:\"transparent\",border:!isContain&&borderWidth>0?`${borderWidth}px solid ${borderColor}`:\"none\",boxShadow:!isContain&&shadowOpacity>0?`0 40px ${shadowBlur}px -20px ${finalShadowColor}`:\"none\",backfaceVisibility:\"hidden\",WebkitBackfaceVisibility:\"hidden\",transform:\"translateZ(0)\",outline:\"none\"},children:isVideo?/*#__PURE__*/_jsx(motion.video,{ref:videoRef,src:mediaSrc,poster:posterSrc,muted:true,loop:true,playsInline:true,style:mediaStyle}):/*#__PURE__*/_jsx(motion.img,{src:mediaSrc,alt:item.title,style:mediaStyle})}),item.title&&/*#__PURE__*/_jsx(\"div\",{style:{marginTop:captionGap,width:\"100%\",textAlign:\"center\",pointerEvents:\"none\"},children:/*#__PURE__*/_jsx(motion.span,{style:{display:\"block\",color:captionColor,fontFamily:extractedFontFamily,fontSize:captionSize,fontWeight:captionWeight,letterSpacing:`${captionLetterSpacing}em`,lineHeight:captionLineHeight,opacity:useTransform(itemAngle,[-20,0,20],[inactiveCaptionOpacity,1,inactiveCaptionOpacity]),y:useTransform(itemAngle,[-10,0,10],[10,0,10])},children:item.title})})]});return /*#__PURE__*/_jsx(motion.div,{onMouseEnter:()=>!isCanvas&&setHovered(true),onMouseLeave:()=>!isCanvas&&setHovered(false),style:{position:\"absolute\",x,y,rotate,opacity,scale,filter,zIndex,width,height:height+120,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",userSelect:\"none\",outline:\"none\"},children:item.link?/*#__PURE__*/_jsx(Link,{href:item.link,style:{display:\"contents\",width:\"100%\",height:\"100%\",outline:\"none\"},children:CardContent}):CardContent});};// @ts-ignore\nif(addPropertyControls){addPropertyControls(CircleGallery,{items:{type:ControlType.Array,title:\"Gallery Items\",description:\"Uses the Image/Poster field as the UI thumbnail.\",control:{type:ControlType.Object,controls:{mediaType:{type:ControlType.Enum,title:\"Type\",options:[\"image\",\"video\"],defaultValue:\"image\"},imageFile:{type:ControlType.Image,title:\"Image / Poster\"},videoFile:{type:ControlType.File,title:\"Video File\",allowedFileTypes:[\"mp4\",\"mov\",\"webm\"],hidden:p=>p.mediaType!==\"video\"},autoPlay:{type:ControlType.Boolean,title:\"Auto Play\",defaultValue:true,hidden:p=>p.mediaType!==\"video\"},playOnHover:{type:ControlType.Boolean,title:\"Play on Hover\",defaultValue:false,hidden:p=>p.mediaType!==\"video\"||p.autoPlay===true},title:{type:ControlType.String,title:\"Label\"}}},defaultValue:DEFAULT_ITEMS},mediaFit:{type:ControlType.Enum,title:\"Media Fit\",options:[\"cover\",\"contain\"],optionTitles:[\"Cover — photos\",\"Contain — cut-outs\"],defaultValue:\"contain\",description:\"**Contain** for transparent product PNGs — nothing crops. **Cover** for photos filling the card. For cut-outs set Card Width = Card Height.\"},magneticSnapping:{type:ControlType.Boolean,title:\"Magnetic Snap\",defaultValue:true},sensitivity:{type:ControlType.Number,title:\"Sensitivity\",min:.1,max:3,step:.1,defaultValue:.5},stiffness:{type:ControlType.Number,title:\"Snap Stiffness\",min:1,max:800,step:10,defaultValue:50},damping:{type:ControlType.Number,title:\"Snap Damping\",min:1,max:100,step:1,defaultValue:25},mass:{type:ControlType.Number,title:\"Mass\",min:.1,max:10,step:.1,defaultValue:1},radius:{type:ControlType.Number,title:\"Circle Radius\",min:500,max:3e3,step:10,defaultValue:1600},gap:{type:ControlType.Number,title:\"Angle Gap\",min:10,max:90,step:1,defaultValue:40},itemWidth:{type:ControlType.Number,title:\"Card Width\",min:100,max:800,step:10,defaultValue:320},itemHeight:{type:ControlType.Number,title:\"Card Height\",min:100,max:1e3,step:10,defaultValue:320,description:\"Match Card Width for square cut-outs.\"},verticalOffset:{type:ControlType.Number,title:\"Center Y (%)\",min:-50,max:50,step:1,defaultValue:-10},backgroundColor:{type:ControlType.Color,title:\"Scene Color\",defaultValue:\"#000000\"},gradientIntensity:{type:ControlType.Number,title:\"Scene Light\",min:0,max:1,step:.1,defaultValue:.6},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",min:0,max:200,step:1,defaultValue:32,hidden:p=>p.mediaFit===\"contain\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",min:0,max:10,step:1,defaultValue:0,hidden:p=>p.mediaFit===\"contain\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"rgba(255,255,255,0.1)\",hidden:p=>p.mediaFit===\"contain\"},shadowColor:{type:ControlType.Color,title:\"Shadow Color\",defaultValue:\"#000000\"},shadowOpacity:{type:ControlType.Number,title:\"Shadow Intensity\",min:0,max:1,step:.05,defaultValue:.8},shadowBlur:{type:ControlType.Number,title:\"Shadow Blur\",min:0,max:100,step:1,defaultValue:40},inactiveOpacity:{type:ControlType.Number,title:\"Side Opacity\",min:0,max:1,step:.05,defaultValue:.4},inactiveCaptionOpacity:{type:ControlType.Number,title:\"Side Text Opacity\",min:0,max:1,step:.05,defaultValue:0},blurStrength:{type:ControlType.Number,title:\"Blur Strength\",min:0,max:50,step:1,defaultValue:10},scaleStrength:{type:ControlType.Number,title:\"Focus Scale\",min:1,max:2,step:.05,defaultValue:1.15},parallaxStrength:{type:ControlType.Number,title:\"Parallax\",min:0,max:50,step:1,defaultValue:12,description:\"On cut-outs this drifts the product. Set 0 to lock it.\"},captionFont:{// @ts-ignore\ntype:ControlType.Font,title:\"Font Family\"},captionSize:{type:ControlType.Number,title:\"Text Size\",min:10,max:80,step:1,defaultValue:18},captionColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#ffffff\"},captionWeight:{type:ControlType.Enum,title:\"Weight\",options:[300,400,500,600,700,800,900],defaultValue:600},captionLetterSpacing:{type:ControlType.Number,title:\"Letter Spacing\",min:-.1,max:.5,step:.01,defaultValue:-.02},captionLineHeight:{type:ControlType.Number,title:\"Line Height\",min:.5,max:3,step:.1,defaultValue:1.2},captionGap:{type:ControlType.Number,title:\"Text Gap\",min:0,max:150,step:1,defaultValue:20}});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CircleGallery\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./framer_circle_gallery_carousel.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef,useCallback}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";// ─── 1. SHADERS ──────────────────────────────────────────────────────────────\nconst VERTEX_SHADER=`\nattribute vec2 position;\nvarying vec2 vUv;\nvoid main() {\n vUv = position * 0.5 + 0.5;\n vUv.y = 1.0 - vUv.y;\n gl_Position = vec4(position, 0.0, 1.0);\n}\n`;const FRAGMENT_SHADER=`\nprecision highp float;\nvarying vec2 vUv;\nuniform sampler2D uTexCurrent;\nuniform sampler2D uTexNext;\nuniform float uProgress;\nuniform vec2 uResolution;\nuniform vec2 uImageResolution;\nuniform float uNoiseScale;\nuniform float uDistortion;\nuniform float uIsIntro;\n\nvec3 mod289(vec3 x){return x-floor(x*(1.0/289.0))*289.0;}\nvec2 mod289(vec2 x){return x-floor(x*(1.0/289.0))*289.0;}\nvec3 permute(vec3 x){return mod289(((x*34.0)+1.0)*x);}\nfloat snoise(vec2 v){\n const vec4 C=vec4(0.211324865405187,0.366025403784439,-0.577350269189626,0.024390243902439);\n vec2 i=floor(v+dot(v,C.yy));\n vec2 x0=v-i+dot(i,C.xx);\n vec2 i1=(x0.x>x0.y)?vec2(1.0,0.0):vec2(0.0,1.0);\n vec4 x12=x0.xyxy+C.xxzz;\n x12.xy-=i1;\n i=mod289(i);\n vec3 p=permute(permute(i.y+vec3(0.0,i1.y,1.0))+i.x+vec3(0.0,i1.x,1.0));\n vec3 m=max(0.5-vec3(dot(x0,x0),dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)),0.0);\n m=m*m;m=m*m;\n vec3 x=2.0*fract(p*C.www)-1.0;\n vec3 h=abs(x)-0.5;\n vec3 a0=x-floor(x+0.5);\n vec3 g=a0*vec3(x0.x,x12.xz)+h*vec3(x0.y,x12.yw);\n return 130.0*dot(m,g);\n}\n\nvoid main(){\n vec2 ratio=vec2(\n min((uResolution.x/uResolution.y)/(uImageResolution.x/uImageResolution.y),1.0),\n min((uResolution.y/uResolution.x)/(uImageResolution.y/uImageResolution.x),1.0)\n );\n vec2 uv=vec2(\n vUv.x*ratio.x+(1.0-ratio.x)*0.5,\n vUv.y*ratio.y+(1.0-ratio.y)*0.5\n );\n float n=snoise(uv*uNoiseScale);\n float mappedProgress=uProgress*(1.0+uDistortion*2.0)-uDistortion;\n float dist=(1.0-uv.y)-mappedProgress+(n*uDistortion);\n float wipe=smoothstep(0.0,0.01,dist);\n float edgeDistress=(1.0-smoothstep(0.0,0.05,abs(dist)))*0.03;\n vec2 uvR=uv+edgeDistress;\n // During intro, c1 is transparent so the blur CSS layer shows through.\n // The wipe reveals c2 (the first/target image) on top of the blur.\n vec4 c1=mix(texture2D(uTexCurrent,uvR),vec4(0.0,0.0,0.0,0.0),uIsIntro);\n vec4 c2=texture2D(uTexNext,uvR);\n gl_FragColor=mix(c2,c1,wipe);\n}\n`;// ─── 2. WEBGL ENGINE ─────────────────────────────────────────────────────────\nconst WebGLBackground=/*#__PURE__*/React.memo(({images,activeIndex,fluidIntensity,noiseScale,wipeDuration,onReady,onIntroComplete,skipIntro})=>{const canvasRef=useRef(null);const containerRef=useRef(null);const glState=useRef({textures:[],outgoingIndex:0,incomingIndex:0,progress:0,isIntro:1,introComplete:false,width:300,height:300,imageAspect:[1e3,1e3],reqId:0});const pendingIndex=useRef(-1);// Mirror skipIntro into a ref so the render loop can read it without\n// being a dependency of the effect (which would recreate GL on every change)\nconst skipIntroRef=useRef(skipIntro);useEffect(()=>{skipIntroRef.current=skipIntro;},[skipIntro]);useEffect(()=>{const canvas=canvasRef.current;const container=containerRef.current;if(!canvas||!container||!images?.length)return;let alive=true;const gl=canvas.getContext(\"webgl\",{alpha:true,antialias:true,preserveDrawingBuffer:false});if(!gl)return;const ro=new ResizeObserver(entries=>{for(const e of entries){if(e.contentRect.width>0)glState.current.width=e.contentRect.width;if(e.contentRect.height>0)glState.current.height=e.contentRect.height;}});ro.observe(container);const compileShader=(type,src)=>{const sh=gl.createShader(type);gl.shaderSource(sh,src);gl.compileShader(sh);return sh;};const prog=gl.createProgram();gl.attachShader(prog,compileShader(gl.VERTEX_SHADER,VERTEX_SHADER));gl.attachShader(prog,compileShader(gl.FRAGMENT_SHADER,FRAGMENT_SHADER));gl.linkProgram(prog);gl.useProgram(prog);const buf=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,buf);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),gl.STATIC_DRAW);const posLoc=gl.getAttribLocation(prog,\"position\");gl.enableVertexAttribArray(posLoc);gl.vertexAttribPointer(posLoc,2,gl.FLOAT,false,0,0);const u={texCurrent:gl.getUniformLocation(prog,\"uTexCurrent\"),texNext:gl.getUniformLocation(prog,\"uTexNext\"),progress:gl.getUniformLocation(prog,\"uProgress\"),resolution:gl.getUniformLocation(prog,\"uResolution\"),imageRes:gl.getUniformLocation(prog,\"uImageResolution\"),noiseScale:gl.getUniformLocation(prog,\"uNoiseScale\"),distortion:gl.getUniformLocation(prog,\"uDistortion\"),isIntro:gl.getUniformLocation(prog,\"uIsIntro\")};const loadTex=url=>new Promise(resolve=>{const img=new Image;img.crossOrigin=\"anonymous\";img.onload=()=>{const tex=gl.createTexture();gl.bindTexture(gl.TEXTURE_2D,tex);gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,gl.RGBA,gl.UNSIGNED_BYTE,img);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,gl.LINEAR);resolve({texture:tex,width:img.width,height:img.height});};img.src=typeof url===\"object\"&&url.src?url.src:url;});Promise.all(images.map(loadTex)).then(loaded=>{if(!alive)return;glState.current.textures=loaded;glState.current.imageAspect=[loaded[0].width,loaded[0].height];if(onReady)onReady();const tick=()=>{if(!alive)return;const s=glState.current;const dpr=window.devicePixelRatio||1;const tw=Math.floor(s.width*dpr);const th=Math.floor(s.height*dpr);if(canvas.width!==tw||canvas.height!==th){canvas.width=tw;canvas.height=th;gl.viewport(0,0,tw,th);}if(s.progress<1){// KEY FIX: if the user already interacted before the intro\n// wipe could finish, skip straight to progress=1 so the\n// normal transition system takes over immediately.\nif(skipIntroRef.current&&s.isIntro===1){s.progress=1;}else{const dur=s.isIntro===1?wipeDuration*1.2:Math.max(wipeDuration,.05);s.progress=Math.min(s.progress+.016/dur,1);}if(s.progress>=1){s.outgoingIndex=s.incomingIndex;s.isIntro=0;s.introComplete=true;// Apply the index the user hovered to during loading\nif(pendingIndex.current!==-1&&pendingIndex.current!==s.incomingIndex){s.outgoingIndex=s.incomingIndex;s.incomingIndex=pendingIndex.current;s.progress=0;s.imageAspect=[s.textures[pendingIndex.current].width,s.textures[pendingIndex.current].height];pendingIndex.current=-1;}if(onIntroComplete)onIntroComplete();}}gl.clearColor(0,0,0,0);gl.clear(gl.COLOR_BUFFER_BIT);gl.useProgram(prog);gl.activeTexture(gl.TEXTURE0);gl.bindTexture(gl.TEXTURE_2D,s.textures[s.outgoingIndex].texture);gl.uniform1i(u.texCurrent,0);gl.activeTexture(gl.TEXTURE1);gl.bindTexture(gl.TEXTURE_2D,s.textures[s.incomingIndex].texture);gl.uniform1i(u.texNext,1);gl.uniform1f(u.progress,1-Math.pow(1-s.progress,4));gl.uniform2f(u.resolution,canvas.width,canvas.height);gl.uniform2f(u.imageRes,s.imageAspect[0],s.imageAspect[1]);gl.uniform1f(u.noiseScale,noiseScale);gl.uniform1f(u.distortion,fluidIntensity);gl.uniform1f(u.isIntro,s.isIntro);gl.drawArrays(gl.TRIANGLES,0,6);s.reqId=requestAnimationFrame(tick);};tick();});return()=>{alive=false;ro.disconnect();cancelAnimationFrame(glState.current.reqId);};},[images,fluidIntensity,noiseScale,wipeDuration]);useEffect(()=>{const s=glState.current;if(!s.textures.length||activeIndex===s.incomingIndex)return;if(!s.introComplete){// Queue — will be applied when intro finishes (or when skipped)\npendingIndex.current=activeIndex;}else{s.outgoingIndex=s.incomingIndex;s.incomingIndex=activeIndex;s.progress=0;s.imageAspect=[s.textures[activeIndex].width,s.textures[activeIndex].height];}},[activeIndex]);return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{position:\"absolute\",inset:0,zIndex:1},children:/*#__PURE__*/_jsx(\"canvas\",{ref:canvasRef,style:{width:\"100%\",height:\"100%\",display:\"block\"}})});});// ─── 3. EDITOR STATIC PREVIEW ────────────────────────────────────────────────\n// Rendered only in Framer's design canvas — no WebGL, no timers, no autoplay.\n// Shows a clean pixel-perfect snapshot of the component so designers can\n// see all elements and adjust properties normally.\nfunction EditorPreview({images,activeItemSize,inactiveItemSize,inactiveOpacity,listPosition,paddingTop,paddingRight,paddingBottom,paddingLeft,barWidth,barHeight,barColor,barBg,barRadius,barBlur}){const firstSrc=images?.[0]?typeof images[0]===\"object\"&&images[0].src?images[0].src:images[0]:\"\";const alignItems=listPosition===\"Top\"?\"flex-start\":listPosition===\"Bottom\"?\"flex-end\":\"center\";return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},children:[firstSrc&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundImage:`url(${firstSrc})`,backgroundSize:\"cover\",backgroundPosition:\"center\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,zIndex:2,display:\"flex\",justifyContent:\"center\",alignItems,paddingTop,paddingRight,paddingBottom,paddingLeft,boxSizing:\"border-box\"},children:(images||[]).map((imgItem,index)=>{const isActive=index===0;const src=typeof imgItem===\"object\"&&imgItem.src?imgItem.src:imgItem;return /*#__PURE__*/_jsx(\"div\",{style:{backgroundImage:`url(${src})`,backgroundSize:\"cover\",backgroundPosition:\"center\",borderRadius:16,boxShadow:\"0 20px 50px rgba(0,0,0,0.5)\",flexShrink:0,position:\"relative\",overflow:\"hidden\",width:isActive?activeItemSize:inactiveItemSize,height:isActive?activeItemSize:inactiveItemSize,opacity:isActive?1:inactiveOpacity,filter:isActive?\"grayscale(0%)\":\"grayscale(70%)\",margin:isActive?`0 ${Math.round(activeItemSize*.1)}px`:\"0 6px\",outline:isActive?\"2px solid rgba(255,255,255,0.75)\":\"2px solid transparent\",outlineOffset:2},children:isActive&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:18,left:\"50%\",transform:\"translateX(-50%)\",width:barWidth,height:barHeight,backgroundColor:barBg,borderRadius:barRadius,backdropFilter:`blur(${barBlur}px)`,WebkitBackdropFilter:`blur(${barBlur}px)`,zIndex:20},children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"60%\",height:\"100%\",backgroundColor:barColor,borderRadius:barRadius}})})},index);})})]});}// ─── 4. MAIN EXPORT ──────────────────────────────────────────────────────────\nexport default function InteractiveCarousel(props){// In Framer's design canvas: static preview only, no GL, no timers\nif(RenderTarget.current()===RenderTarget.canvas){const{images,activeItemSize,inactiveItemSize,inactiveOpacity,listPosition,paddingTop,paddingRight,paddingBottom,paddingLeft,barWidth,barHeight,barColor,barBg,barRadius,barBlur}=props;return /*#__PURE__*/_jsx(EditorPreview,{images,activeItemSize,inactiveItemSize,inactiveOpacity,listPosition,paddingTop,paddingRight,paddingBottom,paddingLeft,barWidth,barHeight,barColor,barBg,barRadius,barBlur});}return /*#__PURE__*/_jsx(LiveCarousel,{...props});}// ─── 5. LIVE CAROUSEL ────────────────────────────────────────────────────────\nfunction LiveCarousel({images,autoPlayInterval,fluidIntensity,noiseScale,wipeDuration,listPosition,activeItemSize,inactiveItemSize,inactiveOpacity,verticalHover,paddingTop,paddingRight,paddingBottom,paddingLeft,barHeight,barWidth,barColor,barBg,barRadius,barBlur}){const[activeIndex,setActiveIndex]=useState(0);const[texturesReady,setTexturesReady]=useState(false);const[introComplete,setIntroComplete]=useState(false);const containerRef=useRef(null);const itemsRef=useRef([]);const hasAnimatedIn=useRef(false);// NEW: track whether the user has interacted before the intro finished.\n// When true, we tell WebGLBackground to skip the intro wipe immediately.\nconst[userHasInteracted,setUserHasInteracted]=useState(false);useEffect(()=>{if(texturesReady)hasAnimatedIn.current=true;},[texturesReady]);// ── Tile center cache (prevents last-tile hover lag) ──────────────────────\n// We cache tile centers after each layout animation settles (~420ms spring)\n// instead of reading getBoundingClientRect() on every pointermove while\n// tiles are still animating to their new sizes.\nconst tileCentersRef=useRef([]);const updateCenters=useCallback(()=>{if(!containerRef.current)return;const rect=containerRef.current.getBoundingClientRect();tileCentersRef.current=itemsRef.current.map(el=>{if(!el)return 0;const r=el.getBoundingClientRect();return r.left-rect.left+r.width/2;});},[]);const layoutTimerRef=useRef(null);useEffect(()=>{if(layoutTimerRef.current)clearTimeout(layoutTimerRef.current);layoutTimerRef.current=setTimeout(updateCenters,420);return()=>{if(layoutTimerRef.current)clearTimeout(layoutTimerRef.current);};},[activeIndex,texturesReady,updateCenters]);// ── rAF-throttled proximity pointer handler ───────────────────────────────\nconst rafRef=useRef(false);const handlePointerMove=useCallback(e=>{if(!verticalHover||!images?.length)return;// First interaction — signal the GL engine to skip the intro wipe\n// so the background immediately snaps to whatever the user hovered\nif(!userHasInteracted)setUserHasInteracted(true);if(rafRef.current)return;rafRef.current=true;const clientX=e.clientX;requestAnimationFrame(()=>{rafRef.current=false;if(!containerRef.current)return;const rect=containerRef.current.getBoundingClientRect();const mouseX=clientX-rect.left;// Use the cached centers if available, fall back to live reads\nconst centers=tileCentersRef.current.length?tileCentersRef.current:itemsRef.current.map(el=>{if(!el)return 0;const r=el.getBoundingClientRect();return r.left-rect.left+r.width/2;});let closest=0,minDist=Infinity;centers.forEach((c,i)=>{const d=Math.abs(mouseX-c);if(d