Track 20+ key blood biomarkers and get personalized insights with rythm’s monthly at-home blood test. All for $79.
\",title:\"Support Text\",type:ControlType.RichText},qS6QwMYpr:{__defaultAssetReference:\"data:framer/asset-reference,uJkkaxFotoi0nupQayEeRHFhpTg.png?width=2400&height=2368\",__vekterDefault:{alt:\"\",assetReference:\"data:framer/asset-reference,uJkkaxFotoi0nupQayEeRHFhpTg.png?width=2400&height=2368\"},title:\"Image\",type:ControlType.ResponsiveImage}});addFonts(FramerjXb2Fq8Su,[{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:\"Rythm Saans SemiBold\",source:\"custom\",style:\"normal\",uiFamilyName:\"Rythm Saans\",url:\"https://framerusercontent.com/assets/9LbpEAl6cKMTZCzQAORLQlZYBw.woff2\",weight:\"600\"}]},...PrimaryButtonFonts,...HeroIconTextFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...componentPresets.fonts?.[\"yDzPYqXbH\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"yDzPYqXbH\"]):[]],{supportsExplicitInterCodegen:true});FramerjXb2Fq8Su.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(PrimaryButton,{},context),forwardLoader(HeroIconText,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerjXb2Fq8Su\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"1564\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"NLkFm5Pfc\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Y33FYtiyp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"qNhVn5xQ7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"764\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"vTDHTfgE8\\\":\\\"title2\\\",\\\"fBKurvZ9i\\\":\\\"supportText\\\",\\\"qS6QwMYpr\\\":\\\"image\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./jXb2Fq8Su.map","/*\n * index (framer/default-utils@0.45.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles}from\"https://framer.com/m/framer/default-utils.js\";/**\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n *\n * @framerDisableUnlink\n */export default function Embed({type,url,html,zoom,radius,border,style={}}){if(type===\"url\"&&url){return /*#__PURE__*/_jsx(EmbedUrl,{url:url,zoom:zoom,radius:radius,border:border,style:style});}if(type===\"html\"&&html){return /*#__PURE__*/_jsx(EmbedHtml,{html:html,style:style});}return /*#__PURE__*/_jsx(Instructions,{style:style});}addPropertyControls(Embed,{type:{type:ControlType.Enum,defaultValue:\"url\",displaySegmentedControl:true,options:[\"url\",\"html\"],optionTitles:[\"URL\",\"HTML\"]},url:{title:\"URL\",type:ControlType.String,description:\"Some websites don’t support embedding.\",hidden(props){return props.type!==\"url\";}},html:{title:\"HTML\",type:ControlType.String,displayTextArea:true,hidden(props){return props.type!==\"html\";}},border:{title:\"Border\",type:ControlType.Border,optional:true,hidden(props){return props.type!==\"url\";}},radius:{type:ControlType.BorderRadius,title:\"Radius\",hidden(props){return props.type!==\"url\";}},zoom:{title:\"Zoom\",defaultValue:1,type:ControlType.Number,hidden(props){return props.type!==\"url\";},min:.1,max:1,step:.1,displayStepper:true}});function Instructions({style}){return /*#__PURE__*/_jsx(\"div\",{style:{minHeight:getMinHeight(style),...emptyStateStyle,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"To embed a website or widget, add it to the properties\\xa0panel.\"})});}function EmbedUrl({url,zoom,radius,border,style}){const hasAutoHeight=!style.height;// Add https:// if the URL does not have a protocol.\nif(!/[a-z]+:\\/\\//.test(url)){url=\"https://\"+url;}const onCanvas=useIsOnCanvas();// We need to check if the url is blocked inside an iframe by the X-Frame-Options\n// or Content-Security-Policy headers on the backend.\nconst[state,setState]=useState(onCanvas?undefined:false);useEffect(()=>{// We only want to check on the canvas.\n// On the website we want to avoid the additional delay.\nif(!onCanvas)return;// TODO: We could also use AbortController here.\nlet isLastEffect=true;setState(undefined);async function load(){const response=await fetch(\"https://api.framer.com/functions/check-iframe-url?url=\"+encodeURIComponent(url));if(response.status==200){const{isBlocked}=await response.json();if(isLastEffect){setState(isBlocked);}}else{const message=await response.text();console.error(message);const error=new Error(\"This site can’t be reached.\");setState(error);}}load().catch(error=>{console.error(error);setState(error);});return()=>{isLastEffect=false;};},[url]);if(onCanvas&&hasAutoHeight){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"URL embeds do not support auto height.\",style:style});}if(!url.startsWith(\"https://\")){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"Unsupported protocol.\",style:style});}if(state===undefined){return /*#__PURE__*/_jsx(LoadingIndicator,{});}if(state instanceof Error){return /*#__PURE__*/_jsx(ErrorMessage,{message:state.message,style:style});}if(state===true){const message=`Can’t embed ${url} due to its content security policy.`;return /*#__PURE__*/_jsx(ErrorMessage,{message:message,style:style});}return /*#__PURE__*/_jsx(\"iframe\",{src:url,style:{...iframeStyle,...style,...border,zoom:zoom,borderRadius:radius,transformOrigin:\"top center\"},loading:\"lazy\",// @ts-ignore\nfetchPriority:onCanvas?\"low\":\"auto\",referrerPolicy:\"no-referrer\",sandbox:getSandbox(onCanvas),allowFullScreen:true,allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; clipboard-write\"});}const iframeStyle={width:\"100%\",height:\"100%\",border:\"none\"};function getSandbox(onCanvas){const result=[\"allow-same-origin\",\"allow-scripts\"];if(!onCanvas){result.push(\"allow-downloads\",\"allow-forms\",\"allow-modals\",\"allow-orientation-lock\",\"allow-pointer-lock\",\"allow-popups\",\"allow-popups-to-escape-sandbox\",\"allow-presentation\",\"allow-storage-access-by-user-activation\",\"allow-top-navigation-by-user-activation\");}return result.join(\" \");}function EmbedHtml({html,...props}){const hasScript=html.includes(\"\");if(hasScript){const hasSplineViewer=html.includes(\"\");const hasComment=html.includes(\"\");if(hasSplineViewer||hasComment){return /*#__PURE__*/_jsx(EmbedHtmlWithScripts,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlInsideIframe,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlWithoutScripts,{html:html,...props});}function EmbedHtmlInsideIframe({html,style}){const ref=useRef();const[iframeHeight,setIframeHeight]=useState(0);// Handle auto sizing\nuseEffect(()=>{const iframeWindow=ref.current?.contentWindow;function handleMessage(event){if(event.source!==iframeWindow)return;const data=event.data;if(typeof data!==\"object\"||data===null)return;const height=data.embedHeight;if(typeof height!==\"number\")return;setIframeHeight(height);}window.addEventListener(\"message\",handleMessage);// After SSG the iframe loads before we attach the event handler,\n// therefore we need to request the latest height from the iframe.\niframeWindow?.postMessage(\"getEmbedHeight\",\"*\");return()=>{window.removeEventListener(\"message\",handleMessage);};},[]);// The CSS is mainly copied from:\n// FramerStudio/src/app/vekter/src/renderer/setDefaultFont.ts\n// FramerStudio/src/app/vekter/src/export/globalStylesForExport.ts\nconst srcDoc=`\n\n \n \n \n \n ${html}\n \n \n\n`;const currentStyle={...iframeStyle,...style};const hasAutoHeight=!style.height;if(hasAutoHeight){currentStyle.height=iframeHeight+\"px\";}return /*#__PURE__*/_jsx(\"iframe\",{ref:ref,style:currentStyle,srcDoc:srcDoc});}function EmbedHtmlWithScripts({html,style}){const ref=useRef();useEffect(()=>{const div=ref.current;if(!div)return;div.innerHTML=html;executeScripts(div);return()=>{div.innerHTML=\"\";};},[html]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...htmlStyle,...style}});}function EmbedHtmlWithoutScripts({html,style}){return /*#__PURE__*/_jsx(\"div\",{style:{...htmlStyle,...style},dangerouslySetInnerHTML:{__html:html}});}const htmlStyle={width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\"};// This function replaces scripts with executable ones.\n// https://stackoverflow.com/questions/1197575/can-scripts-be-inserted-with-innerhtml\nfunction executeScripts(node){if(node instanceof Element&&node.tagName===\"SCRIPT\"){const script=document.createElement(\"script\");script.text=node.innerHTML;for(const{name,value}of node.attributes){script.setAttribute(name,value);}node.parentElement.replaceChild(script,node);}else{for(const child of node.childNodes){executeScripts(child);}}}// Generic components\nfunction LoadingIndicator(){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-componentPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"Loading…\"})});}function ErrorMessage({message,style}){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{minHeight:getMinHeight(style),...containerStyles,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:message})});}const centerTextStyle={textAlign:\"center\",minWidth:140};// Returns a min-height if the component is using auto-height.\nfunction getMinHeight(style){const hasAutoHeight=!style.height;if(hasAutoHeight)return 200;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Embed\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"600\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map","// Generated by Framer (91a04c9)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Embed from\"https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/cAPMVEI6osbJ1UvICgTq/Embed.js\";const EmbedFonts=getFonts(Embed);const cycleOrder=[\"Z5idRjrU4\",\"MoHtf5hkm\"];const serializationHash=\"framer-ULfXC\";const variantClassNames={MoHtf5hkm:\"framer-v-1xbxap\",Z5idRjrU4:\"framer-v-16kpktx\"};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 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/Tablet\":\"Z5idRjrU4\",Mobile:\"MoHtf5hkm\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"Z5idRjrU4\"};};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:\"Z5idRjrU4\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-16kpktx\",className,classNames),\"data-framer-name\":\"Desktop/Tablet\",layoutDependency:layoutDependency,layoutId:\"Z5idRjrU4\",ref:refBinding,style:{backgroundColor:\"rgb(244, 244, 244)\",...style},...addPropertyOverrides({MoHtf5hkm:{\"data-framer-name\":\"Mobile\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1fq16qi\",\"data-framer-name\":\"Wrapper [Padding]\",layoutDependency:layoutDependency,layoutId:\"FpbFp8hmx\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-20f133\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"Ric_6zCBq\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-siug6p-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"W3kuJ6kVT-container\",nodeId:\"W3kuJ6kVT\",rendersWithMotion:true,scopeId:\"mDQuMG7cM\",children:/*#__PURE__*/_jsx(Embed,{height:\"100%\",html:'\\n\\n\\n\\n\\n\\n\\n\\n\\n\\nHormones, inflammation, and nutrient levels can influence breakouts, dullness, and skin quality. Rythm helps reveal the signals behind your skin.
',title:\"Support Text\",type:ControlType.RichText},GDEiGVsii:{__defaultAssetReference:\"data:framer/asset-reference,iqMaZuz3PTXQzoP1iG13M0NU.jpg?originalFilename=Nina+4_3+Web.jpg&width=1000&height=750\",__vekterDefault:{alt:\"Smiling woman with clear glowing skin, doing the rythm at home blood collection representing healthy skin and internal health\",assetReference:\"data:framer/asset-reference,iqMaZuz3PTXQzoP1iG13M0NU.jpg?originalFilename=Nina+4_3+Web.jpg&width=1000&height=750\"},title:\"Image\",type:ControlType.ResponsiveImage},xnrPOtOyd:{defaultValue:true,title:\"Disclaimer | Visible\",type:ControlType.Boolean},onxnrPOtOydChange:{changes:\"xnrPOtOyd\",type:ControlType.ChangeHandler},Im3vgRaQs:{defaultValue:'Lorem Ipsum
',title:\"Disclaimer\",type:ControlType.RichText}});addFonts(FramerQyoqeDPTb,[{explicitInter:true,fonts:[{cssFamilyName:\"Rythm Saans Mono Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"Rythm Saans Mono\",url:\"https://framerusercontent.com/assets/nj3aw6Fs1gLULfoI61Jo4rd90.woff2\",weight:\"400\"},{cssFamilyName:\"Rythm Saans SemiBold\",source:\"custom\",style:\"normal\",uiFamilyName:\"Rythm Saans\",url:\"https://framerusercontent.com/assets/9LbpEAl6cKMTZCzQAORLQlZYBw.woff2\",weight:\"600\"},{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\"}]},...HorizontalLineFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...componentPresets.fonts?.[\"yDzPYqXbH\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"yDzPYqXbH\"]):[],...componentPresets.fonts?.[\"LtS0z6bT1\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"LtS0z6bT1\"]):[],...componentPresets.fonts?.[\"LlVC66NIo\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"LlVC66NIo\"]):[]],{supportsExplicitInterCodegen:true});FramerQyoqeDPTb.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(HorizontalLine,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerQyoqeDPTb\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerVariables\":\"{\\\"PYCxKFUuQ\\\":\\\"subtitle\\\",\\\"fm97a9jgg\\\":\\\"number\\\",\\\"uqwRRHa6h\\\":\\\"title\\\",\\\"iO8K9w6mE\\\":\\\"supportText\\\",\\\"GDEiGVsii\\\":\\\"image\\\",\\\"xnrPOtOyd\\\":\\\"disclaimerVisible\\\",\\\"Im3vgRaQs\\\":\\\"disclaimer\\\"}\",\"framerIntrinsicHeight\":\"472\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"pQ4gg8Sfj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"d8P0qKl4R\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./QyoqeDPTb.map","// Generated by Framer (e85a4e6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,getFonts,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import TrustBadge from\"https://framerusercontent.com/modules/xT6yHrrpURXXqB8YURmv/5siqMjegu2i1hjdkXGj6/ukF2lprru.js\";const TrustBadgeFonts=getFonts(TrustBadge);const cycleOrder=[\"aa512ayFw\",\"VvD__bpM0\",\"U7X0m_Ki_\"];const serializationHash=\"framer-1KO9V\";const variantClassNames={aa512ayFw:\"framer-v-7prrq3\",U7X0m_Ki_:\"framer-v-js8kov\",VvD__bpM0:\"framer-v-1eupuby\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={\"Variant 1\":\"aa512ayFw\",Mobile:\"U7X0m_Ki_\",Tablet:\"VvD__bpM0\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"aa512ayFw\"};};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:\"aa512ayFw\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-7prrq3\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"aa512ayFw\",ref:refBinding,style:{backgroundColor:\"var(--token-9c4163d8-8552-46d7-a030-1a6b9dc7eee1, rgb(251, 251, 251))\",...style},...addPropertyOverrides({U7X0m_Ki_:{\"data-framer-name\":\"Mobile\"},VvD__bpM0:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ylbi5e\",\"data-framer-name\":\"Wrapper [Padding]\",layoutDependency:layoutDependency,layoutId:\"LGyXjnGda\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1nwvw5s\",\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"TpMXtKzIb\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:28,y:(componentViewport?.y||0)+(0+((componentViewport?.height||56)-0-56)/2)+14+0,...addPropertyOverrides({U7X0m_Ki_:{y:(componentViewport?.y||0)+(0+((componentViewport?.height||200)-0-179)/2)+14+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1d112yk-container\",layoutDependency:layoutDependency,layoutId:\"pg2doJHTo-container\",nodeId:\"pg2doJHTo\",rendersWithMotion:true,scopeId:\"wpVqYiT3w\",children:/*#__PURE__*/_jsx(TrustBadge,{height:\"100%\",id:\"pg2doJHTo\",layoutId:\"pg2doJHTo\",MTufaRYBt:\"HIPAA\",Q0MHbklBy:\"bOAdNH1YQ\",Tr30WXvq2:\"\",variant:matchVariant(\"DH37ywgJn\"),width:\"100%\",y2KEoe0BO:\"0px\",ZcwrLntxF:\"Aligned\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:28,y:(componentViewport?.y||0)+(0+((componentViewport?.height||56)-0-56)/2)+14+0,...addPropertyOverrides({U7X0m_Ki_:{y:(componentViewport?.y||0)+(0+((componentViewport?.height||200)-0-179)/2)+14+0+41}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-uzdohy-container\",layoutDependency:layoutDependency,layoutId:\"vUOi2wAMC-container\",nodeId:\"vUOi2wAMC\",rendersWithMotion:true,scopeId:\"wpVqYiT3w\",children:/*#__PURE__*/_jsx(TrustBadge,{height:\"100%\",id:\"vUOi2wAMC\",layoutId:\"vUOi2wAMC\",MTufaRYBt:\"CLIA\",Q0MHbklBy:\"Nau2U_ohV\",Tr30WXvq2:\"\",variant:matchVariant(\"DH37ywgJn\"),width:\"100%\",y2KEoe0BO:\"0px\",ZcwrLntxF:\"Certified\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:28,y:(componentViewport?.y||0)+(0+((componentViewport?.height||56)-0-56)/2)+14+0,...addPropertyOverrides({U7X0m_Ki_:{y:(componentViewport?.y||0)+(0+((componentViewport?.height||200)-0-179)/2)+14+0+82}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-84s8rw-container\",layoutDependency:layoutDependency,layoutId:\"PB4TVDwob-container\",nodeId:\"PB4TVDwob\",rendersWithMotion:true,scopeId:\"wpVqYiT3w\",children:/*#__PURE__*/_jsx(TrustBadge,{height:\"100%\",id:\"PB4TVDwob\",layoutId:\"PB4TVDwob\",MTufaRYBt:\"CAP\",Q0MHbklBy:\"CH1DXVj9w\",Tr30WXvq2:\"\",variant:matchVariant(\"DH37ywgJn\"),width:\"100%\",y2KEoe0BO:\"0px\",ZcwrLntxF:\"Accredited\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:28,y:(componentViewport?.y||0)+(0+((componentViewport?.height||56)-0-56)/2)+14+0,...addPropertyOverrides({U7X0m_Ki_:{y:(componentViewport?.y||0)+(0+((componentViewport?.height||200)-0-179)/2)+14+0+123}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1y6g8sv-container\",layoutDependency:layoutDependency,layoutId:\"JFBcbdSrZ-container\",nodeId:\"JFBcbdSrZ\",rendersWithMotion:true,scopeId:\"wpVqYiT3w\",children:/*#__PURE__*/_jsx(TrustBadge,{height:\"100%\",id:\"JFBcbdSrZ\",layoutId:\"JFBcbdSrZ\",MTufaRYBt:\"FDA\",Q0MHbklBy:\"htUBArvKA\",Tr30WXvq2:\"\",variant:matchVariant(\"DH37ywgJn\"),width:\"100%\",y2KEoe0BO:\"0px\",ZcwrLntxF:\"Cleared\"})})})]})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-1KO9V.framer-1ef50ol, .framer-1KO9V .framer-1ef50ol { display: block; }\",\".framer-1KO9V.framer-7prrq3 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 1200px; }\",\".framer-1KO9V .framer-1ylbi5e { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 14px 40px 14px 40px; position: relative; width: 1px; }\",\".framer-1KO9V .framer-1nwvw5s { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 100px; height: min-content; justify-content: center; max-width: 952px; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-1KO9V .framer-1d112yk-container, .framer-1KO9V .framer-uzdohy-container, .framer-1KO9V .framer-84s8rw-container, .framer-1KO9V .framer-1y6g8sv-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-1KO9V.framer-v-1eupuby.framer-7prrq3, .framer-1KO9V.framer-v-js8kov.framer-7prrq3 { width: 810px; }\",\".framer-1KO9V.framer-v-1eupuby .framer-1nwvw5s { gap: unset; justify-content: space-between; }\",\".framer-1KO9V.framer-v-js8kov .framer-1ylbi5e { padding: 14px 20px 14px 20px; }\",\".framer-1KO9V.framer-v-js8kov .framer-1nwvw5s { flex-direction: column; gap: 13px; max-width: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 56\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"VvD__bpM0\":{\"layout\":[\"fixed\",\"auto\"]},\"U7X0m_Ki_\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerwpVqYiT3w=withCSS(Component,css,\"framer-1KO9V\");export default FramerwpVqYiT3w;FramerwpVqYiT3w.displayName=\"Listicles | Trust\";FramerwpVqYiT3w.defaultProps={height:56,width:1200};addPropertyControls(FramerwpVqYiT3w,{variant:{options:[\"aa512ayFw\",\"VvD__bpM0\",\"U7X0m_Ki_\"],optionTitles:[\"Variant 1\",\"Tablet\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerwpVqYiT3w,[{explicitInter:true,fonts:[]},...TrustBadgeFonts],{supportsExplicitInterCodegen:true});FramerwpVqYiT3w.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(TrustBadge,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerwpVqYiT3w\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"VvD__bpM0\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"U7X0m_Ki_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"56\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"1200\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./wpVqYiT3w.map","var t,e=Object.create,r=Object.defineProperty,n=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(t,e,n)=>e in t?r(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,u=(t,e)=>function(){return e||(0,t[i(t)[0]])((e={exports:{}}).exports,e),e.exports;},l=(t,e,s,o)=>{if(e&&\"object\"==typeof e||\"function\"==typeof e)for(let u of i(e))a.call(t,u)||u===s||r(t,u,{get:()=>e[u],enumerable:!(o=n(e,u))||o.enumerable});return t;},h=(t,n,i)=>(i=null!=t?e(s(t)):{},l(// If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n !n&&t&&t.__esModule?i:r(i,\"default\",{value:t,enumerable:!0}),t)),c=(t,e,r)=>o(t,\"symbol\"!=typeof e?e+\"\":e,r),f=u({\"../../../node_modules/dataloader/index.js\"(t,e){var r,n=/* @__PURE__ */function(){function t(t,e){if(\"function\"!=typeof t)throw TypeError(\"DataLoader must be constructed with a function which accepts Array