$0 USD
\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,U2bckk9Ci,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"q765oO3yC\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-PixXK\",sharedStyle.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsx(motion.div,{...restProps,className:cx(\"framer-kixgj4\",className),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"q765oO3yC\",ref:ref,style:{...style},children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:U2bckk9Ci,className:\"framer-1iq4zis\",layoutDependency:layoutDependency,layoutId:\"ZBWxU4W6n\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},stylesPresetsClassNames:{p:\"framer-styles-preset-j385k6\"},verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=['.framer-PixXK [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PixXK .framer-1n4dbv2 { display: block; }\",\".framer-PixXK .framer-kixgj4 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-PixXK .framer-1iq4zis { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PixXK .framer-kixgj4 { gap: 0px; } .framer-PixXK .framer-kixgj4 > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-PixXK .framer-kixgj4 > :first-child { margin-left: 0px; } .framer-PixXK .framer-kixgj4 > :last-child { margin-right: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 55.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"U2bckk9Ci\":\"text\"}\n */ const FrameratkMxVAKb=withCSS(Component,css,\"framer-PixXK\");export default FrameratkMxVAKb;FrameratkMxVAKb.displayName=\"shopX / cartSubtotal\";FrameratkMxVAKb.defaultProps={height:16,width:55.5};addPropertyControls(FrameratkMxVAKb,{U2bckk9Ci:{defaultValue:\"$0 USD
\",title:\"text\",type:ControlType.RichText}});addFonts(FrameratkMxVAKb,[...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameratkMxVAKb\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"U2bckk9Ci\\\":\\\"text\\\"}\",\"framerIntrinsicHeight\":\"16\",\"framerIntrinsicWidth\":\"55.5\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./atkMxVAKb.map","/*\n * shopX / cartSubtotal\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js\"\nexport { default } from \"https://framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js\"\n","/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useMemo,useState}from\"react\";import ShopXCartSubtotal from\"https://framer.com/m/shopX-cartSubtotal-pv7y.js\";import{addPropertyControls,ControlType}from\"framer\";import{get}from\"lodash-es\";import{knownCurrenciesWithCodeAsSymbol}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/18cq93eooqM4YmdbL7E2/currencyMaps.js\";import{getLocaleFromCountry}from\"https://framerusercontent.com/modules/vC6fzbfO83MgBPIhn5zl/DUlbmWuOELzEUenVmv3G/locales.js\";import{RenderTarget}from\"framer\";// Helper function to check if a currency's symbol is the same as its code\nconst isCurrencySymbolSameAsCode=currencyCode=>{// For some currencies like CHF, the browser might use the code as the symbol\nif(!currencyCode)return false;if(knownCurrenciesWithCodeAsSymbol.includes(currencyCode)){return true;}try{const formatted=new Intl.NumberFormat(undefined,{style:\"currency\",currency:currencyCode,currencyDisplay:\"narrowSymbol\"}).format(0);// Remove digits, decimal points, and common formatting characters\nconst cleanFormatted=formatted.replace(/[0-9.,\\s]/g,\"\");// Check if what remains is the currency code\nreturn cleanFormatted===currencyCode;}catch(e){return false;}};/**\n * @framerDisableUnlink\n */export default function FC_CartSubtotal(props){const{format:{showCurrency,showSymbol,showDecimals,currencyCode:previewCurrencyCode}={}}=props;const[subtotal,setSubtotal]=useState(0);const[cart,setCart]=useState(null);const[selectedCurrency,setSelectedCurrency]=useState(\"\");const[selectedCountryCode,setSelectedCountryCode]=useState(\"\");const[selectedCountry,setSelectedCountry]=useState(\"\");const[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){const position=window?.__FcCurrencyConfigs?.currencyPosition||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:window?.__FcCurrencyConfigs?.currencySymbol||\"$\"};//console.log('Initial currency config state:', initialConfig, window?.__FcCurrencyConfigs);\nreturn initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});const isBrowser=typeof window!==\"undefined\";// Initialize currency from localStorage on page load\nuseEffect(()=>{if(!isBrowser)return;const storedCurrency=localStorage.getItem(\"selectedCurrency\");const storedCountryCode=localStorage.getItem(\"selectedCountryCode\");const storedCountry=localStorage.getItem(\"selectedCountry\");setSelectedCurrency(storedCurrency||\"USD\");setSelectedCountryCode(storedCountryCode||\"US\");setSelectedCountry(storedCountry||\"United States\");// console.log(\"[FC_CartSubtotal] Initial Currency State:\", {\n// currency: storedCurrency\n// })\n},[isBrowser]);// Debug current currency config\n// useEffect(() => {\n// console.log('Currency config changed:', currencyConfig);\n// }, [currencyConfig]);\n// Add currency settings listener\nuseEffect(()=>{if(!isBrowser)return;function updateCurrencyConfig(position,symbol){//console.log('Updating currency config with:', { position, symbol });\nconst newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};//console.log('New currency config:', newConfig);\nsetCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{//console.log('Currency update event received:', e.detail);\nif(!e.detail?.current){//console.log('Invalid currency update event:', e);\nreturn;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=window.__FcCurrencyConfigs?.currencyPosition;const currentSymbol=window.__FcCurrencyConfigs?.currencySymbol;//console.log('Initial currency values:', { currentPosition, currentSymbol });\nupdateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);//console.log('Currency event listener added');\n// Listen for currency changes\nconst handleCurrencyChange=event=>{//console.log(\"[FC_CartSubtotal] Currency Change Event:\", event.detail);\nconst{currency,countryCode,country}=event.detail;setSelectedCurrency(currency);setSelectedCountryCode(countryCode);setSelectedCountry(country);};window.addEventListener(\"currency_changed\",handleCurrencyChange);return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);window.removeEventListener(\"currency_changed\",handleCurrencyChange);//console.log('Currency event listeners removed');\n};},[isBrowser]);// // Cart calculation effect\nuseEffect(()=>{if(!isBrowser)return;const logCartDetails=()=>{const cart=get(window,\"shopXtools.cart\");// Log the entire cart object\n//console.log('Cart Data:', cart);\nif(cart){setCart(cart);// Log each line item in the cart\nconst cartItems=get(cart,\"lines.edges\",[]);// console.log(\n// 'Cart Items:',\n// cartItems.map((edge) => {\n// const item = edge.node;\n// return {\n// title: get(item, 'merchandise.product.title', 'Unknown'),\n// variantId: get(item, 'merchandise.id', ''),\n// price: get(item, 'cost.totalAmount.amount') ||\n// get(item, 'cost.subtotalAmount.amount') ||\n// get(item, 'merchandise.price.amount', '0'),\n// quantity: get(item, 'quantity', 0),\n// currencyCode: get(item, 'cost.totalAmount.currencyCode') ||\n// get(item, 'merchandise.price.currencyCode', 'USD'),\n// };\n// })\n// );\n// Log the subtotal\nconst subtotal=parseFloat(get(cart,\"cost.subtotalAmount.amount\",\"0\"));//console.log('Parsed Subtotal (to be set in state):', subtotal);\nsetSubtotal(subtotal);}else{// console.log(\"No cart data available.\")\n}};// Log cart details on load\nlogCartDetails();// Re-log cart details on cart update events\nwindow.addEventListener(\"shopXtools-cart-update\",logCartDetails);return()=>window.removeEventListener(\"shopXtools-cart-update\",logCartDetails);},[isBrowser]);const _currencyCode=useMemo(()=>{if(!isBrowser)return\"USD\";// Try different paths to get currency code\nconst cartCurrencyCode=get(window,\"shopXtools.cart.cost.subtotalAmount.currencyCode\",\"USD\");//console.log('Currency Code in _currencyCode:', cartCurrencyCode);\nreturn selectedCurrency||cartCurrencyCode;},[isBrowser,cart,selectedCurrency]);const showMockValues=useMemo(()=>subtotal===0&&isBrowser&&window.location.origin.endsWith(\"framercanvas.com\"),[subtotal,isBrowser]);// Common function to format price based on options\nconst formatPriceWithOptions=(numericPrice,currCode)=>{const symbolSameAsCode=isCurrencySymbolSameAsCode(currCode);// Get locale from selected country code\nconst locale=getLocaleFromCountry(selectedCountryCode);// Log browser user agent for debugging iOS-specific issues\n// if (isBrowser) {\n// console.log(\"[FC_CartSubtotal] Format debug:\", {\n// userAgent: navigator.userAgent,\n// isCurrencySymbolSameAsCode: symbolSameAsCode,\n// currencyCode: currCode,\n// selectedCountryCode,\n// locale,\n// showSymbol,\n// showCurrency,\n// showDecimals,\n// })\n// }\n// Determine if we should show decimals based on the setting\nconst shouldShowDecimals=()=>{if(showDecimals===\"Always show\")return true;if(showDecimals===\"Never show\")return false;if(showDecimals===\"Hide when .00\"){// Check if the decimal part is zero\nreturn numericPrice%1!==0;}return true// Default fallback for boolean value\n;};const decimalDigits=shouldShowDecimals()?2:0;// If showing neither symbol nor code, just format the number\nif(!showSymbol&&!showCurrency){const formattedNumber=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);//console.log('Formatted Number (No Symbol or Currency):', formattedNumber);\nreturn formattedNumber;}// Special case for USD to prevent \"US$\" display in Safari iOS\nif(currCode===\"USD\"&&showSymbol){// Check if running on iOS device\nconst isIOS=isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;// Format USD manually to avoid the iOS \"US$\" prefix\nif(isIOS){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);if(!showCurrency){return`$${number}`// Just \"$50\" format\n;}else{return`$${number} USD`// \"$50 USD\" format\n;}}else{// For non-iOS devices, continue with normal formatting but use\n// a more controlled approach to ensure consistency\nif(!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}else{const withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} USD`;}}}// For currencies where symbol is same as code (like CHF)\nif(symbolSameAsCode){// If showing currency code, always use code-first format and ignore symbol\nif(showCurrency&&!showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showSymbol&&!showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showCurrency&&showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return`${currCode} ${number}`;}}// For currencies with distinct symbols (like USD with $)\n// If showing only the code (no symbol)\nif(!showSymbol&&showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);// For normal currencies, show code after the number\nreturn`${number} ${currCode}`;}// If showing only the symbol (no code)\nif(showSymbol&&!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}// If showing both symbol and code\nconst withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} ${currCode}`;};const text=useMemo(()=>{if(!isBrowser)return\"\";// For canvas view, handle the display options directly\nif(RenderTarget.current()===RenderTarget.canvas||showMockValues){const mockAmount=150;const currentCurrencyCode=previewCurrencyCode||\"USD\";return formatPriceWithOptions(mockAmount,currentCurrencyCode);}// For live view, use the actual subtotal\nreturn formatPriceWithOptions(subtotal,_currencyCode);},[isBrowser,showMockValues,subtotal,_currencyCode,showCurrency,showSymbol,showDecimals,previewCurrencyCode,props.format]);if(!isBrowser){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-flex\"}});}// For debugging\n// console.log('Rendering FC_CartSubtotal with:', {\n// subtotal,\n// text,\n// currencyConfig,\n// props\n// })\n// Render a basic div if ShopXCartSubtotal is not available\nif(typeof ShopXCartSubtotal===\"undefined\"){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",textAlign:\"right\"},children:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,margin:0},children:text})});}return /*#__PURE__*/_jsx(ShopXCartSubtotal,{...props,text:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,margin:0},children:text}),style:{width:\"100%\"}});}FC_CartSubtotal.defaultProps={format:{showCurrency:false,showSymbol:true,currencyCode:\"USD\",showDecimals:\"Always show\"}};addPropertyControls(FC_CartSubtotal,{format:{type:ControlType.Object,title:\"Format\",controls:{showSymbol:{type:ControlType.Boolean,title:\"Symbol\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"$, \\xa3, €, etc.\"},showCurrency:{type:ControlType.Boolean,title:\"Code\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"USD, EUR, CHF, etc.\"},showDecimals:{type:ControlType.Enum,title:\"Decimals\",defaultValue:\"Always show\",options:[\"Always show\",\"Never show\",\"Hide when .00\"],optionTitles:[\"Always show\",\"Never show\",\"Hide when .00\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\"},currencyCode:{type:ControlType.Enum,title:\"Preview\",defaultValue:\"USD\",options:[\"USD\",\"EUR\",\"GBP\",\"CHF\",\"JPY\",\"CAD\",\"AUD\",\"CNY\",\"HKD\",\"NZD\",\"SEK\",\"KRW\",\"SGD\",\"NOK\",\"MXN\",\"INR\",\"RUB\",\"ZAR\",\"TRY\",\"BRL\",\"TWD\",\"DKK\",\"PLN\",\"THB\",\"IDR\",\"HUF\",\"CZK\",\"ILS\",\"CLP\",\"PHP\",\"AED\",\"COP\",\"SAR\",\"MYR\",\"RON\"],description:\"Currency on your site is automatic, this is only shown in canvas preview.\"}}},font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartSubtotal\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import React,{useCallback,useRef,useEffect,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{get,throttle}from\"lodash-es\";import{removeLineMutation,updatelineMutation,updatelineMutationNoPlans,removeLineMutationNoPlans,getProductMetafields}from\"https://framerusercontent.com/modules/yiRfl1JCGhIBUL31WVDk/wupS2XmBAHu1kBQNv9pi/mutations_v2.js\";import{knownCurrenciesWithCodeAsSymbol}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/18cq93eooqM4YmdbL7E2/currencyMaps.js\";import{useIsBrowser}from\"https://framerusercontent.com/modules/ncBs5KPMI9I5GEta13fn/zGXDjuZapa1SGy6D8P5e/IsBrowser.js\";import{getLocaleFromCountry}from\"https://framerusercontent.com/modules/vC6fzbfO83MgBPIhn5zl/DUlbmWuOELzEUenVmv3G/locales.js\";import{trackFacebookPixelRemoveFromCart}from\"https://framerusercontent.com/modules/6Zs9CjkPbKzHjoy8LK08/iqoIwmJw4hztafi4V4IV/Fb_pixel.js\";// Helper function to check if a currency's symbol is the same as its code\nconst isCurrencySymbolSameAsCode=currencyCode=>{// For some currencies like CHF, the browser might use the code as the symbol\nif(!currencyCode)return false;if(knownCurrenciesWithCodeAsSymbol.includes(currencyCode)){return true;}try{const formatted=new Intl.NumberFormat(undefined,{style:\"currency\",currency:currencyCode,currencyDisplay:\"narrowSymbol\"}).format(0);// Remove digits, decimal points, and common formatting characters\nconst cleanFormatted=formatted.replace(/[0-9.,\\s]/g,\"\");// Check if what remains is the currency code\nreturn cleanFormatted===currencyCode;}catch(e){return false;}};/**\n * @framerDisableUnlink\n */export default function FC_CartProductCard(props){const[cart,setCart]=useState({});const[cartItems,setCartItems]=useState([]);const[errorMessage,setErrorMessage]=useState(\"\");const isFetching=useRef(false);const[selectedCurrency,setSelectedCurrency]=useState(\"\");const[selectedCountryCode,setSelectedCountryCode]=useState(\"\");const[selectedCountry,setSelectedCountry]=useState(\"\");// const [subscriptionPrice, setSubscriptionPrice] = useState(null)\n// const [subscriptionPlan, setSubscriptionPlan] = useState(null)\nconst isBrowser=useIsBrowser();// Helper function to calculate current product quantity across all variants\nconst getCurrentProductQuantity=useCallback(productHandle=>{if(!cartItems||!productHandle)return 0;return cartItems.reduce((total,{node})=>{const lineProductHandle=node?.merchandise?.product?.handle;if(lineProductHandle===productHandle){return total+(node.quantity||0);}return total;},0);},[cartItems]);// Initialize currency from localStorage on page load\nuseEffect(()=>{if(!isBrowser)return;const storedCurrency=localStorage.getItem(\"selectedCurrency\");const storedCountryCode=localStorage.getItem(\"selectedCountryCode\");const storedCountry=localStorage.getItem(\"selectedCountry\");setSelectedCurrency(storedCurrency||\"USD\");setSelectedCountryCode(storedCountryCode||\"US\");setSelectedCountry(storedCountry||\"United States\");//console.log(\"[FC_CartProductCard] setting selectedCountryCode and currency\", storedCountryCode, storedCurrency)\n},[isBrowser]);// Listen for currency changes\nuseEffect(()=>{if(!isBrowser)return;const handleCurrencyChange=event=>{const{currency,countryCode,country}=event.detail;setSelectedCurrency(currency);setSelectedCountryCode(countryCode);setSelectedCountry(country);//console.log(\"[FC_CartProductCard] currency changed to\", selectedCountryCode, selectedCurrency)\n};window.addEventListener(\"currency_changed\",handleCurrencyChange);return()=>{window.removeEventListener(\"currency_changed\",handleCurrencyChange);};},[isBrowser,selectedCurrency,selectedCountryCode]);// Add currency config state\nconst[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){const position=window?.__FcCurrencyConfigs?.currencyPosition||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:window?.__FcCurrencyConfigs?.currencySymbol||\"$\"};// console.log(\n// \"Initial currency config state:\",\n// initialConfig,\n// window?.__FcCurrencyConfigs\n// )\nreturn initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});// Add currency settings listener\nuseEffect(()=>{if(typeof window===\"undefined\")return;function updateCurrencyConfig(position,symbol){//(\"Updating currency config with:\", { position, symbol })\nconst newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};//console.log(\"New currency config:\", newConfig)\nsetCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{//console.log(\"Currency update event received:\", e.detail)\nif(!e.detail?.current){//console.log(\"Invalid currency update event:\", e)\nreturn;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=window.__FcCurrencyConfigs?.currencyPosition;const currentSymbol=window.__FcCurrencyConfigs?.currencySymbol;// console.log(\"Initial currency values:\", {\n// currentPosition,\n// currentSymbol,\n// })\nupdateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);};},[]);const _showCurrencyCode=props.priceConfigs?.showCurrencyCode;const _showCurrencySymbol=props.priceConfigs?.showSymbol;// // Add subscription price listener\n// useEffect(() => {\n// if (!isBrowser) return\n// const handleSubscriptionPriceUpdate = (e) => {\n// if (e.detail?.price) {\n// setSubscriptionPrice(e.detail.price)\n// setSubscriptionPlan(e.detail.plan.id)\n// } else {\n// setSubscriptionPrice(null)\n// setSubscriptionPlan(null)\n// }\n// }\n// document.addEventListener(\n// \"subscription__price-update\",\n// handleSubscriptionPriceUpdate\n// )\n// return () => {\n// document.removeEventListener(\n// \"subscription__price-update\",\n// handleSubscriptionPriceUpdate\n// )\n// }\n// }, [isBrowser])\nconst[locale,setLocale]=useState(undefined);useEffect(()=>{//console.log(\"[FC_CartProductCard] selectedCountryCode\", selectedCountryCode)\nconst updatedLocale=getLocaleFromCountry(selectedCountryCode);//console.log(\"[FC_CartProductCard] Locale updated:\", updatedLocale);\nsetLocale(updatedLocale);},[selectedCountryCode]);const formatCartPrice=useCallback((amount,currencyCode)=>{// Clean and format amount\nif(typeof amount===\"string\"){amount=amount.replace(/[^0-9.]/g,\"\");const parts=amount.split(\".\");if(parts.length>2){amount=parts[0]+\".\"+parts.slice(1).join(\"\");}}if(typeof amount!==\"number\"){amount=parseFloat(amount);}if(isNaN(amount)){amount=0;}// For canvas view, use canvasPrice with USD\nif(RenderTarget.current()===RenderTarget.canvas){const format=props.priceConfigs?.format||{};return formatPriceWithOptions(amount,format.currencyCode||\"USD\");}// For browser view, use the current currency\nconst format=props.priceConfigs?.format||{};return formatPriceWithOptions(amount,currencyCode||\"USD\");},[props.priceConfigs,locale]);// Common function to format price based on options\nconst formatPriceWithOptions=useCallback((numericPrice,currCode)=>{if(!currCode)currCode=\"USD\";//console.log(\"[FC_CartProductCard] currCode\", currCode)\nconst format=props.priceConfigs?.format||{};// For backward compatibility\nconst showSymbol=format.showSymbol!==undefined?format.showSymbol:props.priceConfigs?.showSymbol!==undefined?props.priceConfigs.showSymbol:true;const showCurrency=format.showCurrency!==undefined?format.showCurrency:props.priceConfigs?.showCurrencyCode!==undefined?props.priceConfigs.showCurrencyCode:false;const showDecimals=format.showDecimals||\"Always show\";const symbolSameAsCode=isCurrencySymbolSameAsCode(currCode);//console.log(\"[FC_CartProductCard] receving locale from getLocaleFromCountry\", locale)\n// console.log(\"[FC_CartProductCard] Format debug:\", {\n// userAgent: navigator.userAgent,\n// isCurrencySymbolSameAsCode: symbolSameAsCode,\n// currencyCode: currCode,\n// selectedCountryCode,\n// locale,\n// })\n// Determine if we should show decimals based on the setting\nconst shouldShowDecimals=()=>{if(showDecimals===\"Always show\")return true;if(showDecimals===\"Never show\")return false;if(showDecimals===\"Hide when .00\"){// Check if the decimal part is zero\nreturn numericPrice%1!==0;}return true// Default fallback\n;};const decimalDigits=shouldShowDecimals()?2:0;// If showing neither symbol nor code, just format the number\nif(!showSymbol&&!showCurrency){const formattedNumber=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return formattedNumber;}// Special case for USD to prevent \"US$\" display in Safari iOS\nif(currCode===\"USD\"&&showSymbol){// Check if running on iOS device\nconst isIOS=isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;// Format USD manually to avoid the iOS \"US$\" prefix\nif(isIOS){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);if(!showCurrency){return`$${number}`// Just \"$50\" format\n;}else{return`$${number} USD`// \"$50 USD\" format\n;}}else{// For non-iOS devices, continue with normal formatting but use\n// a more controlled approach to ensure consistency\nif(!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}else{const withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} USD`;}}}// For currencies where symbol is same as code (like CHF)\nif(symbolSameAsCode){// If showing currency code, always use code-first format and ignore symbol\nif(showCurrency&&!showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showSymbol&&!showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showCurrency&&showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return`${currCode} ${number}`;}}// For currencies with distinct symbols (like USD with $)\n// If showing only the code (no symbol)\nif(!showSymbol&&showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);// For normal currencies, show code after the number\nreturn`${number} ${currCode}`;}// If showing only the symbol (no code)\nif(showSymbol&&!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}// If showing both symbol and code\nconst withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} ${currCode}`;},[props.priceConfigs,locale]);const fetchCartFromShopify=useCallback(async cartId=>{if(isFetching.current){return;}isFetching.current=true;try{// Wait until window.shopXtools.fetchCart is available\nawait waitForCondition(()=>window.shopXtools&&window.shopXtools.fetchCart);const cartData=await window.shopXtools.fetchCart(cartId);//console.log(\"[FETCH] Cart data received from Shopify:\", cartData);\nif(cartData){setCart(cartData);//console.log(\"[FETCH] Cart Data after setting state: :\", cartData)\nsetCartItems(cartData.lines?.edges||[]);//console.log(\"[FETCH] Cart items after setting state:\", cartData.lines?.edges);\n// Update the global cart data\nwindow.shopXtools.cart=cartData;// Dispatch cart update event\nwindow.dispatchEvent(new Event(\"shopXtools-cart-update\"));}else{setCart({});setCartItems([]);}}catch(error){setCart({});setCartItems([]);}finally{isFetching.current=false;}},[]);// useEffect(() => {\n// console.log(\"[STATE] Updated cart:\", cart);\n// }, [cart]);\n// useEffect(() => {\n// console.log(\"[STATE] Updated cartItems:\", cartItems);\n// }, [cartItems]);\n// Helper function to wait until a condition is true\nconst waitForCondition=useCallback((conditionFn,checkInterval=100,timeout=1e4)=>{return new Promise((resolve,reject)=>{const startTime=Date.now();const checkCondition=()=>{if(conditionFn()){resolve();}else if(Date.now()-startTime>=timeout){reject(new Error(\"Condition not met within timeout\"));}else{setTimeout(checkCondition,checkInterval);}};checkCondition();});},[]);const handleCartUpdate=useCallback(throttle(async()=>{let cartId=window[\"shopXtools\"]?.cart?.id;// console.log(\"[UPDATE] Checking for cartId:\", cartId);\n// console.log(\"[UPDATE] Checking for cart:\", window[\"shopXtools\"]?.cart);\nif(!cartId){try{cartId=localStorage.getItem(\"shopX_cart_id\");}catch(error){console.error(\"Error loading cart ID from local storage:\",error);}}if(cartId){await fetchCartFromShopify(cartId);//console.log(\"[UPDATE] Fetching cart from Shopify with cartId:\", cartId);\n}else{//console.log(\"[UPDATE] No cartId found, resetting cart state.\");\nsetCart({});setCartItems([]);}},500),[fetchCartFromShopify]);//console.log(\"Cart Data in CartProductCard:\", cart)\nuseEffect(()=>{//console.log(\"[EVENT] shopXtools-cart-update event triggered\");\n// Fetch cart data on component mount\nhandleCartUpdate();window.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);return()=>{window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);};},[handleCartUpdate]);//console.log(\"Cart Data in CartProductCard:\", cart)\nconst handleRemoveLine=useCallback(async(cartId,lineId,providedLineItem=null)=>{if(!cartId||!lineId){console.error(\"Missing cartId or lineId for remove operation\");return;}// Find the line item to get analytics data before removing\nconst lineItem=providedLineItem||cartItems.find(({node})=>node.id===lineId)?.node;if(lineItem){// Analytics - remove_from_cart event\nconst currency=lineItem.cost.subtotalAmount.currencyCode||\"USD\";const unitPrice=parseFloat(lineItem.cost?.amountPerQuantity?.amount||\"0\");const value=unitPrice*(lineItem.quantity||1);const item_id=lineItem.merchandise.id?.split(\"/\").pop()||\"\";const item_name=lineItem.merchandise.product?.title||\"\";const item_variant=lineItem.merchandise.title||\"\";const price=unitPrice;const quantity=lineItem.quantity||1;// Google Analytics tracking (remove_from_cart)\nif(typeof window.fcTrackGAEvent===\"function\"&&item_id&&item_name&&price>0){const payload={currency,value,items:[{item_id,item_name,item_variant,price,item_brand:lineItem.merchandise.product?.vendor||null,item_category:lineItem.merchandise.product?.productType||null,quantity,// TagHound compatibility\nSKU:item_id,\"Item Name\":item_name}]};window.fcTrackGAEvent(\"remove_from_cart\",payload);}else{// Skipping remove_from_cart due to missing item data\n}// Meta Pixel tracking\ntrackFacebookPixelRemoveFromCart({lineItem:lineItem,currency:currency});}try{const data=await window.shopXtools?.handleCartMutation(removeLineMutation,{cartId,lineIds:[lineId]});//console.log(\"[REMOVE] Mutation response:\", data);\nif(data?.cartLinesRemove?.cart){//console.log(\"[REMOVE] Cart updated, refetching...\");\nawait fetchCartFromShopify(cartId);// Check quantity limits if product has them\nconst productHandle=lineItem?.merchandise?.product?.handle;const product=window.shopXtools?.products.find(p=>p.node.handle===productHandle);// console.log(\"product\", product)\nif(productHandle){const metafields=await window.shopXtools?.handleCartMutation(getProductMetafields,{handle:productHandle});const orderMax=parseInt(metafields?.product?.metafield_order_max?.value,10);if(!isNaN(orderMax)&&orderMax>0){const currentLineQuantity=lineItem?.quantity||0;// console.log(\"currentLineQuantity\", currentLineQuantity)\n// const quantityChange = quantity - currentLineQuantity\nconst newTotalQuantity=orderMax-currentLineQuantity;if(newTotalQuantityinto 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","// Generated by Framer (b47b624)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,Floating,getFonts,ResolveLinks,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOverlayState,useRouter,useVariantState,withCSS,withFX}from\"framer\";import{AnimatePresence,LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import CookieBanner from\"https://framerusercontent.com/modules/GbX8S6ghmyszcS2GLR2F/7p40RDrpC9PBWkQoJaco/Cookies.js\";const CookieBannerFonts=getFonts(CookieBanner);const MotionDivWithFX=withFX(motion.div);const enabledGestures={gm_PlLA4i:{hover:true}};const cycleOrder=[\"yHPcL72rd\",\"pPTzpUTgu\",\"gm_PlLA4i\"];const serializationHash=\"framer-aW2NS\";const variantClassNames={gm_PlLA4i:\"framer-v-1byo3dc\",pPTzpUTgu:\"framer-v-1hijv31\",yHPcL72rd:\"framer-v-tunlj7\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition1,x:0,y:0};const animation1={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition1,x:0,y:0};const animation2={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};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 Overlay=({children,blockDocumentScrolling,dismissWithEsc,enabled=true})=>{const[visible,setVisible]=useOverlayState({blockDocumentScrolling,dismissWithEsc:enabled&&dismissWithEsc});return children({hide:()=>setVisible(false),show:()=>setVisible(true),toggle:()=>setVisible(!visible),visible:enabled&&visible});};const humanReadableVariantMap={Desktop:\"gm_PlLA4i\",Phone:\"pPTzpUTgu\",Settings:\"yHPcL72rd\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"yHPcL72rd\"};};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:\"yHPcL72rd\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterujujp2=({overlay})=>activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});overlay.show();});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const router=useRouter();const ref1=React.useRef(null);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Overlay,{blockDocumentScrolling:false,dismissWithEsc:false,children:overlay=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-tunlj7\",className,classNames),\"data-framer-name\":\"Settings\",\"data-highlight\":true,id:`${layoutId}-tunlj7`,layoutDependency:layoutDependency,layoutId:\"yHPcL72rd\",onMouseEnter:onMouseEnterujujp2({overlay}),ref:refBinding,style:{opacity:1,...style},variants:{\"gm_PlLA4i-hover\":{opacity:.6}},...addPropertyOverrides({\"gm_PlLA4i-hover\":{\"data-framer-name\":undefined},gm_PlLA4i:{\"data-framer-name\":\"Desktop\"},pPTzpUTgu:{\"data-framer-name\":\"Phone\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined},{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},implicitPathVariables:undefined}],children:resolvedLinks=>/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1ob59i5-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"barxd9THb-container\",nodeId:\"barxd9THb\",rendersWithMotion:true,scopeId:\"zwCrNHy1p\",children:/*#__PURE__*/_jsx(CookieBanner,{banner:{animation:{scale:1,transition:{delay:0,duration:.6,ease:[.6,0,.05,1],type:\"tween\"},x:-20,y:10},containerWidth:0,inset:20,insetBottom:20,insetLeft:20,insetPerSide:false,insetRight:20,insetTop:20,padding:20,paddingBottom:20,paddingLeft:20,paddingPerSide:false,paddingRight:20,paddingTop:20,position:\"bottom-center\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"var(--token-781d1a25-849c-428f-9f20-c898766da0e5, rgba(17, 17, 17, 0.1))\",radius:14,width:1},colorBody:\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",colorTitle:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",fill:\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",fontBody:{fontFamily:'\"ABC Diatype Regular\", \"ABC Diatype Regular Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.3em\"},fontTitle:{fontFamily:'\"ABC Diatype Medium\", \"ABC Diatype Medium Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-72921288-a33a-497f-82c2-3989c5750395, rgb(0, 0, 0))\"},width:600,zIndex:10},button:{borderRadius:200,direction:\"row\",fluid:false,font:{fontFamily:'\"ABC Diatype Medium\", \"ABC Diatype Medium Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1em\"},hoverOpacity:.6,labels:{accept:\"Accept\",acceptAll:\"Accept all\",confirm:\" \\xd7 \",customize:\"Customize\",reject:\"Reject\",rejectAll:\"Reject all\",save:\"Save Preferences\"},padding:12,paddingBottom:12,paddingLeft:12,paddingPerSide:false,paddingRight:12,paddingTop:12,primary:{color:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",fill:\"var(--token-d416aae8-65bd-4f63-99e2-be2df1dc55d1, rgb(255, 236, 53))\"},secondary:{color:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",fill:\"var(--token-428dcd20-9375-4061-a4eb-891d53392d63, rgb(232, 232, 220))\"},tapOpacity:.4},content:{euBlocking:false,euDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},euDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",euPolicy:{label:\"Privacy Policy\",link:resolvedLinks[0],prefix:\"\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"medium\",isEU:false,worldBlocking:false,worldDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},worldDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",worldPolicy:{label:\"Privacy Policy\",link:resolvedLinks[1],prefix:\"\"},worldShowReject:true,worldTitle:\"Cookie Settings\",worldType:\"simple\"},gtmId:\"GTM-P8KCS855\",height:\"100%\",id:\"barxd9THb\",layoutId:\"barxd9THb\",options:{analytics:{description:\"Enables tracking of performance.\",title:\"Analytics\"},marketing:{description:\"Enables ads personalization and tracking.\",title:\"Marketing\"},necessary:{description:\"Enables security and basic functionality.\",optional:true,title:\"Necessary\"},preferences:{description:\"Enables personalized content and settings.\",title:\"Preferences\"},preview:false,style:{background:\"rgba(0, 0, 0, 0.02)\",border:{color:\"rgba(0, 0, 0, 0.02)\",radius:8,width:0},fontBody:{},fontTitle:{},padding:12,paddingBottom:12,paddingLeft:12,paddingPerSide:false,paddingRight:12,paddingTop:12,toggleColor:\"rgb(0, 0, 0)\",toggleColorInactive:\"rgba(0, 0, 0, 0.1)\"}},preview:true,trigger:{color:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",iconSize:24,iconType:\"default\",text:\"Cookie Settings\",textFont:{fontFamily:'\"ABC Diatype Medium\", \"ABC Diatype Medium Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1.35em\"},type:\"text\"},width:\"100%\",...addPropertyOverrides({\"gm_PlLA4i-hover\":{content:{euBlocking:false,euDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},euDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",euPolicy:{label:\"Privacy Policy\",link:resolvedLinks[6],prefix:\"\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"medium\",isEU:false,worldBlocking:false,worldDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},worldDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",worldPolicy:{label:\"Privacy Policy\",link:resolvedLinks[7],prefix:\"\"},worldShowReject:true,worldTitle:\"Cookie Settings\",worldType:\"simple\"}},gm_PlLA4i:{content:{euBlocking:false,euDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},euDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",euPolicy:{label:\"Privacy Policy\",link:resolvedLinks[4],prefix:\"\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"medium\",isEU:false,worldBlocking:false,worldDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},worldDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",worldPolicy:{label:\"Privacy Policy\",link:resolvedLinks[5],prefix:\"\"},worldShowReject:true,worldTitle:\"Cookie Settings\",worldType:\"simple\"},preview:false},pPTzpUTgu:{banner:{animation:{scale:1,transition:{delay:0,duration:.6,ease:[.6,0,.05,1],type:\"tween\"},x:-20,y:10},containerWidth:0,inset:20,insetBottom:20,insetLeft:20,insetPerSide:false,insetRight:20,insetTop:20,padding:20,paddingBottom:20,paddingLeft:20,paddingPerSide:false,paddingRight:20,paddingTop:20,position:\"bottom-center\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"var(--token-781d1a25-849c-428f-9f20-c898766da0e5, rgba(17, 17, 17, 0.1))\",radius:14,width:1},colorBody:\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",colorTitle:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",fill:\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",fontBody:{fontFamily:'\"ABC Diatype Regular\", \"ABC Diatype Regular Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.3em\"},fontTitle:{fontFamily:'\"ABC Diatype Medium\", \"ABC Diatype Medium Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-72921288-a33a-497f-82c2-3989c5750395, rgb(0, 0, 0))\"},width:360,zIndex:10},button:{borderRadius:200,direction:\"column\",fluid:true,font:{fontFamily:'\"ABC Diatype Medium\", \"ABC Diatype Medium Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1em\"},hoverOpacity:.6,labels:{accept:\"Accept\",acceptAll:\"Accept all\",confirm:\" \\xd7 \",customize:\"Customize\",reject:\"Reject\",rejectAll:\"Reject all\",save:\"Save Preferences\"},padding:12,paddingBottom:12,paddingLeft:12,paddingPerSide:false,paddingRight:12,paddingTop:12,primary:{color:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",fill:\"var(--token-d416aae8-65bd-4f63-99e2-be2df1dc55d1, rgb(255, 236, 53))\"},secondary:{color:\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",fill:\"var(--token-428dcd20-9375-4061-a4eb-891d53392d63, rgb(232, 232, 220))\"},tapOpacity:.4},content:{euBlocking:false,euDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},euDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",euPolicy:{label:\"Privacy Policy\",link:resolvedLinks[2],prefix:\"\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"medium\",isEU:false,worldBlocking:false,worldDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},worldDescription:\"We use cookies and similar tracking technologies, including those provided by third parties, to view and retain your interactions on the site, help us improve our site, services, and marketing campaigns, and to serve ads to you. For more information, view our Privacy Policy. By accessing or using our website, you agree to the collection, use, and disclosure of your data as described in our\",worldPolicy:{label:\"Privacy Policy\",link:resolvedLinks[3],prefix:\"\"},worldShowReject:true,worldTitle:\"Cookie Settings\",worldType:\"simple\"},preview:false}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(AnimatePresence,{children:overlay.visible&&/*#__PURE__*/_jsx(Floating,{alignment:\"center\",anchorRef:refBinding,className:cx(scopingClassNames,classNames),collisionDetection:true,collisionDetectionPadding:20,\"data-framer-portal-id\":`${layoutId}-tunlj7`,offsetX:0,offsetY:10,onDismiss:overlay.hide,placement:\"bottom\",safeArea:true,zIndex:11,children:/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation1,className:\"framer-i75em7\",exit:animation,initial:animation2,layoutDependency:layoutDependency,layoutId:\"eGs_YozvG\",ref:ref1,role:\"dialog\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,boxShadow:\"0px 10px 20px 0px rgba(0, 0, 0, 0.05)\"}})})})]})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-aW2NS.framer-w7a7qi, .framer-aW2NS .framer-w7a7qi { display: block; }\",\".framer-aW2NS.framer-tunlj7 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-aW2NS .framer-1ob59i5-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-aW2NS .framer-i75em7 { height: 150px; overflow: var(--overflow-clip-fallback, clip); position: relative; width: 200px; will-change: var(--framer-will-change-override, transform); }\",\".framer-aW2NS.framer-v-1byo3dc.framer-tunlj7 { cursor: pointer; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 149\n * @framerIntrinsicWidth 600\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"pPTzpUTgu\":{\"layout\":[\"auto\",\"auto\"]},\"gm_PlLA4i\":{\"layout\":[\"auto\",\"auto\"]},\"AFC19hkgg\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerzwCrNHy1p=withCSS(Component,css,\"framer-aW2NS\");export default FramerzwCrNHy1p;FramerzwCrNHy1p.displayName=\"Cookies\";FramerzwCrNHy1p.defaultProps={height:149,width:600};addPropertyControls(FramerzwCrNHy1p,{variant:{options:[\"yHPcL72rd\",\"pPTzpUTgu\",\"gm_PlLA4i\"],optionTitles:[\"Settings\",\"Phone\",\"Desktop\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerzwCrNHy1p,[{explicitInter:true,fonts:[{cssFamilyName:\"ABC Diatype Medium\",source:\"custom\",style:\"normal\",uiFamilyName:\"ABC Diatype\",url:\"https://framerusercontent.com/assets/2bxvxevPPneGU6riruToYe504Qk.woff2\",weight:\"500\"},{cssFamilyName:\"ABC Diatype Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"ABC Diatype\",url:\"https://framerusercontent.com/assets/QI6b4biJO0jp3MZsT8hAEBiaY.woff2\",weight:\"400\"}]},...CookieBannerFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerzwCrNHy1p\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"pPTzpUTgu\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"gm_PlLA4i\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"AFC19hkgg\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"600\",\"framerIntrinsicHeight\":\"149\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./zwCrNHy1p.map","// Generated by Framer (af215f2)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ChildrenCanSuspend,ComponentViewportProvider,ControlType,cx,Floating,forwardLoader,getFonts,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image as Image1,Link,PathVariablesContext,queryCache,RichText,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOverlayState,useQueryData,useVariantState,withCSS,withFX}from\"framer\";import{AnimatePresence,LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Embed from\"https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/cAPMVEI6osbJ1UvICgTq/Embed.js\";import Legal from\"https://framerusercontent.com/modules/h6Y9OZnQ1KsQGA0OS1Lt/fjHyACxrsj13xZRhYmKe/iXdwLw8QM.js\";import*as sharedStyle3 from\"https://framerusercontent.com/modules/7bSzHqRz8ZfYnJqKpR8t/92GFSeqis9cla897nzxB/bOMT4IB5p.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/E0KbsZqdHzoTPBkUSPaA/UfFVeRrKQB2UmIVkoTBX/cQ4g8ejZO.js\";import*as sharedStyle5 from\"https://framerusercontent.com/modules/i4r19TSpwNMxDE3Xm2dE/mdRWV5MOKVKR2UnX9N7q/EU2qQSq1m.js\";import*as sharedStyle4 from\"https://framerusercontent.com/modules/vP3e4qEZ1VMZrG9AOJ5y/kkBW8ImVDqe2TGns4lnN/FPFefJRaM.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/knq8l1WWjYS5gCezd4nN/YLtbhrkD4nA2oAr8rXmr/O1utb1ady.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/s0ecANsQu8kBDgjm6tCO/SUtbkW7hPLIkqvK6CiPL/qPIkpYlT7.js\";import Iso from\"https://framerusercontent.com/modules/nlpaN7kpXbYpFxbPvWVq/1YPZV16yG4m6wXtrlSLL/BfLhKnmXw.js\";import YT from\"https://framerusercontent.com/modules/y1JEF1EeDW0u634budbj/y5ZLIhb05CmVHZns9nS2/FfiG19k4p.js\";import LinkedIjn from\"https://framerusercontent.com/modules/vZDhjklrtooyvx7MMYM8/kUSLy17lh6pLFEdlPEfv/gL2tfTlkf.js\";import Apple from\"https://framerusercontent.com/modules/GVPXs5fj9lGUnVQWezYj/ZrY72uqhTLGqMKpPDeL3/hYf6A6tyr.js\";import ApplePay from\"https://framerusercontent.com/modules/4y2Cya5FYxf0gtuzE0pv/NMlz52EMWnrsy0OH7x3j/IhGk8V7tV.js\";import FDA from\"https://framerusercontent.com/modules/7UyYPDMZq8v5j6iKZQSY/PlZkCemqKu50yWs28T2R/jau4DeNMx.js\";import Google from\"https://framerusercontent.com/modules/DdVgydp4dLxCoPCvdE7B/oBOOSVi4n0f9UBU9fkdr/nvIDphdAz.js\";import LogoNew from\"https://framerusercontent.com/modules/94KmUFFag7PvnkWWHv7n/KMHceMUNijwUnKyyhUej/rK6IICSNO.js\";import Instagram from\"https://framerusercontent.com/modules/weHrvWULiC4iKluOK9td/wfeGznFwUbE1cjPSOs4O/RLfOW8sBL.js\";import Amex from\"https://framerusercontent.com/modules/kVSWMjEsAMzkmCejY1ZN/5lDWIitOePWc3zpaQgai/Tob2WymCz.js\";import GooglePay from\"https://framerusercontent.com/modules/DUn5lo8AxJ1nLNPp7b7X/HpJJfXf04q4p4oPFOt3e/TvZgOERcB.js\";import X from\"https://framerusercontent.com/modules/tMnEbbaXt5e4W9tzKJWM/bJwueFalO5URCX5RctUd/tYYNeZyCT.js\";import Mastercard from\"https://framerusercontent.com/modules/tIeGea7rGOcH1qPPzEhC/2QKQ6CKmrK1sZ7RxhDJk/W3gpUVwow.js\";import Facebook from\"https://framerusercontent.com/modules/dDRDBxk2UCWtj1EH02w4/ZvmEJk23qAlrSsAjfG6J/wAlz6f0FL.js\";import Visa from\"https://framerusercontent.com/modules/njY1iojjVwy1u9TmYVkI/zgQ6CejXWlLzWmWH4CBZ/xg_unaMb0.js\";import SocialIconLink from\"https://framerusercontent.com/modules/alFVs7RJtNiHiKmm3AZ9/tGUvUlqCqI3YHk3M2CoO/E3q1TI6yd.js\";import NewsletterForm from\"https://framerusercontent.com/modules/8iKvrhXGS7o4agz1YGKj/GpU1tzHKr3dO4aSdG24l/F_jL0YC5o.js\";import AppStoreLinkIcon from\"https://framerusercontent.com/modules/gmIYDCRZUhMlImsQr0Ko/I35LZa9dYHVSJlupHPo9/jAP6qjiAl.js\";import Cookies from\"https://framerusercontent.com/modules/JAMwDBCjpYnWjWcptTdv/tzrALWWv2wgSBETh5KQ0/zwCrNHy1p.js\";const LogoNewFonts=getFonts(LogoNew);const ApplePayFonts=getFonts(ApplePay);const GooglePayFonts=getFonts(GooglePay);const VisaFonts=getFonts(Visa);const MastercardFonts=getFonts(Mastercard);const AmexFonts=getFonts(Amex);const MotionDivWithFX=withFX(motion.div);const CookiesFonts=getFonts(Cookies);const EmbedFonts=getFonts(Embed);const AppStoreLinkIconFonts=getFonts(AppStoreLinkIcon);const SocialIconLinkFonts=getFonts(SocialIconLink);const FDAFonts=getFonts(FDA);const IsoFonts=getFonts(Iso);const cycleOrder=[\"rQcvzo4eh\",\"xUTPq4mEV\",\"QBF_eLShu\"];const serializationHash=\"framer-IbtbS\";const variantClassNames={QBF_eLShu:\"framer-v-1d7x9id\",rQcvzo4eh:\"framer-v-11o90xg\",xUTPq4mEV:\"framer-v-6o7t6q\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const PL7yAiIJl=undefined;const BRjw8Hlc4pou7LRr9E=undefined;const oyYXUxRgYpou7LRr9E=undefined;const idpou7LRr9E=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transition2={delay:0,duration:.45,ease:[.6,0,.05,1],type:\"tween\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:.75,skewX:0,skewY:0,transition:transition2,x:0,y:0};const animation1={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:0};const animation2={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:.75,skewX:0,skewY:0,x:0,y:0};const Overlay=({children,blockDocumentScrolling,dismissWithEsc,enabled=true})=>{const[visible,setVisible]=useOverlayState({blockDocumentScrolling,dismissWithEsc:enabled&&dismissWithEsc});return children({hide:()=>setVisible(false),show:()=>setVisible(true),toggle:()=>setVisible(!visible),visible:enabled&&visible});};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};const query=prequery=>prequery({from:{alias:\"pou7LRr9E\",data:Legal,type:\"Collection\"},select:[{collection:\"pou7LRr9E\",name:\"BRjw8Hlc4\",type:\"Identifier\"},{collection:\"pou7LRr9E\",name:\"oyYXUxRgY\",type:\"Identifier\"},{collection:\"pou7LRr9E\",name:\"id\",type:\"Identifier\"}]});const query1=()=>({from:{alias:\"pou7LRr9E\",data:Legal,type:\"Collection\"},select:[{collection:\"pou7LRr9E\",name:\"BRjw8Hlc4\",type:\"Identifier\"},{collection:\"pou7LRr9E\",name:\"oyYXUxRgY\",type:\"Identifier\"},{collection:\"pou7LRr9E\",name:\"id\",type:\"Identifier\"}]});const QueryData=({query,pageSize,children})=>{const data=useQueryData(query);return children(data);};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={Desktop:\"rQcvzo4eh\",Phone:\"QBF_eLShu\",Tablet:\"xUTPq4mEV\"};const Variants=motion.create(React.Fragment);const getProps=({bG,height,id,width,...props})=>{return{...props,PL7yAiIJl:bG??props.PL7yAiIJl??\"var(--token-3de06b3c-07a0-4707-8a8e-ce9f403cb6e9, rgb(246, 246, 237))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"rQcvzo4eh\"};};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,PL7yAiIJl,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"rQcvzo4eh\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter13elrgn=({overlay})=>activeVariantCallback(async(...args)=>{overlay.show();});const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className,sharedStyle4.className,sharedStyle5.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const ref2=React.useRef(null);const ref3=React.useRef(null);const ref4=React.useRef(null);const ref5=React.useRef(null);const ref6=React.useRef(null);const ref7=React.useRef(null);const ref8=React.useRef(null);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.footer,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-11o90xg\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"rQcvzo4eh\",ref:refBinding,style:{backgroundColor:PL7yAiIJl,...style},...addPropertyOverrides({QBF_eLShu:{\"data-framer-name\":\"Phone\"},xUTPq4mEV:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1atlwmy\",\"data-framer-name\":\"Top\",layoutDependency:layoutDependency,layoutId:\"cGL7ksdSY\",style:{backgroundColor:\"var(--token-c682663c-2e21-40fd-a335-0db5a660e394, rgb(219, 206, 186))\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1oonc2k\",\"data-framer-name\":\"Content Wrapper\",layoutDependency:layoutDependency,layoutId:\"r1JR9FNXL\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-18dbjkj\",\"data-framer-name\":\"Footer Content\",layoutDependency:layoutDependency,layoutId:\"QA998Ascm\",style:{backgroundColor:\"var(--token-c682663c-2e21-40fd-a335-0db5a660e394, rgb(219, 206, 186))\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12},children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-j9io6o\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"wKR6ly8fq\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-pi22jr\",\"data-border\":true,\"data-framer-name\":\"Top New\",layoutDependency:layoutDependency,layoutId:\"G0xSP9Sh3\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-797bdcce-ca4b-4c58-891e-7741f67038fc, rgba(17, 17, 17, 0.16))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},children:[/*#__PURE__*/_jsx(LogoNew,{animated:true,className:\"framer-1lex7pa\",layoutDependency:layoutDependency,layoutId:\"e9EHE6MpF\",style:{\"--rhd0io\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\"}}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-4uvdb4\",\"data-framer-name\":\"Trust Badges\",layoutDependency:layoutDependency,layoutId:\"CFmjrzQ4R\",style:{scale:1},variants:{QBF_eLShu:{originX:0,scale:.9}},children:[/*#__PURE__*/_jsx(ApplePay,{animated:true,className:\"framer-1vq64a6\",\"data-framer-name\":\"apple pay\",layoutDependency:layoutDependency,layoutId:\"qy7OWhNnV\"}),/*#__PURE__*/_jsx(GooglePay,{animated:true,className:\"framer-q30n66\",\"data-framer-name\":\"google pay\",layoutDependency:layoutDependency,layoutId:\"lOSj4c7U3\"}),/*#__PURE__*/_jsx(Visa,{animated:true,className:\"framer-1eqfxzj\",\"data-framer-name\":\"visa\",layoutDependency:layoutDependency,layoutId:\"TnSw35J6M\"}),/*#__PURE__*/_jsx(Mastercard,{animated:true,className:\"framer-1hv0au1\",\"data-framer-name\":\"mastercard\",layoutDependency:layoutDependency,layoutId:\"PRUlECxqu\"}),/*#__PURE__*/_jsx(Amex,{animated:true,className:\"framer-k80ziv\",\"data-framer-name\":\"amex\",layoutDependency:layoutDependency,layoutId:\"nlURO_cHS\"})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1yffvpu\",\"data-framer-name\":\"Center\",layoutDependency:layoutDependency,layoutId:\"lZT5aE3nr\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-12z5z04\",\"data-framer-name\":\"Links\",layoutDependency:layoutDependency,layoutId:\"qZlMG98NK\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1z0z6gz\",\"data-framer-name\":\"Links\",layoutDependency:layoutDependency,layoutId:\"ezMAsb7RD\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-k5yodf\",layoutDependency:layoutDependency,layoutId:\"Fu787WiaM\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-33emd8\",\"data-styles-preset\":\"cQ4g8ejZO\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6)))\"},children:\"Get Started\"})}),className:\"framer-1apwp52\",\"data-framer-name\":\"Privacy policy\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"pV289zc6O\",style:{\"--extracted-r6o4lv\":\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.ul,{className:\"framer-j1o36c\",layoutDependency:layoutDependency,layoutId:\"mtMaw0vtC\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"oGe1RyOcr\"},motionChild:true,nodeId:\"JuKrbVSZE\",openInNewTab:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"Setup\"})})})}),className:\"framer-1fu2b6i\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"JuKrbVSZE\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(Overlay,{blockDocumentScrolling:false,dismissWithEsc:false,children:overlay=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs(motion.li,{className:\"framer-8erzwp\",\"data-highlight\":true,id:`${layoutId}-8erzwp`,layoutDependency:layoutDependency,layoutId:\"yfRIYKAqO\",onMouseEnter:onMouseEnter13elrgn({overlay}),ref:ref1,children:[/*#__PURE__*/_jsx(AnimatePresence,{children:overlay.visible&&/*#__PURE__*/_jsx(Floating,{alignment:\"center\",anchorRef:ref1,className:cx(scopingClassNames,classNames),collisionDetection:true,collisionDetectionPadding:20,\"data-framer-portal-id\":`${layoutId}-8erzwp`,offsetX:0,offsetY:-4,onDismiss:overlay.hide,placement:\"top\",safeArea:true,zIndex:11,children:/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation1,className:\"framer-2ubjpb\",exit:animation,initial:animation2,layoutDependency:layoutDependency,layoutId:\"o129XLUZb\",ref:ref2,role:\"dialog\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-np7nic\",\"data-framer-name\":\"Tooltip\",layoutDependency:layoutDependency,layoutId:\"c_gZVkid3\",style:{backdropFilter:\"blur(5px)\",backgroundColor:\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4,WebkitBackdropFilter:\"blur(5px)\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7QUJDIERpYXR5cGUgUmVndWxhcg==\",\"--framer-font-family\":'\"ABC Diatype Regular\", \"ABC Diatype Regular Placeholder\", sans-serif',\"--framer-font-size\":\"10px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"130%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251)))\"},children:\"Coming Soon\"})}),className:\"framer-74fo3q\",fonts:[\"CUSTOMV2;ABC Diatype Regular\"],layoutDependency:layoutDependency,layoutId:\"lRgzMmQ1s\",style:{\"--extracted-r6o4lv\":\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})})})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:\"Solius App\"})}),className:\"framer-6i4h1i\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"L_MBdUKKQ\",style:{\"--framer-paragraph-spacing\":\"0px\",opacity:.5},verticalAlignment:\"bottom\",withExternalLayout:true})]})})})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1dgaoam\",layoutDependency:layoutDependency,layoutId:\"g3pjZgiAS\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-33emd8\",\"data-styles-preset\":\"cQ4g8ejZO\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6)))\"},children:\"Support\"})}),className:\"framer-3tlj8i\",\"data-framer-name\":\"Privacy policy\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"RZDexQfcH\",style:{\"--extracted-r6o4lv\":\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.ul,{className:\"framer-1d9kj6l\",layoutDependency:layoutDependency,layoutId:\"VSrymrgp3\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"s4ccvME2Y\"},motionChild:true,nodeId:\"Fa_ZwYR8u\",openInNewTab:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"FAQ\"})})})}),className:\"framer-1c4x236\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Fa_ZwYR8u\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:\"HSA/FSA\"})}),className:\"framer-1408l8o\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"THDrbhnkE\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"ROO9VbirS\"},motionChild:true,nodeId:\"UCOw2k4ye\",openInNewTab:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"Contacts Us\"})})})}),className:\"framer-9gb3r9\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"UCOw2k4ye\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:\"Return Policy\"})}),className:\"framer-bt5jh9\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ZBtkPZAXm\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-152l2c7\",layoutDependency:layoutDependency,layoutId:\"iPvlhsBY1\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-33emd8\",\"data-styles-preset\":\"cQ4g8ejZO\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6)))\"},children:\"Company\"})}),className:\"framer-1ocqf10\",\"data-framer-name\":\"Privacy policy\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"A7O7q0y8B\",style:{\"--extracted-r6o4lv\":\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.ul,{className:\"framer-55hzbg\",layoutDependency:layoutDependency,layoutId:\"hIinqvhr1\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:\"About\"})}),className:\"framer-1sefzbl\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"iqRswTxQU\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"ilO_jebkG\"},motionChild:true,nodeId:\"wMIGUgzk0\",openInNewTab:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"Newsroom\"})})})}),className:\"framer-1xnxerx\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"wMIGUgzk0\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"olozP851p\"},motionChild:true,nodeId:\"Q7aBoybPV\",openInNewTab:true,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"Research\"})})})}),className:\"framer-1weu3cm\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Q7aBoybPV\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:/*#__PURE__*/_jsx(Link,{href:\"https://www.accessdata.fda.gov/scripts/cdrh/cfdocs/cfpmn/pmn.cfm?ID=K252960\",motionChild:true,nodeId:\"fTEhYMDYp\",openInNewTab:true,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"FDA Clearance\"})})})}),className:\"framer-vazqkr\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"fTEhYMDYp\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"Careers\"})}),className:\"framer-2934ea\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"nEjaEH9wu\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1pdmi9o\",layoutDependency:layoutDependency,layoutId:\"hNI0wbYXX\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-33emd8\",\"data-styles-preset\":\"cQ4g8ejZO\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6)))\"},children:\"Partner\"})}),className:\"framer-1kfufh7\",\"data-framer-name\":\"Privacy policy\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Aje14XFhG\",style:{\"--extracted-r6o4lv\":\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.ul,{className:\"framer-1lj6mfv\",layoutDependency:layoutDependency,layoutId:\"ZLrHOBAnR\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,as:\"li\",children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"vPKfEZkgi\"},motionChild:true,nodeId:\"uDxDbguxS\",openInNewTab:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"Business Inquiries\"})})})}),className:\"framer-1s0b2pm\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"uDxDbguxS\",style:{\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(Overlay,{blockDocumentScrolling:false,dismissWithEsc:false,children:overlay1=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs(motion.li,{className:\"framer-vchwqb\",\"data-highlight\":true,id:`${layoutId}-vchwqb`,layoutDependency:layoutDependency,layoutId:\"uLWuut9Mo\",onMouseEnter:onMouseEnter13elrgn({overlay:overlay1}),ref:ref3,children:[/*#__PURE__*/_jsx(AnimatePresence,{children:overlay1.visible&&/*#__PURE__*/_jsx(Floating,{alignment:\"center\",anchorRef:ref3,className:cx(scopingClassNames,classNames),collisionDetection:true,collisionDetectionPadding:20,\"data-framer-portal-id\":`${layoutId}-vchwqb`,offsetX:0,offsetY:-4,onDismiss:overlay1.hide,placement:\"top\",safeArea:true,zIndex:11,children:/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation1,className:\"framer-nvvuxm\",exit:animation,initial:animation2,layoutDependency:layoutDependency,layoutId:\"ppX9YgVO9\",ref:ref4,role:\"dialog\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-12crg0o\",\"data-framer-name\":\"Tooltip\",layoutDependency:layoutDependency,layoutId:\"IQ0sQO_gk\",style:{backdropFilter:\"blur(5px)\",backgroundColor:\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4,WebkitBackdropFilter:\"blur(5px)\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7QUJDIERpYXR5cGUgUmVndWxhcg==\",\"--framer-font-family\":'\"ABC Diatype Regular\", \"ABC Diatype Regular Placeholder\", sans-serif',\"--framer-font-size\":\"10px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"130%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251)))\"},children:\"Coming Soon\"})}),className:\"framer-q8b7no\",fonts:[\"CUSTOMV2;ABC Diatype Regular\"],layoutDependency:layoutDependency,layoutId:\"xKMRkJaRu\",style:{\"--extracted-r6o4lv\":\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})})})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"Affiliates\"})}),className:\"framer-1ws2qwm\",\"data-framer-name\":\"Affiliate program\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"y5q0TJGp5\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\",opacity:.5},verticalAlignment:\"bottom\",withExternalLayout:true})]})})})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-ay39uv\",layoutDependency:layoutDependency,layoutId:\"Q89XH11g0\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-33emd8\",\"data-styles-preset\":\"cQ4g8ejZO\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6)))\"},children:\"Legal\"})}),className:\"framer-aiga1x\",\"data-framer-name\":\"Privacy policy\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"PABBxbCVm\",style:{\"--extracted-r6o4lv\":\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(motion.ul,{className:\"framer-17fao4j\",layoutDependency:layoutDependency,layoutId:\"pou7LRr9E\",children:/*#__PURE__*/_jsx(ChildrenCanSuspend,{children:/*#__PURE__*/_jsx(QueryData,{query:query1(),children:(collection,paginationInfo,loadMore)=>{return /*#__PURE__*/_jsxs(_Fragment,{children:[collection?.map(({BRjw8Hlc4:BRjw8Hlc4pou7LRr9E,id:idpou7LRr9E,oyYXUxRgY:oyYXUxRgYpou7LRr9E},index)=>{BRjw8Hlc4pou7LRr9E??=\"\";oyYXUxRgYpou7LRr9E??=\"\";return /*#__PURE__*/_jsx(LayoutGroup,{id:`pou7LRr9E-${idpou7LRr9E}`,children:/*#__PURE__*/_jsx(PathVariablesContext.Provider,{value:{BRjw8Hlc4:BRjw8Hlc4pou7LRr9E},children:/*#__PURE__*/_jsx(motion.li,{className:\"framer-15cbg1x\",layoutDependency:layoutDependency,layoutId:\"TderKSNqB\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:/*#__PURE__*/_jsx(Link,{href:{pathVariables:{BRjw8Hlc4:BRjw8Hlc4pou7LRr9E},webPageId:\"r1aFWDiaG\"},motionChild:true,nodeId:\"T7d3VS3YG\",openInNewTab:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-kuedr6\",\"data-styles-preset\":\"O1utb1ady\",children:\"Warranty\"})})})}),className:\"framer-1lru8dp\",\"data-framer-name\":\"Why Solius\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"T7d3VS3YG\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},text:oyYXUxRgYpou7LRr9E,verticalAlignment:\"bottom\",withExternalLayout:true})})})},idpou7LRr9E);}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:149,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+96+0+0+0+0+0+34.2+0+252.8,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+149+0+0+0+0+0+428.8+0+34.2+0+252.8},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+157+0+0+0+0+0+0+34.2+0+252.8}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{as:\"li\",className:\"framer-cckb3r-container\",layoutDependency:layoutDependency,layoutId:\"JBfd0DwZj-container\",nodeId:\"JBfd0DwZj\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(Cookies,{height:\"100%\",id:\"JBfd0DwZj\",layoutId:\"JBfd0DwZj\",variant:matchVariant(\"gm_PlLA4i\"),width:\"100%\"})})})]});}})})})]})]})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-bx7b83\",\"data-framer-name\":\"Newsletter\",layoutDependency:layoutDependency,layoutId:\"m5ZLt8obf\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-q2rkfu\",\"data-framer-name\":\"Newsletter\",layoutDependency:layoutDependency,layoutId:\"q1unXLyRA\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1m5f2vc\",\"data-framer-name\":\"Title\",layoutDependency:layoutDependency,layoutId:\"jWYHAdEmr\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"Be the first to get updates from Solius Labs\"})}),className:\"framer-8oj6jr\",\"data-framer-name\":\"Be the first to find out about product launch updates\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"LnPmT52np\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-vy6lrg\",\"data-framer-name\":\"Form\",layoutDependency:layoutDependency,layoutId:\"hwqPwUQmy\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-zlx3ni-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"jKJFq6wnM-container\",nodeId:\"jKJFq6wnM\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(Embed,{height:\"100%\",html:'\\n\\n\\n\\n
',id:\"jKJFq6wnM\",layoutId:\"jKJFq6wnM\",radius:\"0px\",style:{width:\"100%\"},type:\"html\",url:\"\",width:\"100%\",zoom:1})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-pehcdj\",\"data-styles-preset\":\"bOMT4IB5p\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:[\"By signing up, I agree with the \",/*#__PURE__*/_jsx(Link,{href:{pathVariables:{BRjw8Hlc4:\"privacy-policy\"},unresolvedPathSlugs:{BRjw8Hlc4:{collectionId:\"iXdwLw8QM\",collectionItemId:\"U25yG0ik3\"}},webPageId:\"r1aFWDiaG\"},motionChild:true,nodeId:\"czZP0aYWL\",openInNewTab:false,preserveParams:false,relValues:[],scopeId:\"qhs9qNzhc\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-1j1dp2s\",\"data-styles-preset\":\"FPFefJRaM\",children:\"privacy policy\"})}),\".\"]})}),className:\"framer-bf25ev\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"czZP0aYWL\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\"},verticalAlignment:\"top\",withExternalLayout:true})]})]})})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-7rlvas\",\"data-border\":true,\"data-framer-name\":\"Center Bottom\",layoutDependency:layoutDependency,layoutId:\"KqIjNaIyu\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-797bdcce-ca4b-4c58-891e-7741f67038fc, rgba(17, 17, 17, 0.16))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1c38ya1\",\"data-framer-name\":\"Links\",layoutDependency:layoutDependency,layoutId:\"FfVsac65p\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1tu9qdc\",\"data-framer-name\":\"App Strore Icons\",layoutDependency:layoutDependency,layoutId:\"vv7ZaOp7d\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-rg8kyc\",\"data-framer-name\":\"App Stores Shadow\",layoutDependency:layoutDependency,layoutId:\"w1UM40AxX\",children:[/*#__PURE__*/_jsx(Overlay,{blockDocumentScrolling:false,dismissWithEsc:false,children:overlay2=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1yabzo1\",\"data-highlight\":true,id:`${layoutId}-1yabzo1`,layoutDependency:layoutDependency,layoutId:\"ETpNXsoCz\",onMouseEnter:onMouseEnter13elrgn({overlay:overlay2}),ref:ref5,children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:35,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+0+0+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+0+0+0+0+0+0+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-byhrrh-container\",layoutDependency:layoutDependency,layoutId:\"O01eDBwGn-container\",nodeId:\"O01eDBwGn\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",style:{opacity:.5},children:/*#__PURE__*/_jsx(AppStoreLinkIcon,{height:\"100%\",id:\"O01eDBwGn\",layoutId:\"O01eDBwGn\",lCbT5Pgc4:Apple,OUpHycPVs:\"\",UkiLt4sNY:\"rgb(219, 206, 186)\",width:\"100%\"})})}),/*#__PURE__*/_jsx(AnimatePresence,{children:overlay2.visible&&/*#__PURE__*/_jsx(Floating,{alignment:\"center\",anchorRef:ref5,className:cx(scopingClassNames,classNames),collisionDetection:true,collisionDetectionPadding:20,\"data-framer-portal-id\":`${layoutId}-1yabzo1`,offsetX:0,offsetY:-4,onDismiss:overlay2.hide,placement:\"top\",safeArea:true,zIndex:11,children:/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation1,className:\"framer-supm6\",exit:animation,initial:animation2,layoutDependency:layoutDependency,layoutId:\"dpUAuxe6b\",ref:ref6,role:\"dialog\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1x4x6xo\",\"data-framer-name\":\"Tooltip\",layoutDependency:layoutDependency,layoutId:\"GVPtYrJOm\",style:{backdropFilter:\"blur(5px)\",backgroundColor:\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4,WebkitBackdropFilter:\"blur(5px)\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7QUJDIERpYXR5cGUgUmVndWxhcg==\",\"--framer-font-family\":'\"ABC Diatype Regular\", \"ABC Diatype Regular Placeholder\", sans-serif',\"--framer-font-size\":\"10px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"130%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251)))\"},children:\"Coming Soon\"})}),className:\"framer-13sqzbl\",fonts:[\"CUSTOMV2;ABC Diatype Regular\"],layoutDependency:layoutDependency,layoutId:\"RIhGzNSdj\",style:{\"--extracted-r6o4lv\":\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})})})})})]})})}),/*#__PURE__*/_jsx(Overlay,{blockDocumentScrolling:false,dismissWithEsc:false,children:overlay3=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-rppxbq\",\"data-highlight\":true,id:`${layoutId}-rppxbq`,layoutDependency:layoutDependency,layoutId:\"ttrTfXhBa\",onMouseEnter:onMouseEnter13elrgn({overlay:overlay3}),ref:ref7,children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:35,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+0+47+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+0+0+0+0+0+47+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+0+47+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-wiwj5z-container\",layoutDependency:layoutDependency,layoutId:\"kWMuK5dtr-container\",nodeId:\"kWMuK5dtr\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",style:{opacity:.5},children:/*#__PURE__*/_jsx(AppStoreLinkIcon,{height:\"100%\",id:\"kWMuK5dtr\",layoutId:\"kWMuK5dtr\",lCbT5Pgc4:Google,OUpHycPVs:\"\",UkiLt4sNY:\"rgb(219, 206, 186)\",width:\"100%\"})})}),/*#__PURE__*/_jsx(AnimatePresence,{children:overlay3.visible&&/*#__PURE__*/_jsx(Floating,{alignment:\"center\",anchorRef:ref7,className:cx(scopingClassNames,classNames),collisionDetection:true,collisionDetectionPadding:20,\"data-framer-portal-id\":`${layoutId}-rppxbq`,offsetX:0,offsetY:-4,onDismiss:overlay3.hide,placement:\"top\",safeArea:true,zIndex:11,children:/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation1,className:\"framer-9w5a1a\",exit:animation,initial:animation2,layoutDependency:layoutDependency,layoutId:\"Iy3BU217_\",ref:ref8,role:\"dialog\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1vtg4lm\",\"data-framer-name\":\"Tooltip\",layoutDependency:layoutDependency,layoutId:\"mLj_L5qJ_\",style:{backdropFilter:\"blur(5px)\",backgroundColor:\"var(--token-b2c20660-79ef-4201-b366-380507f8cf52, rgba(17, 17, 17, 0.6))\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4,WebkitBackdropFilter:\"blur(5px)\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7QUJDIERpYXR5cGUgUmVndWxhcg==\",\"--framer-font-family\":'\"ABC Diatype Regular\", \"ABC Diatype Regular Placeholder\", sans-serif',\"--framer-font-size\":\"10px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"130%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251)))\"},children:\"Coming Soon\"})}),className:\"framer-9ejaca\",fonts:[\"CUSTOMV2;ABC Diatype Regular\"],layoutDependency:layoutDependency,layoutId:\"Vm7zXK4jV\",style:{\"--extracted-r6o4lv\":\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})})})})})]})})})]})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-8z7c5p\",\"data-framer-name\":\"Newsletter\",layoutDependency:layoutDependency,layoutId:\"L9nedFEBr\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-16pbk9z\",\"data-framer-name\":\"Connect\",layoutDependency:layoutDependency,layoutId:\"BaAcOUQgI\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-2wnsg8\",\"data-styles-preset\":\"EU2qQSq1m\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"Connect\"})}),className:\"framer-w9o7q2\",\"data-framer-name\":\"Be the first to find out about product launch updates\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"EgOifkgPt\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-135ogtw\",\"data-framer-name\":\"Socials\",layoutDependency:layoutDependency,layoutId:\"DaM99cXDT\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+147+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+114+0+0+0+147+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+147+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-mk7iai-container\",layoutDependency:layoutDependency,layoutId:\"hHuehur5T-container\",nodeId:\"hHuehur5T\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(SocialIconLink,{height:\"100%\",id:\"hHuehur5T\",JknVoJ7k6:X,layoutId:\"hHuehur5T\",style:{height:\"100%\"},SzDtANVgd:\"http://x.com/soliuslabs\",T6k9MQtNo:\"X (Twitter)\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+147+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+114+0+0+0+147+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+147+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8hoera-container\",layoutDependency:layoutDependency,layoutId:\"yy0KDRMXq-container\",nodeId:\"yy0KDRMXq\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(SocialIconLink,{height:\"100%\",id:\"yy0KDRMXq\",JknVoJ7k6:LinkedIjn,layoutId:\"yy0KDRMXq\",style:{height:\"100%\"},SzDtANVgd:\"https://www.linkedin.com/company/solius/\",T6k9MQtNo:\"LinkedIn\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+147+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+114+0+0+0+147+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+147+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ab9n3o-container\",layoutDependency:layoutDependency,layoutId:\"ip5bMXaLO-container\",nodeId:\"ip5bMXaLO\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(SocialIconLink,{height:\"100%\",id:\"ip5bMXaLO\",JknVoJ7k6:Instagram,layoutId:\"ip5bMXaLO\",style:{height:\"100%\"},SzDtANVgd:\"http://instagram.com/soliuslabs\",T6k9MQtNo:\"Instgram\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+147+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+114+0+0+0+147+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+147+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-6vc3i0-container\",layoutDependency:layoutDependency,layoutId:\"bDNks34X5-container\",nodeId:\"bDNks34X5\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(SocialIconLink,{height:\"100%\",id:\"bDNks34X5\",JknVoJ7k6:Facebook,layoutId:\"bDNks34X5\",style:{height:\"100%\"},SzDtANVgd:\"http://facebook.com/soliuslabs\",T6k9MQtNo:\"Facebook\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,y:(componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+0+0+762+0+0+0+0+147+0,...addPropertyOverrides({QBF_eLShu:{y:(componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+0+0+1727.8+0+114+0+0+0+147+0},xUTPq4mEV:{y:(componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+0+0+1291+0+0+0+0+147+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1ytr8t4-container\",layoutDependency:layoutDependency,layoutId:\"bbyo1mE13-container\",nodeId:\"bbyo1mE13\",rendersWithMotion:true,scopeId:\"qhs9qNzhc\",children:/*#__PURE__*/_jsx(SocialIconLink,{height:\"100%\",id:\"bbyo1mE13\",JknVoJ7k6:YT,layoutId:\"bbyo1mE13\",style:{height:\"100%\"},SzDtANVgd:\"https://www.youtube.com/@soliuslabs\",T6k9MQtNo:\"YouTube\",width:\"100%\"})})})]})]})})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1eer5bf\",\"data-framer-name\":\"Bottom\",layoutDependency:layoutDependency,layoutId:\"fVESmOXFV\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1sqzan7\",\"data-border\":true,\"data-framer-name\":\"Legal\",layoutDependency:layoutDependency,layoutId:\"gWsbEi07B\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-797bdcce-ca4b-4c58-891e-7741f67038fc, rgba(17, 17, 17, 0.16))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1va2l15\",\"data-framer-name\":\"Column\",layoutDependency:layoutDependency,layoutId:\"a1WOkTvAD\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1ia747\",\"data-framer-name\":\"Legal\",layoutDependency:layoutDependency,layoutId:\"UPEUW8vDe\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-g48npz\",\"data-framer-name\":\"Logos\",layoutDependency:layoutDependency,layoutId:\"J7QFxVUUv\",children:[/*#__PURE__*/_jsx(FDA,{animated:true,className:\"framer-3ql6l7\",\"data-framer-name\":\"FDA\",layoutDependency:layoutDependency,layoutId:\"J3BLO1LUg\"}),/*#__PURE__*/_jsx(Image1,{background:{alt:\"Intertek logo\",fit:\"fill\",intrinsicHeight:1900,intrinsicWidth:1570,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+24+(((componentViewport?.height||918.5)-48-1314)/2+0+0)+0+0+0+24+1006+0+0+0+0+0+0+0+0+0),pixelHeight:1900,pixelWidth:1570,sizes:\"36px\",src:\"https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?width=1570&height=1900\",srcSet:\"https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?scale-down-to=1024&width=1570&height=1900 846w,https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?width=1570&height=1900 1570w\"},className:\"framer-1tm0cfe\",\"data-framer-name\":\"Intertek\",fitImageDimension:\"height\",layoutDependency:layoutDependency,layoutId:\"CNAzHsOi6\",...addPropertyOverrides({QBF_eLShu:{background:{alt:\"Intertek logo\",fit:\"fill\",intrinsicHeight:1900,intrinsicWidth:1570,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+16+(((componentViewport?.height||200)-48-2514.8)/2+0+0)+0+0+0+0+16+2120.8+0+0+0+0+0+0+0+0+0),pixelHeight:1900,pixelWidth:1570,sizes:\"36px\",src:\"https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?width=1570&height=1900\",srcSet:\"https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?scale-down-to=1024&width=1570&height=1900 846w,https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?width=1570&height=1900 1570w\"}},xUTPq4mEV:{background:{alt:\"Intertek logo\",fit:\"fill\",intrinsicHeight:1900,intrinsicWidth:1570,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+24+(((componentViewport?.height||1388.5)-48-2e3)/2+0+0)+0+0+0+24+1590+0+0+0+0+0+0+0+0+0),pixelHeight:1900,pixelWidth:1570,sizes:\"36px\",src:\"https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?width=1570&height=1900\",srcSet:\"https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?scale-down-to=1024&width=1570&height=1900 846w,https://framerusercontent.com/images/KjSOTXCVtgx3pOF5AzIQSB8Wcc.png?width=1570&height=1900 1570w\"}}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(Iso,{animated:true,className:\"framer-uk8yef\",\"data-framer-name\":\"iso\",layoutDependency:layoutDependency,layoutId:\"f4SMSpd6G\"})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-pehcdj\",\"data-styles-preset\":\"bOMT4IB5p\",dir:\"auto\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:[\"Solius is an FDA cleared over-the-counter (OTC) light panel intended to stimulate production of vitamin D in people 22 years and older.\",/*#__PURE__*/_jsx(motion.br,{}),/*#__PURE__*/_jsx(motion.br,{}),\"Solius is clinically proven to stimulate the production of vitamin D. References to the benefits of sunlight, UVB light, and vitamin D are based upon published, peer-reviewed research. The Solius device is not intended to diagnose, treat, cure, or prevent disease\",/*#__PURE__*/_jsx(motion.em,{children:\",\"}),\" except for the indications for use described in the user manual for your applicable region. Solius does not provide specific medical advice to users. Users should seek advice from a qualified physician or healthcare provider. This website does not establish a doctor-patient relationship. For detailed product information\\xa0please consult the User Manual prior to use.\\xa0\"]})}),className:\"framer-1fd8nm2\",\"data-framer-name\":\"Solius is an FDA cleared over-the-counter (OTC) light panel intended to stimulate production of vitamin D in people 22 years and older.\",fonts:[\"Inter\",\"Inter-Italic\"],layoutDependency:layoutDependency,layoutId:\"ajNXwOrUk\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\",opacity:.8},verticalAlignment:\"bottom\",withExternalLayout:true})]})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-uieml9\",\"data-framer-name\":\"Bottom\",layoutDependency:layoutDependency,layoutId:\"jDG78PeSW\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-pehcdj\",\"data-styles-preset\":\"bOMT4IB5p\",children:[/*#__PURE__*/_jsx(motion.span,{style:{\"--framer-text-color\":\"var(--extracted-1w3ko1f, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"Solius\\xae is a registered trademark of Solius Labs, Inc.\"}),/*#__PURE__*/_jsx(motion.br,{}),/*#__PURE__*/_jsx(motion.span,{style:{\"--framer-text-color\":\"var(--extracted-c9yw3e, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"100 Ravine Lane NE, Suite 310, Bainbridge Island, WA 98110\"})]})}),className:\"framer-1y04n3h\",\"data-framer-name\":\"Solius\\xae is a registered trademark of Solius Labs, Inc. 100 Ravine Lane NE, Suite 310, Bainbridge Island, WA 98110\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"oes1nDqN9\",style:{\"--extracted-1w3ko1f\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--extracted-c9yw3e\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\",opacity:.8},verticalAlignment:\"bottom\",withExternalLayout:true}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-2x3iv4\",\"data-framer-name\":\"Copyrights\",layoutDependency:layoutDependency,layoutId:\"ZMIDbuaC9\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1idz0bm\",\"data-framer-name\":\"Year\",layoutDependency:layoutDependency,layoutId:\"IGDgVNwuU\"})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-pehcdj\",\"data-styles-preset\":\"bOMT4IB5p\",dir:\"auto\",style:{\"--framer-text-alignment\":\"right\"},children:[/*#__PURE__*/_jsx(motion.span,{style:{\"--framer-text-color\":\"var(--extracted-1w3ko1f, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"\\xa9 2026 Solius Labs, Inc.\"}),/*#__PURE__*/_jsx(motion.br,{}),/*#__PURE__*/_jsx(motion.br,{className:\"trailing-break\"})]})}),className:\"framer-8xsma5\",\"data-framer-name\":\"Solius\\xae is a registered trademark of Solius Labs, Inc. 100 Ravine Lane NE, Suite 310, Bainbridge Island, WA 98110\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"zBTPNTX9A\",style:{\"--extracted-1w3ko1f\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\",opacity:.8},verticalAlignment:\"bottom\",withExternalLayout:true})]})]})]})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-IbtbS.framer-thhvq5, .framer-IbtbS .framer-thhvq5 { display: block; }\",\".framer-IbtbS.framer-11o90xg { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 24px; position: relative; width: 1280px; }\",\".framer-IbtbS .framer-1atlwmy { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 120px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-IbtbS .framer-1oonc2k { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: flex-start; max-width: 1600px; overflow: visible; padding: 0px; position: relative; width: 100%; z-index: 1; }\",\".framer-IbtbS .framer-18dbjkj { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 45px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 24px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }\",\".framer-IbtbS .framer-j9io6o, .framer-IbtbS .framer-1eer5bf { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-pi22jr { align-content: flex-end; align-items: flex-end; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px 0px 24px 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-1lex7pa { flex: none; height: 48px; position: relative; width: var(--framer-aspect-ratio-supported, 222px); }\",\".framer-IbtbS .framer-4uvdb4 { align-content: center; align-items: center; display: flex; flex: 6 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: min-content; justify-content: flex-end; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-1vq64a6 { flex: none; height: var(--framer-aspect-ratio-supported, 21px); position: relative; width: 51px; }\",\".framer-IbtbS .framer-q30n66 { flex: none; height: var(--framer-aspect-ratio-supported, 20px); position: relative; width: 49px; }\",\".framer-IbtbS .framer-1eqfxzj { flex: none; height: var(--framer-aspect-ratio-supported, 18px); position: relative; width: 45px; }\",\".framer-IbtbS .framer-1hv0au1 { flex: none; height: var(--framer-aspect-ratio-supported, 28px); position: relative; width: 36px; }\",\".framer-IbtbS .framer-k80ziv { flex: none; height: var(--framer-aspect-ratio-supported, 29px); position: relative; width: 29px; }\",\".framer-IbtbS .framer-1yffvpu, .framer-IbtbS .framer-7rlvas { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 32px 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-12z5z04 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: 6 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: auto; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-1z0z6gz { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; max-width: 640px; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-k5yodf, .framer-IbtbS .framer-1dgaoam, .framer-IbtbS .framer-152l2c7, .framer-IbtbS .framer-1pdmi9o, .framer-IbtbS .framer-ay39uv { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-1apwp52, .framer-IbtbS .framer-1fu2b6i, .framer-IbtbS .framer-74fo3q, .framer-IbtbS .framer-6i4h1i, .framer-IbtbS .framer-3tlj8i, .framer-IbtbS .framer-1c4x236, .framer-IbtbS .framer-1408l8o, .framer-IbtbS .framer-9gb3r9, .framer-IbtbS .framer-bt5jh9, .framer-IbtbS .framer-1ocqf10, .framer-IbtbS .framer-1sefzbl, .framer-IbtbS .framer-1xnxerx, .framer-IbtbS .framer-1weu3cm, .framer-IbtbS .framer-vazqkr, .framer-IbtbS .framer-2934ea, .framer-IbtbS .framer-1kfufh7, .framer-IbtbS .framer-1s0b2pm, .framer-IbtbS .framer-q8b7no, .framer-IbtbS .framer-1ws2qwm, .framer-IbtbS .framer-aiga1x, .framer-IbtbS .framer-1lru8dp, .framer-IbtbS .framer-13sqzbl, .framer-IbtbS .framer-9ejaca { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-IbtbS .framer-j1o36c, .framer-IbtbS .framer-1d9kj6l, .framer-IbtbS .framer-55hzbg, .framer-IbtbS .framer-1lj6mfv { 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; list-style: none; margin: 0px; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-8erzwp, .framer-IbtbS .framer-vchwqb { align-content: center; align-items: center; cursor: default; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-2ubjpb, .framer-IbtbS .framer-nvvuxm, .framer-IbtbS .framer-supm6, .framer-IbtbS .framer-9w5a1a { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-np7nic, .framer-IbtbS .framer-12crg0o, .framer-IbtbS .framer-1x4x6xo, .framer-IbtbS .framer-1vtg4lm { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 4px 6px 3px 6px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-IbtbS .framer-17fao4j { 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: flex-start; list-style: none; margin: 0px; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-15cbg1x { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-cckb3r-container { flex: none; height: auto; position: relative; width: auto; z-index: 10; }\",\".framer-IbtbS .framer-bx7b83 { align-content: flex-end; align-items: flex-end; display: flex; flex: 3 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-q2rkfu { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-1m5f2vc { 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-IbtbS .framer-8oj6jr, .framer-IbtbS .framer-w9o7q2, .framer-IbtbS .framer-1fd8nm2 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-IbtbS .framer-vy6lrg { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-zlx3ni-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-IbtbS .framer-bf25ev { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-IbtbS .framer-1c38ya1 { align-content: center; align-items: center; display: flex; flex: 6 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-1tu9qdc { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-rg8kyc { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-1yabzo1, .framer-IbtbS .framer-rppxbq { 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: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS .framer-byhrrh-container, .framer-IbtbS .framer-wiwj5z-container { flex: none; height: auto; pointer-events: none; position: relative; width: auto; }\",\".framer-IbtbS .framer-8z7c5p { align-content: flex-end; align-items: flex-end; display: flex; flex: 3 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-16pbk9z { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-135ogtw { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 14px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-mk7iai-container, .framer-IbtbS .framer-8hoera-container, .framer-IbtbS .framer-ab9n3o-container, .framer-IbtbS .framer-6vc3i0-container, .framer-IbtbS .framer-1ytr8t4-container { flex: none; height: 20px; position: relative; width: auto; }\",\".framer-IbtbS .framer-1sqzan7 { align-content: flex-end; align-items: flex-end; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 24px 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-1va2l15 { align-content: flex-start; align-items: flex-start; display: flex; flex: 7 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-1ia747 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-g48npz { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 23.73194694519043px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-3ql6l7 { flex: none; height: var(--framer-aspect-ratio-supported, 17px); position: relative; width: 41px; }\",\".framer-IbtbS .framer-1tm0cfe { flex: none; height: auto; overflow: visible; position: relative; width: 36px; }\",\".framer-IbtbS .framer-uk8yef { flex: none; height: var(--framer-aspect-ratio-supported, 31px); position: relative; width: 75px; }\",\".framer-IbtbS .framer-uieml9 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-IbtbS .framer-1y04n3h, .framer-IbtbS .framer-8xsma5 { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-IbtbS .framer-2x3iv4 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: flex-end; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-IbtbS .framer-1idz0bm { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; min-height: 15px; min-width: 10px; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-IbtbS.framer-v-6o7t6q.framer-11o90xg { width: 810px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-1oonc2k { gap: 40px; justify-content: center; max-width: unset; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-18dbjkj { gap: 100px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-pi22jr { flex-direction: column; gap: 32px; justify-content: flex-start; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-4uvdb4 { flex: none; width: 600%; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-1yffvpu, .framer-IbtbS.framer-v-1d7x9id .framer-7rlvas { flex-direction: column; gap: 32px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-12z5z04 { align-self: unset; flex: none; gap: 32px; height: min-content; justify-content: center; width: 100%; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-bx7b83 { align-content: flex-start; align-items: flex-start; flex: none; width: 100%; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-q2rkfu { max-width: 400px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-7rlvas { gap: 32px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-1c38ya1 { flex: 1 0 0px; gap: 32px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-8z7c5p { align-content: flex-start; align-items: flex-start; flex: 1 0 0px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-1sqzan7, .framer-IbtbS.framer-v-1d7x9id .framer-1sqzan7 { align-content: flex-start; align-items: flex-start; flex-direction: column; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-1va2l15, .framer-IbtbS.framer-v-6o7t6q .framer-1y04n3h, .framer-IbtbS.framer-v-6o7t6q .framer-8xsma5, .framer-IbtbS.framer-v-1d7x9id .framer-bx7b83, .framer-IbtbS.framer-v-1d7x9id .framer-8z7c5p, .framer-IbtbS.framer-v-1d7x9id .framer-1va2l15, .framer-IbtbS.framer-v-1d7x9id .framer-1y04n3h, .framer-IbtbS.framer-v-1d7x9id .framer-8xsma5 { flex: none; width: 100%; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-uieml9, .framer-IbtbS.framer-v-1d7x9id .framer-uieml9 { flex-direction: column; gap: 12px; }\",\".framer-IbtbS.framer-v-6o7t6q .framer-2x3iv4, .framer-IbtbS.framer-v-1d7x9id .framer-2x3iv4 { flex: none; justify-content: flex-start; width: 100%; }\",\".framer-IbtbS.framer-v-1d7x9id.framer-11o90xg { gap: 32px; padding: 16px 24px 32px 24px; width: 390px; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-1oonc2k { flex-direction: column; max-width: 480px; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-18dbjkj { flex: none; gap: 80px; padding: 16px; width: 100%; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-pi22jr { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 24px; justify-content: flex-start; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-1lex7pa { width: var(--framer-aspect-ratio-supported, 200px); }\",\".framer-IbtbS.framer-v-1d7x9id .framer-4uvdb4 { flex: none; gap: 24px 24px; width: 100%; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-q30n66, .framer-IbtbS.framer-v-1d7x9id .framer-uk8yef { height: var(--framer-aspect-ratio-supported, 24px); }\",\".framer-IbtbS.framer-v-1d7x9id .framer-1eqfxzj { height: var(--framer-aspect-ratio-supported, 15px); }\",\".framer-IbtbS.framer-v-1d7x9id .framer-1yffvpu { flex-direction: column; gap: 48px; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-12z5z04 { align-self: unset; flex: none; gap: 32px; height: min-content; width: 100%; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-1z0z6gz { align-content: unset; align-items: unset; display: grid; gap: 48px 24px; grid-auto-rows: min-content; grid-template-columns: repeat(2, minmax(50px, 1fr)); grid-template-rows: repeat(2, min-content); justify-content: center; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-k5yodf, .framer-IbtbS.framer-v-1d7x9id .framer-1dgaoam, .framer-IbtbS.framer-v-1d7x9id .framer-152l2c7, .framer-IbtbS.framer-v-1d7x9id .framer-1pdmi9o, .framer-IbtbS.framer-v-1d7x9id .framer-ay39uv { align-self: start; justify-self: start; width: 100%; }\",\".framer-IbtbS.framer-v-1d7x9id .framer-1c38ya1 { flex: none; gap: 32px; width: 100%; }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,...sharedStyle3.css,...sharedStyle4.css,...sharedStyle5.css,'.framer-IbtbS[data-border=\"true\"]::after, .framer-IbtbS [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 918.5\n * @framerIntrinsicWidth 1280\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"xUTPq4mEV\":{\"layout\":[\"fixed\",\"auto\"]},\"QBF_eLShu\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"PL7yAiIJl\":\"bG\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerqhs9qNzhc=withCSS(Component,css,\"framer-IbtbS\");export default Framerqhs9qNzhc;Framerqhs9qNzhc.displayName=\"Footer\";Framerqhs9qNzhc.defaultProps={height:918.5,width:1280};addPropertyControls(Framerqhs9qNzhc,{variant:{options:[\"rQcvzo4eh\",\"xUTPq4mEV\",\"QBF_eLShu\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum},PL7yAiIJl:{defaultValue:\"var(--token-3de06b3c-07a0-4707-8a8e-ce9f403cb6e9, rgb(246, 246, 237))\",title:\"BG\",type:ControlType.Color}});addFonts(Framerqhs9qNzhc,[{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\"},{cssFamilyName:\"ABC Diatype Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"ABC Diatype\",url:\"https://framerusercontent.com/assets/QI6b4biJO0jp3MZsT8hAEBiaY.woff2\",weight:\"400\"},{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/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2\",weight:\"400\"},{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/867QObYax8ANsfX4TGEVU9YiCM.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"italic\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2\",weight:\"400\"},{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/DOfvtmE1UplCq161m6Hj8CSQYg.woff2\",weight:\"400\"},{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/pKRFNWFoZl77qYCAIp84lN1h944.woff2\",weight:\"400\"},{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/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2\",weight:\"400\"}]},...LogoNewFonts,...ApplePayFonts,...GooglePayFonts,...VisaFonts,...MastercardFonts,...AmexFonts,...CookiesFonts,...EmbedFonts,...AppStoreLinkIconFonts,...SocialIconLinkFonts,...FDAFonts,...IsoFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts)],{supportsExplicitInterCodegen:true});Framerqhs9qNzhc.loader={load:(props,context)=>{const locale=context.locale;const queryCacheEntry=queryCache.get(query1(),locale);return Promise.allSettled([queryCacheEntry.preload(),forwardLoader(NewsletterForm,{},context),forwardLoader(AppStoreLinkIcon,{},context),forwardLoader(SocialIconLink,{},context),(async()=>{const parentData=await queryCacheEntry.readMaybeAsync()??[];return Promise.allSettled(parentData.flatMap(item=>forwardLoader(Cookies,{},context)));})()]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerqhs9qNzhc\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"1280\",\"framerIntrinsicHeight\":\"918.5\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"PL7yAiIJl\\\":\\\"bG\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"xUTPq4mEV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"QBF_eLShu\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";// Apply this override to whatever button/icon opens your search overlay.\n// On touchstart it silently focuses a hidden input to prime the iOS keyboard,\n// so that when the SiteSearch component mounts with autoFocus it can\n// immediately take over — bypassing iOS's block on non-gesture focus calls.\nexport function withSearchFocusPrime(Component){return props=>{const prime=()=>{const tmp=document.createElement(\"input\");tmp.setAttribute(\"type\",\"text\");tmp.setAttribute(\"inputmode\",\"search\");tmp.style.cssText=\"position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;border:none;outline:none;pointer-events:none;\";document.body.appendChild(tmp);tmp.focus();// Remove after enough time for the overlay + SiteSearch to mount\nsetTimeout(()=>{try{document.body.removeChild(tmp);}catch{}},2e3);};return /*#__PURE__*/_jsx(\"div\",{onTouchStart:prime,style:{display:\"contents\"},children:/*#__PURE__*/_jsx(Component,{...props})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withSearchFocusPrime\":{\"type\":\"reactHoc\",\"name\":\"withSearchFocusPrime\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SearchTrigger.map","// Generated by Framer (c0f92f4)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/s0ecANsQu8kBDgjm6tCO/SUtbkW7hPLIkqvK6CiPL/qPIkpYlT7.js\";const enabledGestures={JxXDvBpLj:{hover:true},XVl_gQA0e:{hover:true}};const cycleOrder=[\"BkA8QijgD\",\"a0fmrsG1a\",\"XVl_gQA0e\",\"JxXDvBpLj\",\"dj8LJkuHB\"];const serializationHash=\"framer-7hQ8F\";const variantClassNames={a0fmrsG1a:\"framer-v-148q0va\",BkA8QijgD:\"framer-v-19a6zf\",dj8LJkuHB:\"framer-v-m1uyru\",JxXDvBpLj:\"framer-v-a67lr2\",XVl_gQA0e:\"framer-v-l4cq2i\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const GIkyFb6lz=undefined;const x6J40L2on=undefined;const WXzZ5xDE3=undefined;const FoaW5oWEO=undefined;const transition1={delay:0,duration:.45,ease:[.6,0,.05,1],type:\"tween\"};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Default Active\":\"BkA8QijgD\",\"Default Inactive\":\"a0fmrsG1a\",\"Hover Active\":\"XVl_gQA0e\",\"Hover Inactive\":\"JxXDvBpLj\",Mobile:\"dj8LJkuHB\"};const getProps=({click,height,id,label,link,newTab,width,...props})=>{return{...props,FoaW5oWEO:label??props.FoaW5oWEO??\"How It Works\",GIkyFb6lz:click??props.GIkyFb6lz,variant:humanReadableVariantMap[props.variant]??props.variant??\"BkA8QijgD\",WXzZ5xDE3:newTab??props.WXzZ5xDE3,x6J40L2on:link??props.x6J40L2on};};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,FoaW5oWEO,x6J40L2on,WXzZ5xDE3,GIkyFb6lz,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"BkA8QijgD\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapoclid0=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(GIkyFb6lz){const res=await GIkyFb6lz(...args);if(res===false)return false;}});const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"dj8LJkuHB\")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:x6J40L2on,motionChild:true,nodeId:\"BkA8QijgD\",openInNewTab:WXzZ5xDE3,scopeId:\"dL8hxMOgW\",smoothScroll:true,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-19a6zf\",className,classNames)} framer-milep7`,\"data-framer-name\":\"Default Active\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"BkA8QijgD\",onTap:onTapoclid0,ref:refBinding,style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:1,...style},variants:{\"JxXDvBpLj-hover\":{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",opacity:1},\"XVl_gQA0e-hover\":{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",opacity:1},dj8LJkuHB:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-781d1a25-849c-428f-9f20-c898766da0e5, rgba(17, 17, 17, 0.1))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",opacity:1},JxXDvBpLj:{opacity:.5},XVl_gQA0e:{opacity:.5}},...addPropertyOverrides({\"JxXDvBpLj-hover\":{\"data-framer-name\":undefined},\"XVl_gQA0e-hover\":{\"data-framer-name\":undefined},a0fmrsG1a:{\"data-framer-name\":\"Default Inactive\"},dj8LJkuHB:{\"data-border\":true,\"data-framer-name\":\"Mobile\"},JxXDvBpLj:{\"data-framer-name\":\"Hover Inactive\"},XVl_gQA0e:{\"data-framer-name\":\"Hover Active\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-aovuti\",\"data-styles-preset\":\"qPIkpYlT7\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)))\"},children:\"How It Works\"})}),className:\"framer-vsb5j3\",\"data-framer-name\":\"How It Works\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Mm6Mf2WWt\",style:{\"--extracted-r6o4lv\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--framer-paragraph-spacing\":\"0px\"},text:FoaW5oWEO,verticalAlignment:\"bottom\",withExternalLayout:true}),isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-f04lj8\",\"data-border\":true,\"data-framer-name\":\"Indicator\",layoutDependency:layoutDependency,layoutId:\"ID1bG8xM4\",style:{\"--border-bottom-width\":\"1.5px\",\"--border-color\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\",\"--border-left-width\":\"1.5px\",\"--border-right-width\":\"1.5px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1.5px\",borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\",opacity:1,scale:1},transformTemplate:transformTemplate1,variants:{a0fmrsG1a:{opacity:0,scale:.5},JxXDvBpLj:{opacity:0,scale:.5},XVl_gQA0e:{opacity:1,scale:1}}})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-7hQ8F.framer-milep7, .framer-7hQ8F .framer-milep7 { display: block; }\",\".framer-7hQ8F.framer-19a6zf { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 12px 0px 12px 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-7hQ8F .framer-vsb5j3 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-7hQ8F .framer-f04lj8 { aspect-ratio: 1 / 1; bottom: -1px; flex: none; height: var(--framer-aspect-ratio-supported, 9px); left: 50%; pointer-events: none; position: absolute; width: 9px; z-index: 1; }\",\".framer-7hQ8F.framer-v-m1uyru.framer-19a6zf { padding: 32px 0px 32px 0px; }\",...sharedStyle.css,'.framer-7hQ8F[data-border=\"true\"]::after, .framer-7hQ8F [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 45.5\n * @framerIntrinsicWidth 90.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"a0fmrsG1a\":{\"layout\":[\"auto\",\"auto\"]},\"XVl_gQA0e\":{\"layout\":[\"auto\",\"auto\"]},\"JxXDvBpLj\":{\"layout\":[\"auto\",\"auto\"]},\"dj8LJkuHB\":{\"layout\":[\"auto\",\"auto\"]},\"zs29Xwsqe\":{\"layout\":[\"auto\",\"auto\"]},\"UA2F_q36h\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"FoaW5oWEO\":\"label\",\"x6J40L2on\":\"link\",\"WXzZ5xDE3\":\"newTab\",\"GIkyFb6lz\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerdL8hxMOgW=withCSS(Component,css,\"framer-7hQ8F\");export default FramerdL8hxMOgW;FramerdL8hxMOgW.displayName=\"Nav Link\";FramerdL8hxMOgW.defaultProps={height:45.5,width:90.5};addPropertyControls(FramerdL8hxMOgW,{variant:{options:[\"BkA8QijgD\",\"a0fmrsG1a\",\"XVl_gQA0e\",\"JxXDvBpLj\",\"dj8LJkuHB\"],optionTitles:[\"Default Active\",\"Default Inactive\",\"Hover Active\",\"Hover Inactive\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum},FoaW5oWEO:{defaultValue:\"How It Works\",displayTextArea:false,title:\"Label\",type:ControlType.String},x6J40L2on:{title:\"Link\",type:ControlType.Link},WXzZ5xDE3:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},GIkyFb6lz:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerdL8hxMOgW,[{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)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerdL8hxMOgW\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"FoaW5oWEO\\\":\\\"label\\\",\\\"x6J40L2on\\\":\\\"link\\\",\\\"WXzZ5xDE3\\\":\\\"newTab\\\",\\\"GIkyFb6lz\\\":\\\"click\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"a0fmrsG1a\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"XVl_gQA0e\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"JxXDvBpLj\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"dj8LJkuHB\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"zs29Xwsqe\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"UA2F_q36h\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"45.5\",\"framerIntrinsicWidth\":\"90.5\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./dL8hxMOgW.map","// Generated by Framer (874d64d)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,ResolveLinks,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useRouter,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import NavLink from\"https://framerusercontent.com/modules/OohQMpVjsJugRy6WpJDX/V1rBCbXIi9mVUfVMR1Bl/dL8hxMOgW.js\";const NavLinkFonts=getFonts(NavLink);const enabledGestures={WjABgyDp_:{hover:true}};const cycleOrder=[\"WjABgyDp_\",\"PkfX0Am1N\",\"aE3BPjQOE\"];const serializationHash=\"framer-aW86N\";const variantClassNames={aE3BPjQOE:\"framer-v-rjxwnr\",PkfX0Am1N:\"framer-v-1r2z5z9\",WjABgyDp_:\"framer-v-rbhuvf\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const X_dKrIyNQ=undefined;const HKt5RgUtA=undefined;const transition1={delay:0,duration:.45,ease:[.6,0,.05,1],type:\"tween\"};const convertFromEnum=(value,activeLocale)=>{switch(value){case\"IJ5SeLMr_\":return\"BkA8QijgD\";default:return\"a0fmrsG1a\";}};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};const convertFromEnum1=(value,activeLocale)=>{switch(value){case\"IJ5SeLMr_\":return\"XVl_gQA0e\";default:return\"JxXDvBpLj\";}};const convertFromEnum2=(value,activeLocale)=>{switch(value){case\"nt7HB3xhv\":return\"BkA8QijgD\";default:return\"a0fmrsG1a\";}};const convertFromEnum3=(value,activeLocale)=>{switch(value){case\"nt7HB3xhv\":return\"XVl_gQA0e\";default:return\"JxXDvBpLj\";}};const convertFromEnum4=(value,activeLocale)=>{switch(value){case\"mm6KP_nli\":return\"BkA8QijgD\";default:return\"a0fmrsG1a\";}};const convertFromEnum5=(value,activeLocale)=>{switch(value){case\"mm6KP_nli\":return\"XVl_gQA0e\";default:return\"JxXDvBpLj\";}};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 humanReadableEnumMap={\"How It Works\":\"nt7HB3xhv\",\"Why Solius\":\"IJ5SeLMr_\",Other:\"WMIibhPmw\",Research:\"mm6KP_nli\"};const humanReadableVariantMap={\"Mobile Closed\":\"aE3BPjQOE\",\"Mobile Open\":\"PkfX0Am1N\",Desktop:\"WjABgyDp_\"};const getProps=({activePage,click,height,id,width,...props})=>{return{...props,HKt5RgUtA:click??props.HKt5RgUtA,variant:humanReadableVariantMap[props.variant]??props.variant??\"WjABgyDp_\",X_dKrIyNQ:humanReadableEnumMap[activePage]??activePage??props.X_dKrIyNQ??\"IJ5SeLMr_\"};};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,X_dKrIyNQ,HKt5RgUtA,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"WjABgyDp_\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const GIkyFb6lzr2dcc9=activeVariantCallback(async(...args)=>{if(HKt5RgUtA){const res=await HKt5RgUtA(...args);if(res===false)return false;}});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const router=useRouter();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-rbhuvf\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"WjABgyDp_\",ref:refBinding,style:{...style},...addPropertyOverrides({\"WjABgyDp_-hover\":{\"data-framer-name\":undefined},aE3BPjQOE:{\"data-framer-name\":\"Mobile Closed\"},PkfX0Am1N:{\"data-framer-name\":\"Mobile Open\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1bj4un8\",\"data-framer-name\":\"Links\",layoutDependency:layoutDependency,layoutId:\"llvOHXSHp\",children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"Kv_sYHrgJ\"},implicitPathVariables:undefined},{href:{webPageId:\"Kv_sYHrgJ\"},implicitPathVariables:undefined},{href:{webPageId:\"Kv_sYHrgJ\"},implicitPathVariables:undefined},{href:{webPageId:\"Kv_sYHrgJ\"},implicitPathVariables:undefined}],children:resolvedLinks=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:45,y:(componentViewport?.y||0)+(4+((componentViewport?.height||53.5)-8-45)/2)+0,...addPropertyOverrides({aE3BPjQOE:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||321)-0-199)/2+0+0)+0+0},PkfX0Am1N:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||257)-0-135)/2+0+0)+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-84383w-container\",layoutDependency:layoutDependency,layoutId:\"ZFGipXKU7-container\",nodeId:\"ZFGipXKU7\",rendersWithMotion:true,scopeId:\"BhXJfecgb\",style:{opacity:1},variants:{\"WjABgyDp_-hover\":{opacity:1},aE3BPjQOE:{opacity:0}},children:/*#__PURE__*/_jsx(NavLink,{FoaW5oWEO:\"Why Solius\",height:\"100%\",id:\"ZFGipXKU7\",layoutId:\"ZFGipXKU7\",variant:matchVariant(convertFromEnum(X_dKrIyNQ,activeLocale)),width:\"100%\",WXzZ5xDE3:false,x6J40L2on:resolvedLinks[0],...addPropertyOverrides({\"WjABgyDp_-hover\":{variant:matchVariant(convertFromEnum1(X_dKrIyNQ,activeLocale)),x6J40L2on:resolvedLinks[3]},aE3BPjQOE:{style:{width:\"100%\"},variant:matchVariant(\"dj8LJkuHB\"),x6J40L2on:resolvedLinks[2]},PkfX0Am1N:{GIkyFb6lz:GIkyFb6lzr2dcc9,style:{width:\"100%\"},variant:matchVariant(\"dj8LJkuHB\"),x6J40L2on:resolvedLinks[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"c6NobHcxG\"},implicitPathVariables:undefined},{href:{webPageId:\"c6NobHcxG\"},implicitPathVariables:undefined},{href:{webPageId:\"c6NobHcxG\"},implicitPathVariables:undefined},{href:{webPageId:\"c6NobHcxG\"},implicitPathVariables:undefined}],children:resolvedLinks1=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:45,y:(componentViewport?.y||0)+(4+((componentViewport?.height||53.5)-8-45)/2)+0,...addPropertyOverrides({aE3BPjQOE:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||321)-0-199)/2+0+0)+0+77},PkfX0Am1N:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||257)-0-135)/2+0+0)+0+45}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-khu3pj-container\",layoutDependency:layoutDependency,layoutId:\"x94bulE1v-container\",nodeId:\"x94bulE1v\",rendersWithMotion:true,scopeId:\"BhXJfecgb\",style:{opacity:1},variants:{\"WjABgyDp_-hover\":{opacity:1},aE3BPjQOE:{opacity:0}},children:/*#__PURE__*/_jsx(NavLink,{FoaW5oWEO:\"How It Works\",height:\"100%\",id:\"x94bulE1v\",layoutId:\"x94bulE1v\",variant:matchVariant(convertFromEnum2(X_dKrIyNQ,activeLocale)),width:\"100%\",WXzZ5xDE3:false,x6J40L2on:resolvedLinks1[0],...addPropertyOverrides({\"WjABgyDp_-hover\":{variant:matchVariant(convertFromEnum3(X_dKrIyNQ,activeLocale)),x6J40L2on:resolvedLinks1[3]},aE3BPjQOE:{style:{width:\"100%\"},variant:matchVariant(\"dj8LJkuHB\"),x6J40L2on:resolvedLinks1[2]},PkfX0Am1N:{GIkyFb6lz:GIkyFb6lzr2dcc9,style:{width:\"100%\"},variant:matchVariant(\"dj8LJkuHB\"),x6J40L2on:resolvedLinks1[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"olozP851p\"},implicitPathVariables:undefined},{href:{webPageId:\"olozP851p\"},implicitPathVariables:undefined},{href:{webPageId:\"olozP851p\"},implicitPathVariables:undefined},{href:{webPageId:\"olozP851p\"},implicitPathVariables:undefined}],children:resolvedLinks2=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:45,y:(componentViewport?.y||0)+(4+((componentViewport?.height||53.5)-8-45)/2)+0,...addPropertyOverrides({aE3BPjQOE:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||321)-0-199)/2+0+0)+0+154},PkfX0Am1N:{width:componentViewport?.width||\"100vw\",y:(componentViewport?.y||0)+0+(((componentViewport?.height||257)-0-135)/2+0+0)+0+90}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-i3nsjj-container\",layoutDependency:layoutDependency,layoutId:\"Oxh8Ejjn_-container\",nodeId:\"Oxh8Ejjn_\",rendersWithMotion:true,scopeId:\"BhXJfecgb\",style:{opacity:1},variants:{\"WjABgyDp_-hover\":{opacity:1},aE3BPjQOE:{opacity:0}},children:/*#__PURE__*/_jsx(NavLink,{FoaW5oWEO:\"Research\",height:\"100%\",id:\"Oxh8Ejjn_\",layoutId:\"Oxh8Ejjn_\",variant:matchVariant(convertFromEnum4(X_dKrIyNQ,activeLocale)),width:\"100%\",WXzZ5xDE3:false,x6J40L2on:resolvedLinks2[0],...addPropertyOverrides({\"WjABgyDp_-hover\":{variant:matchVariant(convertFromEnum5(X_dKrIyNQ,activeLocale)),x6J40L2on:resolvedLinks2[3]},aE3BPjQOE:{style:{width:\"100%\"},variant:matchVariant(\"dj8LJkuHB\"),x6J40L2on:resolvedLinks2[2]},PkfX0Am1N:{GIkyFb6lz:GIkyFb6lzr2dcc9,style:{width:\"100%\"},variant:matchVariant(\"dj8LJkuHB\"),x6J40L2on:resolvedLinks2[1]}},baseVariant,gestureVariant)})})})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-aW86N.framer-17tk987, .framer-aW86N .framer-17tk987 { display: block; }\",\".framer-aW86N.framer-rbhuvf { align-content: center; align-items: center; cursor: default; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; overflow: visible; padding: 4px 24px 4px 24px; position: relative; width: min-content; }\",\".framer-aW86N .framer-1bj4un8 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-aW86N .framer-84383w-container, .framer-aW86N .framer-khu3pj-container, .framer-aW86N .framer-i3nsjj-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-aW86N.framer-v-1r2z5z9.framer-rbhuvf { flex-direction: column; padding: 0px; width: 300px; }\",\".framer-aW86N.framer-v-1r2z5z9 .framer-1bj4un8 { flex-direction: column; gap: 0px; width: 100%; }\",\".framer-aW86N.framer-v-1r2z5z9 .framer-84383w-container, .framer-aW86N.framer-v-1r2z5z9 .framer-khu3pj-container, .framer-aW86N.framer-v-1r2z5z9 .framer-i3nsjj-container, .framer-aW86N.framer-v-rjxwnr .framer-84383w-container, .framer-aW86N.framer-v-rjxwnr .framer-khu3pj-container, .framer-aW86N.framer-v-rjxwnr .framer-i3nsjj-container { width: 100%; }\",\".framer-aW86N.framer-v-rjxwnr.framer-rbhuvf { flex-direction: column; gap: 64px; padding: 0px; width: 300px; }\",\".framer-aW86N.framer-v-rjxwnr .framer-1bj4un8 { flex-direction: column; width: 100%; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 53.5\n * @framerIntrinsicWidth 341\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"PkfX0Am1N\":{\"layout\":[\"fixed\",\"auto\"]},\"aE3BPjQOE\":{\"layout\":[\"fixed\",\"auto\"]},\"s7J59d3PB\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"X_dKrIyNQ\":\"activePage\",\"HKt5RgUtA\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerBhXJfecgb=withCSS(Component,css,\"framer-aW86N\");export default FramerBhXJfecgb;FramerBhXJfecgb.displayName=\"Nav Links\";FramerBhXJfecgb.defaultProps={height:53.5,width:341};addPropertyControls(FramerBhXJfecgb,{variant:{options:[\"WjABgyDp_\",\"PkfX0Am1N\",\"aE3BPjQOE\"],optionTitles:[\"Desktop\",\"Mobile Open\",\"Mobile Closed\"],title:\"Variant\",type:ControlType.Enum},X_dKrIyNQ:{defaultValue:\"IJ5SeLMr_\",description:\"\",options:[\"IJ5SeLMr_\",\"nt7HB3xhv\",\"mm6KP_nli\",\"WMIibhPmw\"],optionTitles:[\"Why Solius\",\"How It Works\",\"Research\",\"Other\"],title:\"Active Page\",type:ControlType.Enum},HKt5RgUtA:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerBhXJfecgb,[{explicitInter:true,fonts:[]},...NavLinkFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerBhXJfecgb\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"53.5\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"341\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"PkfX0Am1N\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"aE3BPjQOE\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"s7J59d3PB\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"X_dKrIyNQ\\\":\\\"activePage\\\",\\\"HKt5RgUtA\\\":\\\"click\\\"}\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BhXJfecgb.map","/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useCallback,useRef,useEffect,useState,cloneElement}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{get}from\"lodash-es\";import{useIsBrowser}from\"https://framerusercontent.com/modules/ncBs5KPMI9I5GEta13fn/zGXDjuZapa1SGy6D8P5e/IsBrowser.js\";/**\n * @framerDisableUnlink\n *//**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicHeight Auto\n */export default function FC_CartTrigger(props){const{Component,EmptyComponent,emptyBehavior,triggerShopifyCartModal}=props;const isBrowser=useIsBrowser();const[cartItems,setCartItems]=useState([]);const isFetching=useRef(false);// Debug log in canvas\nif(RenderTarget.current()===RenderTarget.canvas){// console.log('FC_CartTrigger - Canvas Render', { Component, EmptyComponent })\n}// Fetch cart from Shopify\nconst fetchCartFromShopify=useCallback(async cartId=>{if(isFetching.current||!isBrowser)return;isFetching.current=true;try{// @ts-ignore - Shopify cart API\nconst cartData=await window?.shopXtools?.fetchCart?.(cartId);if(cartData){setCartItems(cartData.lines?.edges||[]);}else{setCartItems([]);}}catch(error){// Error handling: Failed to fetch cart\nsetCartItems([]);}finally{isFetching.current=false;}},[isBrowser]);// Handle cart updates\nconst handleCartUpdate=useCallback(async()=>{if(!isBrowser)return;let cartId;try{cartId=window?.shopXtools?.cart?.id;if(!cartId){cartId=localStorage.getItem(\"shopX_cart_id\");}}catch(error){// Error handling: Unable to access cart ID\nreturn;}if(cartId){await fetchCartFromShopify(cartId);}else{setCartItems([]);}},[fetchCartFromShopify,isBrowser]);// Add event listeners for cart updates\nuseEffect(()=>{if(!isBrowser)return;handleCartUpdate();window.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);// Checkout event handler (from FC_CartOverlayTrigger)\nfunction handleCheckoutChange(e){if(e.detail&&get(e,\"detail.__triggerCartModal\")!==false&&typeof triggerShopifyCartModal===\"function\"){triggerShopifyCartModal();}}document.addEventListener(\"checkout__changed\",handleCheckoutChange);return()=>{window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);document.removeEventListener(\"checkout__changed\",handleCheckoutChange);};},[handleCartUpdate,isBrowser,triggerShopifyCartModal]);// Handle click to trigger cart modal\nconst handleClick=()=>{if(isBrowser&&typeof triggerShopifyCartModal===\"function\"){// Fire view_cart analytics event\nif(typeof window.fcTrackGAEvent===\"function\"&&cartItems.length>0){const items=cartItems.map(({node})=>{const variant=node.merchandise;const product=variant.product||{};return{item_id:variant.id?.split(\"/\").pop()||\"\",item_name:product.title||\"\",item_variant:variant.title||\"\",price:parseFloat(variant.price?.amount||\"0\"),quantity:node.quantity,item_brand:product.vendor||null,item_category:product.productType||null,SKU:variant.id?.split(\"/\").pop()||\"\",\"Item Name\":product.title||\"\"};});// Calculate total value and get currency\nconst totalValue=items.reduce((sum,item)=>sum+item.price*item.quantity,0);const currency=cartItems[0]?.node?.merchandise?.price?.currencyCode||\"USD\";const payload={currency,value:totalValue,items};// console.log('[FC_CartTrigger ANALYTICS] About to fire view_cart with payload:', payload);\nwindow.fcTrackGAEvent(\"view_cart\",payload);}triggerShopifyCartModal();}};// Helper to create Connect Instance UI\nconst connectInstanceUI=(labelText=\"Connect Instance\")=>/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"#666\",fontSize:\"14px\"},children:labelText});// Determine what to render based on cart state and control props\nconst isEmpty=cartItems.length===0;let content=null;if(RenderTarget.current()===RenderTarget.canvas){// In canvas, always show the main component\ncontent=Component?.[0]||null;}else{// On client-side, determine what to show based on cart state and emptyBehavior\nif(isEmpty){switch(emptyBehavior){case\"None\":content=Component?.[0]||null;break;case\"Component\":content=EmptyComponent?.[0]||null;// If Empty Component is selected but not provided, show the connect instance message\nif(!content&&RenderTarget.current()===RenderTarget.canvas){return connectInstanceUI(\"Connect Empty State\");}break;case\"Hide\":return null;default:content=Component?.[0]||null;}}else{content=Component?.[0]||null;}}// Simple fallback if no content\nif(!content){return connectInstanceUI();}// In CartOverlayTrigger, we have a direct wrapper with onClick\n// We'll use the same approach here for consistency\nreturn /*#__PURE__*/_jsx(\"div\",{onClick:handleClick,style:{cursor:\"pointer\",display:\"block\",width:\"fit-content\",height:\"fit-content\"},children:/*#__PURE__*/cloneElement(content,{style:{// @ts-ignore - Safe access to props without TypeScript errors\n...content.props?.style||{}}})});}FC_CartTrigger.defaultProps={Component:null,EmptyComponent:null,emptyBehavior:\"None\",triggerShopifyCartModal:()=>{}};addPropertyControls(FC_CartTrigger,{Component:{type:ControlType.ComponentInstance,title:\"Default\",description:\"Design to render when there are items in the cart.\"},emptyBehavior:{type:ControlType.Enum,title:\"When Empty\",options:[\"None\",\"Component\",\"Hide\"],optionTitles:[\"Use Default\",\"Empty State\",\"Hide\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\",defaultValue:\"None\"},EmptyComponent:{type:ControlType.ComponentInstance,title:\"Empty State\",description:\"Design to render when cart is empty.\",hidden:props=>props.emptyBehavior!==\"Component\"},triggerShopifyCartModal:{type:ControlType.EventHandler,title:\"CartModal\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartTrigger\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"Auto\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_CartTrigger.map","// Generated by Framer (77d7dc9)\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 OFpERZk8t=undefined;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=({color,height,id,width,...props})=>{return{...props,OFpERZk8t:color??props.OFpERZk8t??\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,OFpERZk8t,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-wHXRR\",className),layoutId:layoutId,ref:ref,style:{\"--xyf2uq\":OFpERZk8t,...style}});});const css=[`.framer-wHXRR { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--xyf2uq); mask: ${mask}; width: 26px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 26\n * @framerIntrinsicHeight 26\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"OFpERZk8t\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"cart\",\"color\":{\"type\":\"variable\",\"value\":\"xyf2uq\"},\"set\":{\"localId\":\"vectorSet/VMVv7mw8x\",\"id\":\"VMVv7mw8x\",\"moduleId\":\"wMA7uOV9Vsbdwx0k2H93\"}}\n */const Icon=withCSS(Component,css,\"framer-wHXRR\");Icon.displayName=\"cart\";export default Icon;addPropertyControls(Icon,{OFpERZk8t:{defaultValue:'var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17)) /* {\"name\":\"Graphite\"} */',hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"26\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"OFpERZk8t\\\":\\\"color\\\"}\",\"framerIntrinsicHeight\":\"26\",\"framerVector\":\"{\\\"name\\\":\\\"cart\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"xyf2uq\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/VMVv7mw8x\\\",\\\"id\\\":\\\"VMVv7mw8x\\\",\\\"moduleId\\\":\\\"wMA7uOV9Vsbdwx0k2H93\\\"}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (c0f92f4)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import FC_CartTrigger from\"https://framerusercontent.com/modules/y6yUEEb8umnvGdCfPGqf/6lmsDvbDLBc9bRI2UZJD/FC_CartTrigger.js\";import Cart from\"https://framerusercontent.com/modules/dCNVtSafrkYR1aZIRZuZ/xPCf6XhXJlLkt4Hn8OYH/quesFmtw7.js\";const CartFonts=getFonts(Cart);const FC_CartTriggerFonts=getFonts(FC_CartTrigger);const cycleOrder=[\"Tor3LLKUR\",\"Zyqr1j0QP\"];const serializationHash=\"framer-Kr1EP\";const variantClassNames={Tor3LLKUR:\"framer-v-gva3b0\",Zyqr1j0QP:\"framer-v-2qbdx1\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const xyG0fDCYV=undefined;const Yheck8_g6=undefined;const transition1={delay:0,duration:.6,ease:[.6,0,.05,1],type:\"tween\"};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={Large:\"Tor3LLKUR\",Small:\"Zyqr1j0QP\"};const getProps=({cartEvent,height,id,stroke,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"Tor3LLKUR\",xyG0fDCYV:cartEvent??props.xyG0fDCYV,Yheck8_g6:stroke??props.Yheck8_g6};};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,xyG0fDCYV,Yheck8_g6,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Tor3LLKUR\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const triggerShopifyCartModal111tscg=activeVariantCallback(async(...args)=>{if(xyG0fDCYV){const res=await xyG0fDCYV(...args);if(res===false)return false;}});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-gva3b0\",className,classNames),\"data-framer-name\":\"Large\",layoutDependency:layoutDependency,layoutId:\"Tor3LLKUR\",ref:refBinding,style:{...style},...addPropertyOverrides({Zyqr1j0QP:{\"data-framer-name\":\"Small\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-17ozro5-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"U1NAccDZH-container\",nodeId:\"U1NAccDZH\",rendersWithMotion:true,scopeId:\"fMlHAcwp5\",style:{scale:1},variants:{Zyqr1j0QP:{scale:.83}},children:/*#__PURE__*/_jsx(FC_CartTrigger,{Component:[/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-wv5x1k\",\"data-framer-name\":\"Design\",layoutDependency:layoutDependency,layoutId:\"mvaNfKihE\",style:{backgroundColor:\"var(--token-aac81c8a-c7aa-4bfa-a918-22ef36ac6d2a, rgb(255, 255, 251))\",borderBottomLeftRadius:80,borderBottomRightRadius:80,borderTopLeftRadius:80,borderTopRightRadius:80},children:[/*#__PURE__*/_jsx(Cart,{animated:true,className:\"framer-eulys0\",\"data-framer-name\":\"cart\",layoutDependency:layoutDependency,layoutId:\"PZoamDA6D\",style:{\"--xyf2uq\":\"var(--token-0d1a78fe-5f77-4d6e-b3f8-682bcb4fc979, rgb(17, 17, 17))\"}}),Yheck8_g6&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-2ckbtw\",\"data-border\":true,\"data-framer-name\":\"Stroke\",layoutDependency:layoutDependency,layoutId:\"rZaSXSYol\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-428dcd20-9375-4061-a4eb-891d53392d63, rgb(232, 232, 220))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",borderBottomLeftRadius:\"50%\",borderBottomRightRadius:\"50%\",borderTopLeftRadius:\"50%\",borderTopRightRadius:\"50%\"}})]})})],emptyBehavior:\"None\",EmptyComponent:[],height:\"100%\",id:\"U1NAccDZH\",layoutId:\"U1NAccDZH\",triggerShopifyCartModal:triggerShopifyCartModal111tscg,width:\"100%\"})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Kr1EP.framer-1xuc9tj, .framer-Kr1EP .framer-1xuc9tj { display: block; }\",\".framer-Kr1EP.framer-gva3b0 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-Kr1EP .framer-17ozro5-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-Kr1EP .framer-wv5x1k { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: var(--framer-aspect-ratio-supported, 48px); justify-content: center; overflow: hidden; padding: 4px; position: relative; width: 48px; will-change: var(--framer-will-change-override, transform); }\",\".framer-Kr1EP .framer-eulys0 { flex: none; height: var(--framer-aspect-ratio-supported, 24px); position: relative; width: 24px; }\",\".framer-Kr1EP .framer-2ckbtw { bottom: 0px; flex: none; left: 0px; overflow: var(--overflow-clip-fallback, clip); position: absolute; right: 0px; top: 0px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-Kr1EP.framer-v-2qbdx1.framer-gva3b0 { height: 40px; width: 40px; }\",'.framer-Kr1EP[data-border=\"true\"]::after, .framer-Kr1EP [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 48\n * @framerIntrinsicWidth 48\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Zyqr1j0QP\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"xyG0fDCYV\":\"cartEvent\",\"Yheck8_g6\":\"stroke\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerfMlHAcwp5=withCSS(Component,css,\"framer-Kr1EP\");export default FramerfMlHAcwp5;FramerfMlHAcwp5.displayName=\"FC Cart Trigger\";FramerfMlHAcwp5.defaultProps={height:48,width:48};addPropertyControls(FramerfMlHAcwp5,{variant:{options:[\"Tor3LLKUR\",\"Zyqr1j0QP\"],optionTitles:[\"Large\",\"Small\"],title:\"Variant\",type:ControlType.Enum},xyG0fDCYV:{title:\"CartEvent\",type:ControlType.EventHandler},Yheck8_g6:{defaultValue:false,title:\"Stroke\",type:ControlType.Boolean}});addFonts(FramerfMlHAcwp5,[{explicitInter:true,fonts:[]},...CartFonts,...FC_CartTriggerFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerfMlHAcwp5\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Zyqr1j0QP\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"48\",\"framerIntrinsicHeight\":\"48\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"xyG0fDCYV\\\":\\\"cartEvent\\\",\\\"Yheck8_g6\\\":\\\"stroke\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./fMlHAcwp5.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";export function SearchIcon(props){return /*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",width:props.width,height:props.height,style:{...props.style,color:props.color},children:/*#__PURE__*/ _jsx(\"path\",{d:\"M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z\",fill:\"currentColor\"})});}export function ClearIcon(props){return /*#__PURE__*/ _jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",...props,children:[/*#__PURE__*/ _jsx(\"rect\",{width:\"256\",height:\"256\",fill:\"none\"}),/*#__PURE__*/ _jsx(\"path\",{d:\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z\",fill:\"currentColor\"})]});}export function SpinnerIcon(props){const borderWidth=3;return /*#__PURE__*/ _jsxs(\"div\",{style:{position:\"relative\",...props.style},children:[/*#__PURE__*/ _jsx(motion.div,{animate:{rotate:360},transition:{ease:\"linear\",duration:1,repeat:Infinity},style:{borderRadius:100,backgroundImage:`conic-gradient(from 270deg, transparent 0%, ${props.color} 100%)`,width:\"100%\",height:\"100%\"}}),/*#__PURE__*/ _jsx(\"div\",{style:{backgroundColor:props.backgroundColor,borderRadius:100,position:\"absolute\",top:borderWidth,left:borderWidth,bottom:borderWidth,right:borderWidth}})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"ClearIcon\":{\"type\":\"reactComponent\",\"name\":\"ClearIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"SpinnerIcon\":{\"type\":\"reactComponent\",\"name\":\"SpinnerIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"SearchIcon\":{\"type\":\"reactComponent\",\"name\":\"SearchIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Icons.map","export function Storage(name) {\n this.ready = new Promise((resolve, reject)=>{\n var request = window.indexedDB.open(location.origin);\n request.onupgradeneeded = (e)=>{\n this.db = e.target[\"result\"];\n this.db.createObjectStore(\"store\");\n };\n request.onsuccess = (e)=>{\n this.db = e.target[\"result\"];\n resolve();\n };\n request.onerror = (e)=>{\n this.db = e.target[\"result\"];\n reject(e);\n };\n });\n}\nStorage.prototype.get = function(key) {\n return this.ready.then(()=>{\n return new Promise((resolve, reject)=>{\n var request = this.getStore().get(key);\n request.onsuccess = (e)=>resolve(e.target.result)\n ;\n request.onerror = reject;\n });\n });\n};\nStorage.prototype.getStore = function() {\n return this.db.transaction([\n \"store\"\n ], \"readwrite\").objectStore(\"store\");\n};\nStorage.prototype.set = function(key, value) {\n return this.ready.then(()=>{\n return new Promise((resolve, reject)=>{\n var request = this.getStore().put(value, key);\n request.onsuccess = resolve;\n request.onerror = reject;\n });\n });\n};\nStorage.prototype.delete = function(key, value) {\n window.indexedDB.deleteDatabase(location.origin);\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"Storage\":{\"type\":\"function\"}}}","// @ts-ignore\nimport{Storage}from\"https://framerusercontent.com/modules/3Xi2AslpcDRhfyCVPmx3/d0Oobr5BHnVqZJQyMdGn/storage.js\";export const hashCode=s=>s.split(\"\").reduce((a,b)=>{a=(a<<5)-a+b.charCodeAt(0);return a&a;},0);export function corsProxy(url){return`https://cors-anywhere.herokuapp.com/${url}`;}export async function cachedResponse(url,cache=new Storage(\"cache\")){const cacheKey=url;const data=await cache.get(cacheKey);if(data){return data;}else{var req=new XMLHttpRequest;req.open(\"GET\",url,true);req.responseType=\"blob\";return new Promise((resolve,reject)=>{req.onload=async function(){if(this.status===200){await cache.set(url,this.response);resolve(this.response);}else{reject(new Error(`Response status ${this.status} ${this.statusText}`));}};req.onerror=function(error){reject(error);};req.send();});}}export async function setCachedData(url,dataToCache,cache=new Storage(\"cache\")){const cacheKey=url;const data=await cache.set(cacheKey,dataToCache);}export async function checkForCachedData(url,cache=new Storage(\"cache\")){const cacheKey=url;const data=await cache.get(cacheKey);if(data){return data;}else{return null;}}\nexport const __FramerMetadata__ = {\"exports\":{\"hashCode\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"setCachedData\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"checkForCachedData\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"corsProxy\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"cachedResponse\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./cache.map","/*\n * cache\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/m2nL4qHNbqX9QCxsHsGL/b9aplVZjN51x28yfNK16/cache.js\"\n","import{checkForCachedData,setCachedData}from\"https://framer.com/m/cache-YMiL.js@b9aplVZjN51x28yfNK16\";const VERSION=1;const defaultLocaleId=\"default\";export function isDefaultLocaleId(localeId){return!localeId||localeId===\"default\";}const INDEX_KEY=\"searchIndexCache\";function getIndexKey(localeId){if(isDefaultLocaleId(localeId))return INDEX_KEY;return`${INDEX_KEY}-${localeId}`;}const METADATA_KEY=\"searchCacheMetadata\";function getMetadataKey(localeId){if(isDefaultLocaleId(localeId))return METADATA_KEY;return`${METADATA_KEY}-${localeId}`;}export async function getCachedIndex(localeId,indexHash){// A check here for metadata can be added later if we need to\n// migrate or expire the index. Though most likely, any version change\n// should result in deleting the cache and starting again.\nconst metadataKey=getMetadataKey(localeId);const indexKey=getIndexKey(localeId);const[metadata,cachedIndex]=await Promise.all([checkForCachedData(metadataKey),checkForCachedData(indexKey)]);if(cachedIndex){return{status:indexHash&&metadata?.indexHash===indexHash?\"fresh\":\"stale\",searchIndex:cachedIndex,indexHash:metadata?.indexHash};}return{status:\"miss\"};}export function setCachedIndex(localeId,index,indexHash){const indexKey=getIndexKey(localeId);setCachedData(indexKey,index);const metadata={version:VERSION,timestamp:Date.now(),indexHash};const metadataKey=getMetadataKey(localeId);setCachedData(metadataKey,metadata);}\nexport const __FramerMetadata__ = {\"exports\":{\"isDefaultLocaleId\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getCachedIndex\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"setCachedIndex\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./cachedIndex.map","// Fake example data used for when the search component is in preview mode.\n// Note that the `url` value is used as a key in React, so it needs to be unique.\nexport const fakeResults={\"/\":{version:1,title:\"Example Search Result\",description:\"Description of search result.\",keywords:\"\",h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],p:[],url:\"/example-url/\",codeblock:[]},\"/example-1\":{version:1,title:\"Publish your Site to Search\",description:\"Try Site Search to instantly search your Framer site content.\",keywords:\"\",h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],p:[],url:\"/example-url/1/\",codeblock:[]},\"/example-2\":{version:1,title:\"Customise your Site Search\",description:\"Personalize everything from corner radius, to icon weight.\",keywords:\"\",h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],p:[],url:\"/example-url/2/\",codeblock:[]}};\nexport const __FramerMetadata__ = {\"exports\":{\"fakeResults\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./fakeResults.map","// This file is based on the Levenshtein algorithm. Originally from Koen but maybe he\n// got it from somewhere else.\nconst peq=new Uint32Array(65536);const myers_32=(a,b)=>{const n=a.length;const m=b.length;const lst=1<