{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/UyNEDz60mDHKc8ubRB19/LvqRnKapQm6SovQrr33M/prVlcgEQ6.js"],
  "sourcesContent": ["// Generated by Framer (ab692b1)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,ComponentViewportProvider,Container,cx,GeneratedComponentContext,getFonts,getFontsFromSharedStyle,PropertyOverrides,RichText,useComponentViewport,useCustomCursors,useHydratedBreakpointVariants,useIsOnFramerCanvas,useLocaleInfo,useRouteElementId,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Grain from\"https://framerusercontent.com/modules/cKGD16u2MGB7MfqfVXFp/wiztTCbXokZrMicHAmZc/Grain.js\";import Embed from\"https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/Xr8CO3Ul8Gb7lVfgMKTh/Embed.js\";import*as sharedStyle1 from\"#framer/local/css/Gc9xBcx5A/Gc9xBcx5A.js\";import*as sharedStyle from\"#framer/local/css/VArLze0Ri/VArLze0Ri.js\";import metadataProvider from\"#framer/local/webPageMetadata/prVlcgEQ6/prVlcgEQ6.js\";const GrainFonts=getFonts(Grain);const EmbedFonts=getFonts(Embed);const breakpoints={MT8wSukrE:\"(max-width: 809px)\",t1AigXdZk:\"(min-width: 810px) and (max-width: 1199px)\",Xo_b20ral:\"(min-width: 1200px)\"};const isBrowser=()=>typeof document!==\"undefined\";const serializationHash=\"framer-kvFJF\";const variantClassNames={MT8wSukrE:\"framer-v-152geyo\",t1AigXdZk:\"framer-v-1m6fsns\",Xo_b20ral:\"framer-v-17tn5j8\"};const HTMLStyle=({value})=>{const onCanvas=useIsOnFramerCanvas();if(onCanvas)return null;return /*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:value},\"data-framer-html-style\":\"\"});};const humanReadableVariantMap={Desktop:\"Xo_b20ral\",Phone:\"MT8wSukrE\",Tablet:\"t1AigXdZk\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"Xo_b20ral\"};};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);React.useEffect(()=>{const metadata=metadataProvider(undefined,activeLocale);if(metadata.robots){let robotsTag=document.querySelector('meta[name=\"robots\"]');if(robotsTag){robotsTag.setAttribute(\"content\",metadata.robots);}else{robotsTag=document.createElement(\"meta\");robotsTag.setAttribute(\"name\",\"robots\");robotsTag.setAttribute(\"content\",metadata.robots);document.head.appendChild(robotsTag);}}},[undefined,activeLocale]);React.useInsertionEffect(()=>{const metadata=metadataProvider(undefined,activeLocale);document.title=metadata.title||\"\";if(metadata.viewport){document.querySelector('meta[name=\"viewport\"]')?.setAttribute(\"content\",metadata.viewport);}},[undefined,activeLocale]);const[baseVariant,hydratedBaseVariant]=useHydratedBreakpointVariants(variant,breakpoints,false);const gestureVariant=undefined;const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const elementId=useRouteElementId(\"GvJSAB9Jl\");const ref1=React.useRef(null);useCustomCursors({});return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider,{value:{primaryVariantId:\"Xo_b20ral\",variantClassNames},children:/*#__PURE__*/_jsxs(LayoutGroup,{id:layoutId??defaultLayoutId,children:[/*#__PURE__*/_jsx(HTMLStyle,{value:\"html body { background: var(--token-ba48b05b-4993-4c60-927d-7aeb9ca5a2c1, rgb(255, 255, 255)); }\"}),/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(scopingClassNames,\"framer-17tn5j8\",className),ref:refBinding,style:{...style},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"framer-rz0ige\",\"data-border\":true,\"data-framer-name\":\"Hero\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(Container,{className:\"framer-197swyx-container\",isAuthoredByUser:true,isModuleExternal:true,nodeId:\"AwBygT7dq\",scopeId:\"prVlcgEQ6\",children:/*#__PURE__*/_jsx(Grain,{height:\"100%\",id:\"AwBygT7dq\",layoutId:\"AwBygT7dq\",opacity:.02,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsx(\"div\",{className:\"framer-yg3awg\",id:elementId,ref:ref1,children:/*#__PURE__*/_jsx(\"div\",{className:\"framer-1ir8wew\",\"data-border\":true,\"data-framer-name\":\"Highlight\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{style:{\"--font-selector\":\"RlI7SW50ZXJEaXNwbGF5\",\"--framer-font-family\":'\"Inter Display\", \"Inter Display Placeholder\", sans-serif',\"--framer-font-size\":\"12px\",\"--framer-line-height\":\"1em\",\"--framer-text-color\":\"var(--token-a95c2905-e2d7-4cce-bd48-8d8f6e037a7d, rgb(128, 128, 128))\"},children:\"Tools\"})}),className:\"framer-2gpe48\",\"data-framer-name\":\"MARK\",fonts:[\"FR;InterDisplay\"],verticalAlignment:\"center\",withExternalLayout:true})})}),/*#__PURE__*/_jsx(\"div\",{className:\"framer-1ca6v0o\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"framer-11nuvx\",\"data-framer-name\":\"Heading\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"framer-abqtrj\",\"data-framer-name\":\"Head\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"h1\",{className:\"framer-styles-preset-zdcll1\",\"data-styles-preset\":\"VArLze0Ri\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"rgb(13, 13, 13)\"},children:\"Free A/B\\xa0Split Test Sample Size Calculator\"})}),className:\"framer-12zwiko\",\"data-framer-name\":\"Newsletter Template.\",fonts:[\"Inter\"],verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsx(\"div\",{className:\"framer-14qjvg0\",\"data-framer-name\":\"Subhead\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{className:\"framer-styles-preset-8bid8x\",\"data-styles-preset\":\"Gc9xBcx5A\",style:{\"--framer-text-alignment\":\"center\"},children:\"This easy-to-use tool helps you find out how many visitors you need to test two different versions of your webpage or app. \"})}),className:\"framer-1syj5pl\",\"data-framer-name\":\"Starting a newsletter?\\u2028Get a beautiful website done today and join the top 10% club.\",fonts:[\"Inter\"],verticalAlignment:\"top\",withExternalLayout:true})})]})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"framer-13fbvww\",\"data-framer-name\":\"Main\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(Container,{className:\"framer-1weh6ps-container\",\"data-framer-name\":\"Tool Embed\",isAuthoredByUser:true,isModuleExternal:true,name:\"Tool Embed\",nodeId:\"o7Q9NM_IO\",scopeId:\"prVlcgEQ6\",children:/*#__PURE__*/_jsx(PropertyOverrides,{breakpoint:baseVariant,overrides:{MT8wSukrE:{html:'<!DOCTYPE html>\\n<html lang=\"en\">\\n<head>\\n    <meta charset=\"UTF-8\">\\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\\n    <style>\\n        body {\\n            background-color: transparent;\\n            color: #333;\\n            font-family: \\'Inter Display\\', \\'Inter\\', sans-serif;\\n            padding: 0;\\n            margin: 0;\\n            width: 100%;\\n            overflow-x: hidden;\\n            line-height: 1.5;\\n        }\\n        .container {\\n            width: 100%;\\n            max-width: 100%;\\n            padding: 0.75rem;\\n            box-sizing: border-box;\\n        }\\n        #calculator {\\n            background-color: transparent;\\n            border: none;\\n            box-sizing: border-box;\\n            margin: 1.5rem 0;\\n            padding: 0;\\n            width: 100%;\\n            max-width: 100%;\\n        }\\n        input {\\n            width: 100%;\\n            padding: 0.625rem;\\n            margin: 0.5rem 0;\\n            border-radius: 0.3125rem;\\n            background-color: white;\\n            border: 0.0625rem solid #f0f0f0;\\n            box-sizing: border-box;\\n        }\\n        .button-group {\\n            display: flex;\\n            gap: 0.5rem;\\n            margin-top: 1rem;\\n        }\\n        .button-group button {\\n            display: flex;\\n            align-items: center;\\n            justify-content: center;\\n            font-family: \\'Inter Display\\', \\'Inter\\', sans-serif;\\n            font-size: .875rem;\\n            font-weight: 500;\\n            line-height: 1.2;\\n            padding: .75rem 1.5rem;\\n            text-align: center;\\n            text-decoration: none;\\n            max-width: 100%;\\n            box-sizing: border-box;\\n            flex: 1;\\n        }\\n        #calculate-button {\\n            background-color: #000000;\\n            color: #FFFFFF;\\n            border: 1px solid #F0F0F0;\\n            border-radius: .5rem;\\n            box-shadow: rgba(204, 204, 204, 0.4) 0 -2px 8px -1px inset;\\n            flex: 2; /* Make it wider */\\n        }\\n        #export-button {\\n            background-color: #FFFFFF;\\n            color: #000000;\\n            border: 1px solid #F0F0F0;\\n            border-radius: .5rem;\\n        }\\n        small {\\n            display: block;\\n            margin-top: 0.25rem;\\n            margin-bottom: 0.75rem;\\n            color: #666;\\n            font-size: 0.75rem;\\n        }\\n        #result {\\n            margin-top: 1.5rem;\\n            font-size: 1.125rem;\\n            font-weight: 500;\\n            line-height: 1.5;\\n        }\\n        #result span {\\n            color: #FF7A00;\\n        }\\n        label {\\n            display: block;\\n            margin-top: 0.75rem;\\n            font-weight: 500;\\n        }\\n        h1 {\\n            font-size: 1.5rem;\\n            font-weight: 500;\\n            margin-bottom: 1rem;\\n        }\\n        h2 {\\n            font-size: 1.25rem;\\n            font-weight: 600;\\n            margin: 1.5rem 0 0.75rem 0;\\n        }\\n        p {\\n            margin: 0.5rem 0 1rem 0;\\n            line-height: 1.6;\\n        }\\n        .intro-text {\\n            margin-bottom: 1.5rem;\\n        }\\n        .faq-section {\\n            margin-top: 2rem;\\n            border-top: 1px solid #eee;\\n            padding-top: 1rem;\\n        }\\n        .faq-item {\\n            margin-bottom: 1rem;\\n        }\\n        .faq-question {\\n            font-weight: 600;\\n            margin-bottom: 0.25rem;\\n        }\\n        .faq-answer {\\n            margin-top: 0.25rem;\\n            color: #555;\\n        }\\n        .section {\\n            margin-top: 2rem;\\n            padding-top: 1rem;\\n            border-top: 1px solid #eee;\\n        }\\n        strong {\\n            font-weight: 600;\\n        }\\n    </style>\\n</head>\\n<body>\\n    <div class=\"container\">\\n        <div class=\"intro-text\">\\n            <h1>A/B Test Sample Size Calculator</h1>\\n            <p>This easy-to-use tool helps you find out how many visitors you need to test two different versions of your webpage or app.</p>\\n            \\n            <p><strong>To use this calculator effectively, input the following details:</strong></p>\\n            <ul>\\n                <li><strong>Baseline Conversion Rate</strong>: Your current conversion rate (e.g., the percentage of visitors who make a purchase).</li>\\n                <li><strong>Minimum Detectable Effect</strong>: The smallest change in the conversion rate you want to detect.</li>\\n                <li><strong>Statistical Significance</strong>: The confidence level you want for your test results (usually 95%).</li>\\n                <li><strong>Statistical Power</strong>: The probability of detecting a true effect (typically set at 80%).</li>\\n            </ul>\\n            <p>By entering these values, you\\'ll get the recommended sample size for each version of your test, ensuring your results are both accurate and meaningful.</p>\\n        </div>\\n\\n        <form id=\"calculator\">\\n            <label for=\"baseline\">Baseline Conversion Rate (%):</label>\\n            <input type=\"number\" id=\"baseline\" min=\"0\" max=\"100\" required>\\n            <small>Your control group\\'s expected conversion rate.</small>\\n\\n            <label for=\"mde\">Minimum Detectable Effect (%):</label>\\n            <input type=\"number\" id=\"mde\" min=\"0\" max=\"100\" required>\\n            <small>The minimum relative change in conversion rate you would like to be able to detect.</small>\\n\\n            <label for=\"significance\">Statistical Significance (%):</label>\\n            <input type=\"number\" id=\"significance\" value=\"95\" min=\"90\" max=\"99\" required>\\n            <small>Typically set at 95%, this is your risk tolerance for Type I error.</small>\\n\\n            <label for=\"power\">Statistical Power (%):</label>\\n            <input type=\"number\" id=\"power\" value=\"80\" min=\"70\" max=\"99\" required>\\n            <small>Typically set at 80%, this is your tolerance for Type II error.</small>\\n\\n            <div class=\"button-group\">\\n                <button type=\"button\" id=\"calculate-button\" onclick=\"calculateSampleSize()\">Calculate</button>\\n                <button type=\"button\" id=\"export-button\" onclick=\"exportToCSV()\">Export to CSV</button>\\n            </div>\\n        </form>\\n        \\n        <div id=\"result\"></div>\\n        \\n        <div class=\"section\">\\n            <h2>Understanding Type I and Type II Errors</h2>\\n            <p>Beyond the basic parameters, several advanced considerations can impact the accuracy and reliability of your A/B tests:</p>\\n            \\n            <p><strong>Multiple Testing</strong>: Conducting multiple tests simultaneously increases the probability of obtaining a false positive result. This can be mitigated by using techniques such as the Bonferroni correction, which adjusts the significance level to account for multiple comparisons.</p>\\n            \\n            <p><strong>Non-Uniform Traffic</strong>: When traffic is not evenly distributed across the test duration, it can affect the accuracy of the results. Techniques such as stratified sampling can help ensure that the test groups are representative of the overall population, improving the validity of the results.</p>\\n            \\n            <p><strong>External Validity</strong>: A/B tests may not always generalize to the broader population. Techniques such as propensity scoring can help address this issue by ensuring that the test sample is representative of the target audience, enhancing the external validity of the results.</p>\\n        </div>\\n        \\n        <div class=\"section\">\\n            <h2>A/B Test Duration and Planning</h2>\\n            <p>Planning the duration of an A/B test is a critical component of a successful testing strategy. The test duration should be long enough to detect a statistically significant difference between the control and variation groups but not so long that it becomes impractical or costly.</p>\\n            \\n            <p><strong>Key factors to consider include:</strong></p>\\n            <ul>\\n                <li><strong>Average Daily Visitors</strong>: The number of visitors your site receives daily is essential for determining the test duration. A higher number of average daily visitors allows for a shorter test duration, as the required sample size can be reached more quickly.</li>\\n                <li><strong>Test Duration</strong>: The length of time needed to detect a statistically significant difference between the control and variation groups. This depends on the average daily visitors and the required sample size.</li>\\n                <li><strong>Sample Size</strong>: The number of visitors required to detect a statistically significant difference. This is influenced by the baseline conversion rate, minimum detectable effect, desired lift, and statistical power.</li>\\n                <li><strong>Statistical Power</strong>: The probability of detecting a statistically significant difference when there is one. Higher statistical power requires a larger sample size and potentially a longer test duration.</li>\\n            </ul>\\n        </div>\\n        \\n        <div class=\"section\">\\n            <h2>Type I Error (False Positive)</h2>\\n            <p><strong>Definition:</strong> A Type I error occurs when you reject the null hypothesis when it is actually true. In other words, you detect an effect that is not actually there.</p>\\n            \\n            <p><strong>Example:</strong> Imagine you run an A/B test to see if a new webpage design (Version B) increases conversions compared to the current design (Version A). A Type I error would mean concluding that Version B is better when, in reality, it isn\\'t.</p>\\n            \\n            <p><strong>Statistical Significance:</strong> This error is controlled by the significance level (\u03B1), often set at 0.05 (5%). If your significance level is 5%, there is a 5% chance of making a Type I error.</p>\\n        </div>\\n        \\n        <div class=\"section\">\\n            <h2>Type II Error (False Negative)</h2>\\n            <p><strong>Definition:</strong> A Type II error occurs when you fail to reject the null hypothesis when it is actually false. This means you miss detecting an effect that is actually present.</p>\\n            \\n            <p><strong>Example:</strong> Continuing with the A/B test example, a Type II error would mean concluding that there is no difference between Version A and Version B when, in fact, Version B does increase conversions.</p>\\n            \\n            <p><strong>Statistical Power:</strong> This error is controlled by the power of the test (1 - \u03B2), often set at 0.80 (80%). If your test has 80% power, there is a 20% chance of making a Type II error.</p>\\n        </div>\\n        \\n        <div class=\"faq-section\">\\n            <h2>Common Questions</h2>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">What is Baseline Conversion Rate?</div>\\n                <div class=\"faq-answer\">This is the expected conversion rate of your control group without any changes.</div>\\n            </div>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">What is Minimum Detectable Effect?</div>\\n                <div class=\"faq-answer\">The smallest change in conversion rate that you want to detect, expressed as a percentage increase or decrease from the baseline.</div>\\n            </div>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">Why is Statistical Significance important?</div>\\n                <div class=\"faq-answer\">It helps you determine the likelihood that your results are due to the changes made and not by random chance.</div>\\n            </div>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">What does Statistical Power tell us?</div>\\n                <div class=\"faq-answer\">It indicates the probability that your test will detect a true effect when there is one.</div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <script>\\n        let sampleSize = 0;\\n\\n        function calculateSampleSize() {\\n            const baseline = document.getElementById(\\'baseline\\').value / 100;\\n            const mde = document.getElementById(\\'mde\\').value / 100;\\n            const significance = document.getElementById(\\'significance\\').value / 100;\\n            const power = document.getElementById(\\'power\\').value / 100;\\n\\n            if (!baseline || !mde || !significance || !power) {\\n                document.getElementById(\\'result\\').innerHTML = \"Please fill in all fields to calculate sample size.\";\\n                return;\\n            }\\n\\n            const zAlpha = normalCDFInverse(1 - (1 - significance) / 2);\\n            const zBeta = normalCDFInverse(power);\\n            const p1 = baseline;\\n            const p2 = baseline * (1 + mde);\\n\\n            sampleSize = Math.ceil(\\n                (Math.pow(zAlpha * Math.sqrt(2 * baseline * (1 - baseline)) + zBeta * Math.sqrt(p1 * (1 - p1) + p2 * (1 - p2)), 2)) /\\n                Math.pow(p2 - p1, 2)\\n            );\\n\\n            document.getElementById(\\'result\\').innerHTML = `<strong>Results:</strong> The required sample size per group is <span>${sampleSize}</span>. This means you\\'ll need ${sampleSize} visitors in both your control and test groups (${sampleSize * 2} total visitors) to achieve the statistical reliability you specified.`;\\n        }\\n\\n        function exportToCSV() {\\n            if (sampleSize === 0) {\\n                document.getElementById(\\'result\\').innerHTML = \"Please calculate sample size first.\";\\n                return;\\n            }\\n            \\n            const baseline = document.getElementById(\\'baseline\\').value;\\n            const mde = document.getElementById(\\'mde\\').value;\\n            const significance = document.getElementById(\\'significance\\').value;\\n            const power = document.getElementById(\\'power\\').value;\\n\\n            const data = [\\n                [\"Baseline Conversion Rate (%)\", baseline],\\n                [\"Minimum Detectable Effect (%)\", mde],\\n                [\"Statistical Significance (%)\", significance],\\n                [\"Statistical Power (%)\", power],\\n                [\"Required Sample Size per Group\", sampleSize],\\n                [\"Total Sample Size\", sampleSize * 2]\\n            ];\\n\\n            let csvContent = \"data:text/csv;charset=utf-8,\" \\n                + data.map(e => e.join(\",\")).join(\"\\\\n\");\\n\\n            const encodedUri = encodeURI(csvContent);\\n            const link = document.createElement(\"a\");\\n            link.setAttribute(\"href\", encodedUri);\\n            link.setAttribute(\"download\", \"sample_size_calculator_results.csv\");\\n            document.body.appendChild(link); // Required for Firefox\\n            \\n            link.click();\\n            \\n            document.body.removeChild(link);\\n        }\\n\\n        function normalCDFInverse(p) {\\n            if (p < 0.5)\\n                return -RationalApproximation(Math.sqrt(-2.0 * Math.log(p)));\\n            return RationalApproximation(Math.sqrt(-2.0 * Math.log(1 - p)));\\n        }\\n\\n        function RationalApproximation(t) {\\n            const c = [2.515517, 0.802853, 0.010328];\\n            const d = [1.432788, 0.189269, 0.001308];\\n            return t - ((c[0] + c[1] * t + c[2] * t * t) / (1 + d[0] * t + d[1] * t * t + d[2] * t * t * t));\\n        }\\n\\n        // Initialize to fit container\\n        window.addEventListener(\\'load\\', function() {\\n            // Force full width\\n            document.body.style.width = \\'100%\\';\\n        });\\n    </script>\\n</body>\\n</html>'}},children:/*#__PURE__*/_jsx(Embed,{height:\"100%\",html:'<!DOCTYPE html>\\n<html lang=\"en\">\\n<head>\\n    <meta charset=\"UTF-8\">\\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\\n    <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Inter+Display:wght@400;500;600;700&display=swap\">\\n    <style>\\n        body {\\n            background-color: transparent;\\n            color: #333;\\n            font-family: \\'Inter Display\\', \\'Inter\\', sans-serif;\\n            padding: 0;\\n            margin: 0;\\n            width: 100%;\\n            overflow-x: hidden;\\n            line-height: 1.5;\\n        }\\n        .container {\\n            width: 100%;\\n            max-width: 100%;\\n            padding: 0.75rem;\\n            box-sizing: border-box;\\n        }\\n        #calculator {\\n            background-color: transparent;\\n            border: none;\\n            box-sizing: border-box;\\n            margin: 1.5rem 0;\\n            padding: 0;\\n            width: 100%;\\n            max-width: 100%;\\n        }\\n        input {\\n            width: 100%;\\n            padding: 0.625rem;\\n            margin: 0.5rem 0;\\n            border-radius: 0.3125rem;\\n            background-color: white;\\n            border: 0.0625rem solid #f0f0f0;\\n            box-sizing: border-box;\\n        }\\n        .button-group {\\n            display: flex;\\n            gap: 0.5rem;\\n            margin-top: 1rem;\\n        }\\n        .button-group button {\\n            display: flex;\\n            align-items: center;\\n            justify-content: center;\\n            font-family: \\'Inter Display\\', \\'Inter\\', sans-serif;\\n            font-size: .875rem;\\n            font-weight: 500;\\n            line-height: 1.2;\\n            padding: .75rem 1.5rem;\\n            text-align: center;\\n            text-decoration: none;\\n            max-width: 100%;\\n            box-sizing: border-box;\\n            flex: 1;\\n        }\\n        #calculate-button {\\n            background-color: #000000;\\n            color: #FFFFFF;\\n            border: 1px solid #F0F0F0;\\n            border-radius: .5rem;\\n            box-shadow: rgba(204, 204, 204, 0.4) 0 -2px 8px -1px inset;\\n            flex: 2; /* Make it wider */\\n        }\\n        #export-button {\\n            background-color: #FFFFFF;\\n            color: #000000;\\n            border: 1px solid #F0F0F0;\\n            border-radius: .5rem;\\n        }\\n        small {\\n            display: block;\\n            margin-top: 0.25rem;\\n            margin-bottom: 0.75rem;\\n            color: #666;\\n            font-size: 0.75rem;\\n        }\\n        #result {\\n            margin-top: 1.5rem;\\n            font-size: 1.125rem;\\n            font-weight: 500;\\n            line-height: 1.5;\\n        }\\n        #result span {\\n            color: #FF7A00;\\n        }\\n        label {\\n            display: block;\\n            margin-top: 0.75rem;\\n            font-weight: 500;\\n        }\\n        h1 {\\n            font-size: 1.5rem;\\n            font-weight: 500;\\n            margin-bottom: 1rem;\\n        }\\n        h2 {\\n            font-size: 1.25rem;\\n            font-weight: 500;\\n            margin: 1.5rem 0 0.75rem 0;\\n        }\\n        p {\\n            margin: 0.5rem 0 1rem 0;\\n            line-height: 1.6;\\n        }\\n        .intro-text {\\n            margin-bottom: 1.5rem;\\n        }\\n        .faq-section {\\n            margin-top: 2rem;\\n            border-top: 1px solid #eee;\\n            padding-top: 1rem;\\n        }\\n        .faq-item {\\n            margin-bottom: 1rem;\\n        }\\n        .faq-question {\\n            font-weight: 600;\\n            margin-bottom: 0.25rem;\\n        }\\n        .faq-answer {\\n            margin-top: 0.25rem;\\n            color: #555;\\n        }\\n        .section {\\n            margin-top: 2rem;\\n            padding-top: 1rem;\\n            border-top: 1px solid #eee;\\n        }\\n        strong {\\n            font-weight: 600;\\n        }\\n    </style>\\n</head>\\n<body>\\n    <div class=\"container\">\\n        <div class=\"intro-text\">\\n            <h1>A/B Test Sample Size Calculator</h1>\\n            <p>This easy-to-use tool helps you find out how many visitors you need to test two different versions of your webpage or app.</p>\\n            \\n            <p><strong>To use this calculator effectively, input the following details:</strong></p>\\n            <ul>\\n                <li><strong>Baseline Conversion Rate</strong>: Your current conversion rate (e.g., the percentage of visitors who make a purchase).</li>\\n                <li><strong>Minimum Detectable Effect</strong>: The smallest change in the conversion rate you want to detect.</li>\\n                <li><strong>Statistical Significance</strong>: The confidence level you want for your test results (usually 95%).</li>\\n                <li><strong>Statistical Power</strong>: The probability of detecting a true effect (typically set at 80%).</li>\\n            </ul>\\n            <p>By entering these values, you\\'ll get the recommended sample size for each version of your test, ensuring your results are both accurate and meaningful.</p>\\n        </div>\\n\\n        <form id=\"calculator\">\\n            <label for=\"baseline\">Baseline Conversion Rate (%):</label>\\n            <input type=\"number\" id=\"baseline\" min=\"0\" max=\"100\" required>\\n            <small>Your control group\\'s expected conversion rate.</small>\\n\\n            <label for=\"mde\">Minimum Detectable Effect (%):</label>\\n            <input type=\"number\" id=\"mde\" min=\"0\" max=\"100\" required>\\n            <small>The minimum relative change in conversion rate you would like to be able to detect.</small>\\n\\n            <label for=\"significance\">Statistical Significance (%):</label>\\n            <input type=\"number\" id=\"significance\" value=\"95\" min=\"90\" max=\"99\" required>\\n            <small>Typically set at 95%, this is your risk tolerance for Type I error.</small>\\n\\n            <label for=\"power\">Statistical Power (%):</label>\\n            <input type=\"number\" id=\"power\" value=\"80\" min=\"70\" max=\"99\" required>\\n            <small>Typically set at 80%, this is your tolerance for Type II error.</small>\\n\\n            <div class=\"button-group\">\\n                <button type=\"button\" id=\"calculate-button\" onclick=\"calculateSampleSize()\">Calculate</button>\\n                <button type=\"button\" id=\"export-button\" onclick=\"exportToCSV()\">Export to CSV</button>\\n            </div>\\n        </form>\\n        \\n        <div id=\"result\"></div>\\n        \\n        <div class=\"section\">\\n            <h2>Understanding Type I and Type II Errors</h2>\\n            <p>Beyond the basic parameters, several advanced considerations can impact the accuracy and reliability of your A/B tests:</p>\\n            \\n            <p><strong>Multiple Testing</strong>: Conducting multiple tests simultaneously increases the probability of obtaining a false positive result. This can be mitigated by using techniques such as the Bonferroni correction, which adjusts the significance level to account for multiple comparisons.</p>\\n            \\n            <p><strong>Non-Uniform Traffic</strong>: When traffic is not evenly distributed across the test duration, it can affect the accuracy of the results. Techniques such as stratified sampling can help ensure that the test groups are representative of the overall population, improving the validity of the results.</p>\\n            \\n            <p><strong>External Validity</strong>: A/B tests may not always generalize to the broader population. Techniques such as propensity scoring can help address this issue by ensuring that the test sample is representative of the target audience, enhancing the external validity of the results.</p>\\n        </div>\\n        \\n        <div class=\"section\">\\n            <h2>A/B Test Duration and Planning</h2>\\n            <p>Planning the duration of an A/B test is a critical component of a successful testing strategy. The test duration should be long enough to detect a statistically significant difference between the control and variation groups but not so long that it becomes impractical or costly.</p>\\n            \\n            <p><strong>Key factors to consider include:</strong></p>\\n            <ul>\\n                <li><strong>Average Daily Visitors</strong>: The number of visitors your site receives daily is essential for determining the test duration. A higher number of average daily visitors allows for a shorter test duration, as the required sample size can be reached more quickly.</li>\\n                <li><strong>Test Duration</strong>: The length of time needed to detect a statistically significant difference between the control and variation groups. This depends on the average daily visitors and the required sample size.</li>\\n                <li><strong>Sample Size</strong>: The number of visitors required to detect a statistically significant difference. This is influenced by the baseline conversion rate, minimum detectable effect, desired lift, and statistical power.</li>\\n                <li><strong>Statistical Power</strong>: The probability of detecting a statistically significant difference when there is one. Higher statistical power requires a larger sample size and potentially a longer test duration.</li>\\n            </ul>\\n        </div>\\n        \\n        <div class=\"section\">\\n            <h2>Type I Error (False Positive)</h2>\\n            <p><strong>Definition:</strong> A Type I error occurs when you reject the null hypothesis when it is actually true. In other words, you detect an effect that is not actually there.</p>\\n            \\n            <p><strong>Example:</strong> Imagine you run an A/B test to see if a new webpage design (Version B) increases conversions compared to the current design (Version A). A Type I error would mean concluding that Version B is better when, in reality, it isn\\'t.</p>\\n            \\n            <p><strong>Statistical Significance:</strong> This error is controlled by the significance level (\u03B1), often set at 0.05 (5%). If your significance level is 5%, there is a 5% chance of making a Type I error.</p>\\n        </div>\\n        \\n        <div class=\"section\">\\n            <h2>Type II Error (False Negative)</h2>\\n            <p><strong>Definition:</strong> A Type II error occurs when you fail to reject the null hypothesis when it is actually false. This means you miss detecting an effect that is actually present.</p>\\n            \\n            <p><strong>Example:</strong> Continuing with the A/B test example, a Type II error would mean concluding that there is no difference between Version A and Version B when, in fact, Version B does increase conversions.</p>\\n            \\n            <p><strong>Statistical Power:</strong> This error is controlled by the power of the test (1 - \u03B2), often set at 0.80 (80%). If your test has 80% power, there is a 20% chance of making a Type II error.</p>\\n        </div>\\n        \\n        <div class=\"faq-section\">\\n            <h2>Common Questions</h2>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">What is Baseline Conversion Rate?</div>\\n                <div class=\"faq-answer\">This is the expected conversion rate of your control group without any changes.</div>\\n            </div>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">What is Minimum Detectable Effect?</div>\\n                <div class=\"faq-answer\">The smallest change in conversion rate that you want to detect, expressed as a percentage increase or decrease from the baseline.</div>\\n            </div>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">Why is Statistical Significance important?</div>\\n                <div class=\"faq-answer\">It helps you determine the likelihood that your results are due to the changes made and not by random chance.</div>\\n            </div>\\n            \\n            <div class=\"faq-item\">\\n                <div class=\"faq-question\">What does Statistical Power tell us?</div>\\n                <div class=\"faq-answer\">It indicates the probability that your test will detect a true effect when there is one.</div>\\n            </div>\\n        </div>\\n    </div>\\n    \\n    <script>\\n        let sampleSize = 0;\\n\\n        function calculateSampleSize() {\\n            const baseline = document.getElementById(\\'baseline\\').value / 100;\\n            const mde = document.getElementById(\\'mde\\').value / 100;\\n            const significance = document.getElementById(\\'significance\\').value / 100;\\n            const power = document.getElementById(\\'power\\').value / 100;\\n\\n            if (!baseline || !mde || !significance || !power) {\\n                document.getElementById(\\'result\\').innerHTML = \"Please fill in all fields to calculate sample size.\";\\n                return;\\n            }\\n\\n            const zAlpha = normalCDFInverse(1 - significance / 2);\\n            const zBeta = normalCDFInverse(power);\\n            const p1 = baseline;\\n            const p2 = baseline * (1 + mde);\\n\\n            sampleSize = Math.ceil(\\n                (Math.pow(zAlpha * Math.sqrt(2 * baseline * (1 - baseline)) + zBeta * Math.sqrt(p1 * (1 - p1) + p2 * (1 - p2)), 2)) /\\n                Math.pow(p2 - p1, 2)\\n            );\\n\\n            document.getElementById(\\'result\\').innerHTML = `<strong>Results:</strong> The required sample size per group is <span>${sampleSize}</span>. This means you\\'ll need ${sampleSize} visitors in both your control and test groups (${sampleSize * 2} total visitors) to achieve the statistical reliability you specified.`;\\n        }\\n\\n        function exportToCSV() {\\n            if (sampleSize === 0) {\\n                document.getElementById(\\'result\\').innerHTML = \"Please calculate sample size first.\";\\n                return;\\n            }\\n            \\n            const baseline = document.getElementById(\\'baseline\\').value;\\n            const mde = document.getElementById(\\'mde\\').value;\\n            const significance = document.getElementById(\\'significance\\').value;\\n            const power = document.getElementById(\\'power\\').value;\\n\\n            const data = [\\n                [\"Baseline Conversion Rate (%)\", baseline],\\n                [\"Minimum Detectable Effect (%)\", mde],\\n                [\"Statistical Significance (%)\", significance],\\n                [\"Statistical Power (%)\", power],\\n                [\"Required Sample Size per Group\", sampleSize],\\n                [\"Total Sample Size\", sampleSize * 2]\\n            ];\\n\\n            let csvContent = \"data:text/csv;charset=utf-8,\" \\n                + data.map(e => e.join(\",\")).join(\"\\\\n\");\\n\\n            const encodedUri = encodeURI(csvContent);\\n            const link = document.createElement(\"a\");\\n            link.setAttribute(\"href\", encodedUri);\\n            link.setAttribute(\"download\", \"sample_size_calculator_results.csv\");\\n            document.body.appendChild(link); // Required for Firefox\\n            \\n            link.click();\\n            \\n            document.body.removeChild(link);\\n        }\\n\\n        function normalCDFInverse(p) {\\n            if (p < 0.5)\\n                return -RationalApproximation(Math.sqrt(-2.0 * Math.log(p)));\\n            return RationalApproximation(Math.sqrt(-2.0 * Math.log(1 - p)));\\n        }\\n\\n        function RationalApproximation(t) {\\n            const c = [2.515517, 0.802853, 0.010328];\\n            const d = [1.432788, 0.189269, 0.001308];\\n            return t - ((c[0] + c[1] * t + c[2] * t * t) / (1 + d[0] * t + d[1] * t * t + d[2] * t * t * t));\\n        }\\n\\n        // Initialize to fit container\\n        window.addEventListener(\\'load\\', function() {\\n            // Force full width\\n            document.body.style.width = \\'100%\\';\\n        });\\n    </script>\\n</body>\\n</html>',id:\"o7Q9NM_IO\",layoutId:\"o7Q9NM_IO\",name:\"Tool Embed\",style:{height:\"100%\",width:\"100%\"},type:\"html\",url:\"\",width:\"100%\"})})})})})]}),/*#__PURE__*/_jsx(\"div\",{id:\"overlay\"})]})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-kvFJF.framer-1fsyah1, .framer-kvFJF .framer-1fsyah1 { display: block; }\",\".framer-kvFJF.framer-17tn5j8 { align-content: center; align-items: center; background-color: var(--token-ba48b05b-4993-4c60-927d-7aeb9ca5a2c1, #ffffff); display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 1200px; }\",\".framer-kvFJF .framer-rz0ige { --border-bottom-width: 1px; --border-color: var(--token-eaa998a8-f118-46c0-a3b2-99c819df8629, #e6e6e6); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; align-content: center; align-items: center; background-color: var(--token-abcdc94f-480d-4082-bd85-2d92f99a081f, #fafafa); border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; border-top-left-radius: 32px; border-top-right-radius: 32px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; max-width: 100%; overflow: hidden; padding: 128px 64px 32px 64px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }\",\".framer-kvFJF .framer-197swyx-container { -webkit-user-select: none; bottom: 0px; flex: none; left: 0px; opacity: 0.5; pointer-events: none; position: absolute; right: 0px; top: 0px; user-select: none; z-index: 0; }\",\".framer-kvFJF .framer-yg3awg { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: wrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-kvFJF .framer-1ir8wew { --border-bottom-width: 1px; --border-color: var(--token-cbbfff98-0773-4233-a919-226937c851b5, #f2f2f2); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; align-content: center; align-items: center; background-color: var(--token-ba48b05b-4993-4c60-927d-7aeb9ca5a2c1, #ffffff); border-bottom-left-radius: 99px; border-bottom-right-radius: 99px; border-top-left-radius: 99px; border-top-right-radius: 99px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 6px 12px 6px 12px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-kvFJF .framer-2gpe48 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-kvFJF .framer-1ca6v0o { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; max-width: 800px; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-kvFJF .framer-11nuvx { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-kvFJF .framer-abqtrj { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-kvFJF .framer-12zwiko, .framer-kvFJF .framer-1syj5pl { --framer-text-wrap-override: balance; flex: none; height: auto; position: relative; width: 100%; }\",\".framer-kvFJF .framer-14qjvg0 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-kvFJF .framer-13fbvww { align-content: center; align-items: center; background-color: #ffffff; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 24px; position: relative; width: 100%; }\",\".framer-kvFJF .framer-1weh6ps-container { flex: none; height: 2194px; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-kvFJF.framer-17tn5j8, .framer-kvFJF .framer-rz0ige, .framer-kvFJF .framer-yg3awg, .framer-kvFJF .framer-1ir8wew, .framer-kvFJF .framer-1ca6v0o, .framer-kvFJF .framer-11nuvx, .framer-kvFJF .framer-abqtrj, .framer-kvFJF .framer-14qjvg0, .framer-kvFJF .framer-13fbvww { gap: 0px; } .framer-kvFJF.framer-17tn5j8 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-kvFJF.framer-17tn5j8 > :first-child, .framer-kvFJF .framer-rz0ige > :first-child, .framer-kvFJF .framer-1ca6v0o > :first-child, .framer-kvFJF .framer-11nuvx > :first-child, .framer-kvFJF .framer-abqtrj > :first-child, .framer-kvFJF .framer-14qjvg0 > :first-child, .framer-kvFJF .framer-13fbvww > :first-child { margin-top: 0px; } .framer-kvFJF.framer-17tn5j8 > :last-child, .framer-kvFJF .framer-rz0ige > :last-child, .framer-kvFJF .framer-1ca6v0o > :last-child, .framer-kvFJF .framer-11nuvx > :last-child, .framer-kvFJF .framer-abqtrj > :last-child, .framer-kvFJF .framer-14qjvg0 > :last-child, .framer-kvFJF .framer-13fbvww > :last-child { margin-bottom: 0px; } .framer-kvFJF .framer-rz0ige > *, .framer-kvFJF .framer-1ca6v0o > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-kvFJF .framer-yg3awg > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-kvFJF .framer-yg3awg > :first-child, .framer-kvFJF .framer-1ir8wew > :first-child { margin-left: 0px; } .framer-kvFJF .framer-yg3awg > :last-child, .framer-kvFJF .framer-1ir8wew > :last-child { margin-right: 0px; } .framer-kvFJF .framer-1ir8wew > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-kvFJF .framer-11nuvx > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-kvFJF .framer-abqtrj > * { margin: 0px; margin-bottom: calc(4px / 2); margin-top: calc(4px / 2); } .framer-kvFJF .framer-14qjvg0 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-kvFJF .framer-13fbvww > * { margin: 0px; margin-bottom: calc(48px / 2); margin-top: calc(48px / 2); } }\",...sharedStyle.css,...sharedStyle1.css,'.framer-kvFJF[data-border=\"true\"]::after, .framer-kvFJF [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; }',\"@media (min-width: 810px) and (max-width: 1199px) { .framer-kvFJF.framer-17tn5j8 { width: 810px; } .framer-kvFJF .framer-rz0ige { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-top-left-radius: 24px; border-top-right-radius: 24px; padding: 96px 40px 32px 40px; } .framer-kvFJF .framer-1ca6v0o, .framer-kvFJF .framer-13fbvww { gap: 40px; } .framer-kvFJF .framer-1weh6ps-container { height: 2400px; } @supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-kvFJF .framer-1ca6v0o, .framer-kvFJF .framer-13fbvww { gap: 0px; } .framer-kvFJF .framer-1ca6v0o > *, .framer-kvFJF .framer-13fbvww > * { margin: 0px; margin-bottom: calc(40px / 2); margin-top: calc(40px / 2); } .framer-kvFJF .framer-1ca6v0o > :first-child, .framer-kvFJF .framer-13fbvww > :first-child { margin-top: 0px; } .framer-kvFJF .framer-1ca6v0o > :last-child, .framer-kvFJF .framer-13fbvww > :last-child { margin-bottom: 0px; } }}\",\"@media (max-width: 809px) { .framer-kvFJF.framer-17tn5j8 { width: 390px; } .framer-kvFJF .framer-rz0ige { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 80px 8px 32px 8px; } .framer-kvFJF .framer-1ca6v0o { gap: 40px; } .framer-kvFJF .framer-13fbvww { gap: 40px; padding: 16px; } .framer-kvFJF .framer-1weh6ps-container { height: 3386px; } @supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-kvFJF .framer-1ca6v0o, .framer-kvFJF .framer-13fbvww { gap: 0px; } .framer-kvFJF .framer-1ca6v0o > *, .framer-kvFJF .framer-13fbvww > * { margin: 0px; margin-bottom: calc(40px / 2); margin-top: calc(40px / 2); } .framer-kvFJF .framer-1ca6v0o > :first-child, .framer-kvFJF .framer-13fbvww > :first-child { margin-top: 0px; } .framer-kvFJF .framer-1ca6v0o > :last-child, .framer-kvFJF .framer-13fbvww > :last-child { margin-bottom: 0px; } }}\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 3406\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"t1AigXdZk\":{\"layout\":[\"fixed\",\"auto\"]},\"MT8wSukrE\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerAcceptsLayoutTemplate true\n * @framerScrollSections {\"GvJSAB9Jl\":{\"pattern\":\":GvJSAB9Jl\",\"name\":\"scroll\"}}\n * @framerResponsiveScreen\n */const FramerprVlcgEQ6=withCSS(Component,css,\"framer-kvFJF\");export default FramerprVlcgEQ6;FramerprVlcgEQ6.displayName=\"Tools / Free Humblytics Split Testing And Analytics Tools\";FramerprVlcgEQ6.defaultProps={height:3406,width:1200};addFonts(FramerprVlcgEQ6,[{explicitInter:true,fonts:[{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/2uIBiALfCHVpWbHqRMZutfT7giU.woff2\",weight:\"400\"},{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/Zwfz6xbVe5pmcWRJRgBDHnMkOkI.woff2\",weight:\"400\"},{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/U9LaDDmbRhzX3sB8g8glTy5feTE.woff2\",weight:\"400\"},{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/tVew2LzXJ1t7QfxP1gdTIdj2o0g.woff2\",weight:\"400\"},{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/DF7bjCRmStYPqSb945lAlMfCCVQ.woff2\",weight:\"400\"},{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/nCpxWS6DaPlPe0lHzStXAPCo3lw.woff2\",weight:\"400\"},{family:\"Inter Display\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/vebZUMjGyKkYsfcY73iwWTzLNag.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...GrainFonts,...EmbedFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerprVlcgEQ6\",\"slots\":[],\"annotations\":{\"framerAcceptsLayoutTemplate\":\"true\",\"framerContractVersion\":\"1\",\"framerScrollSections\":\"{\\\"GvJSAB9Jl\\\":{\\\"pattern\\\":\\\":GvJSAB9Jl\\\",\\\"name\\\":\\\"scroll\\\"}}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"t1AigXdZk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"MT8wSukrE\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1200\",\"framerIntrinsicHeight\":\"3406\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerResponsiveScreen\":\"\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAi5e,CAAC,EAAE,SAAsB7B,EAAKkD,EAAM,CAAC,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;A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",
  "names": ["GrainFonts", "getFonts", "Grain", "EmbedFonts", "Embed", "breakpoints", "serializationHash", "variantClassNames", "HTMLStyle", "value", "useIsOnFramerCanvas", "p", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "variant", "restProps", "ue", "metadata", "robotsTag", "ie", "baseVariant", "hydratedBaseVariant", "useHydratedBreakpointVariants", "breakpoints", "gestureVariant", "scopingClassNames", "cx", "elementId", "useRouteElementId", "ref1", "useCustomCursors", "GeneratedComponentContext", "u", "LayoutGroup", "motion", "ComponentViewportProvider", "Container", "Grain", "RichText2", "x", "PropertyOverrides2", "Embed", "css", "FramerprVlcgEQ6", "withCSS", "prVlcgEQ6_default", "addFonts", "GrainFonts", "EmbedFonts", "getFontsFromSharedStyle", "fonts", "__FramerMetadata__"]
}
