{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/mcS1RCWKRtb9tg0zR627/qcil7g3SENxEy5gs35t0/CJuAaDrbM.js"],
  "sourcesContent": ["// Generated by Framer (2ca17d4)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX,withOptimizedAppearEffect}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Icon as Feather}from\"https://framerusercontent.com/modules/f0DboytQenYh21kfme7W/zb1zVBMZJKgPMiedOi0y/Feather.js\";import Embed from\"https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/Xr8CO3Ul8Gb7lVfgMKTh/Embed.js\";const EmbedFonts=getFonts(Embed);const FeatherFonts=getFonts(Feather);const MotionDivWithFXWithOptimizedAppearEffect=withOptimizedAppearEffect(withFX(motion.div));const cycleOrder=[\"UKnijOpz6\",\"mSahc_IwS\"];const serializationHash=\"framer-rqjXb\";const variantClassNames={mSahc_IwS:\"framer-v-1iwtply\",UKnijOpz6:\"framer-v-to8mh3\"};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 transition2={damping:30,delay:.4,mass:1,stiffness:150,type:\"spring\"};const animation={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:0};const animation1={opacity:.001,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 Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"UKnijOpz6\",\"Variant 2\":\"mSahc_IwS\"};const getProps=({click,height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"UKnijOpz6\",WUlLLkMbW:click??props.WUlLLkMbW};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,WUlLLkMbW,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"UKnijOpz6\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onClickhv7rn1=activeVariantCallback(async(...args)=>{if(WUlLLkMbW){const res=await WUlLLkMbW(...args);if(res===false)return false;}});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-to8mh3\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"UKnijOpz6\",ref:ref??ref1,style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:20,borderBottomRightRadius:20,borderTopLeftRadius:20,borderTopRightRadius:20,...style},...addPropertyOverrides({mSahc_IwS:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-p11kya-container\",layoutDependency:layoutDependency,layoutId:\"L3JhqQLeg-container\",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  <title>Kontaktformular</title>\\n  <style>\\n    body {\\n     \\n      font-family: Arial, sans-serif;\\n      color: #888888;\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      height: 100vh;\\n      margin: 0;\\n    }\\n\\n  .form-container {\\n      width: 500px; /* Fixed width for the form */\\n      padding: 24px;\\n   \\n      border-radius: 8px;\\n   \\n    }\\n   \\n\\n\\n    form {\\n      display: flex;\\n      flex-direction: column;\\n      gap: 20px; /* Add spacing between form elements */\\n    }\\n\\n    h2 {\\n      text-align: center;\\n      font-size: 24px;\\n      margin-bottom: 16px;\\n    }\\n\\n    label {\\n      display: flex;\\n      flex-direction: column;\\n      gap: 8px; /* Spacing between label and input field */\\n      color: #000000;\\n    }\\n\\n    input, select, textarea, button {\\n      padding: 10px; /* Uniform padding for all input fields */\\n      border-radius: 4px;\\n      border: 1px;\\n      background-color: #dddd;\\n      color: #000000;\\n      font-size: 14px;\\n    }\\n\\n    input[type=\"file\"] {\\n      cursor: pointer;\\n    }\\n\\n    select {\\n      cursor: pointer;\\n    }\\n\\n    textarea {\\n      height: 100px;\\n      resize: none;\\n    }\\n\\n    button {\\n      background-color: #007bff;\\n      cursor: pointer;\\n    }\\n\\n    button:hover {\\n      background-color: #0056b3;\\n    }\\n\\n    small {\\n      font-size: 12px;\\n      color: #666;\\n    }.row > select,\\n  .row > input[type=\"tel\"] {\\n      width: 225px; /* Fixed width for both fields */\\n    }\\n  .row {\\n      display: flex;\\n      gap: 16px; /* Space between fields in the same row */\\n    }\\n\\n  .row > label {\\n      flex: 1; /* Make fields in the row equal in width */\\n    }\\n  </style>\\n</head>\\n<body>\\n  <div class=\"form-container\">\\n    <form \\n      id=\"leadForm\"\\n      onsubmit=\"validateForm(event)\"\\n      enctype=\"multipart/form-data\"\\n    >\\n\\n\\n      <div class=\"row\">\\n        <label>\\n      \\n          <input \\n            type=\"text\" \\n            name=\"firstName\" \\n          placeholder=\"Vorname\" \\n            required \\n          />\\n        </label>\\n        \\n        <label>\\n          \\n          <input \\n            type=\"text\" \\n            name=\"lastName\" \\n          placeholder=\"Nachname\" \\n            required \\n          />\\n        </label>\\n      </div>\\n\\n      <label>\\n        \\n        <input \\n          type=\"email\" \\n          name=\"email\" \\n     placeholder=\"E-Mail\"\\n          required \\n        />\\n      </label>\\n\\n     <label>\\n  \\n  <div class=\"row\">\\n    <select \\n      id=\"country-select\" \\n      onchange=\"updateCountryCode()\" \\n    >\\n      <option value=\"+43\">+43 Austria</option>\\n      <option value=\"+32\">+32 Belgium</option>\\n      <option value=\"+359\">+359 Bulgaria</option>\\n      <option value=\"+385\">+385 Croatia</option>\\n      <option value=\"+357\">+357 Cyprus</option>\\n      <option value=\"+420\">+420 Czech Republic</option>\\n      <option value=\"+45\">+45 Denmark</option>\\n      <option value=\"+372\">+372 Estonia</option>\\n      <option value=\"+358\">+358 Finland</option>\\n      <option value=\"+33\">+33 France</option>\\n      <option value=\"+49\" selected>+49 Germany</option>\\n      <option value=\"+30\">+30 Greece</option>\\n      <option value=\"+36\">+36 Hungary</option>\\n      <option value=\"+354\">+354 Iceland</option>\\n      <option value=\"+353\">+353 Ireland</option>\\n      <option value=\"+39\">+39 Italy</option>\\n      <option value=\"+371\">+371 Latvia</option>\\n      <option value=\"+370\">+370 Lithuania</option>\\n      <option value=\"+352\">+352 Luxembourg</option>\\n      <option value=\"+356\">+356 Malta</option>\\n      <option value=\"+31\">+31 Netherlands</option>\\n      <option value=\"+47\">+47 Norway</option>\\n      <option value=\"+48\">+48 Poland</option>\\n      <option value=\"+351\">+351 Portugal</option>\\n      <option value=\"+40\">+40 Romania</option>\\n      <option value=\"+7\">+7 Russia</option>\\n      <option value=\"+381\">+381 Serbia</option>\\n      <option value=\"+421\">+421 Slovakia</option>\\n      <option value=\"+386\">+386 Slovenia</option>\\n      <option value=\"+34\">+34 Spain</option>\\n      <option value=\"+46\">+46 Sweden</option>\\n      <option value=\"+41\">+41 Switzerland</option>\\n      <option value=\"+44\">+44 United Kingdom</option>\\n    </select>\\n    <input \\n      id=\"phone\" \\n      type=\"tel\" \\n      name=\"phone\" \\n   placeholder=\"Telefon\"\\n      required \\n      oninput=\"validatePhoneInput(this)\"\\n    />\\n  </div>\\n  \\n</label>\\n\\n<script>\\n  function validatePhoneInput(input) {\\n    // Allow only numbers and the + sign at the beginning\\n    input.value = input.value.replace(/[^0-9+]/g, \\'\\');\\n\\n    // Ensure + can only be the first character\\n    if (input.value.indexOf(\\'+\\') > 0) {\\n      input.value = input.value.replace(\\'+\\', \\'\\');\\n    }\\n  }\\n</script>\\n<!-- Firma and Firmengr\\xf6\\xdfe in one row -->\\n      <div class=\"row\">\\n        <label>\\n          \\n          <input \\n            type=\"text\" \\n            name=\"company\" \\n          placeholder=\"Firma\"\\n            required \\n          />\\n        </label>\\n\\n        <label>\\n          \\n          <select \\n            name=\"companySize\" \\n            required \\n          >\\n            <option value=\"\" disabled selected>Firmengr\\xf6\\xdfe</option>\\n            <option value=\"1-10\">1-10 Mitarbeiter</option>\\n            <option value=\"11-50\">11-50 Mitarbeiter</option>\\n            <option value=\"51-200\">51-200 Mitarbeiter</option>\\n            <option value=\"200+\">200+ Mitarbeiter</option>\\n          </select>\\n        </label>\\n      </div>\\n      \\n       \\n\\n      <style>\\n.styled-button {\\n    background-color: #001EF5; /* Light gray background */\\n    color: #ffff; /* Dark blue text */\\n    font-size: 16px; /* Adjust font size */\\n    font-weight: bold; /* Make text bold */\\n    border: none; /* Remove border */\\n    border-top-left-radius: 5px; /* Square top-left corner */\\n    border-top-right-radius: 5px; /* Square top-right corner */\\n    border-bottom-right-radius: 5px; /* Square bottom-right corner */\\n    border-bottom-left-radius: 5px; /* Rounded corner only at the bottom-left */\\n    padding: 10px 20px; /* Add padding */\\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow for depth */\\n    cursor: pointer; /* Change cursor on hover */\\n    transition: all 0.3s ease; /* Smooth hover effects */\\n  }\\n\\n.styled-button:hover {\\n    background-color: #ffffff; /* Slightly brighter background on hover */\\n    color: #262627;\\n    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */\\n  }\\n\\n.styled-button:active {\\n    transform: scale(0.95); /* Slightly shrink on click */\\n  }\\n</style>\\n\\n<button type=\"submit\" class=\"styled-button\">Jetzt download erhalten</button>\\n\\n  </div>\\n  \\n  <script>\\n    function submitForm(event) {\\n  event.preventDefault(); // Prevent default form submission\\n\\n  // Validate the form fields here (add your validation logic)\\n  //...\\n\\n  // If validation passes, send the form data to the Zapier webhook\\n  const formData = new FormData(document.getElementById(\\'leadForm\\'));\\n\\n  fetch(\\'https://hooks.zapier.com/hooks/catch/20298672/2wp1hth/\\', {\\n    method: \\'POST\\',\\n    body: formData\\n  })\\n.then(response => {\\n      if (!response.ok) {\\n        throw new Error(\\'Network response was not ok\\');\\n      }\\n      return response.json();\\n    })\\n.then(data => {\\n      console.log(\\'Success:\\', data);\\n      // Redirect to the thank you page\\n      window.location.href = \"https://www.ibeco-systems.de/danke\";\\n    })\\n.catch(error => {\\n      console.error(\\'Error:\\', error);\\n      // Handle errors (e.g., display an error message)\\n    });\\n}\\n\\n// Attach the submitForm function to the form\\'s submit event\\ndocument.getElementById(\"leadForm\").addEventListener(\"submit\", submitForm);\\n  </script>\\n</body>\\n</html>',id:\"L3JhqQLeg\",layoutId:\"L3JhqQLeg\",style:{height:\"100%\",width:\"100%\"},type:\"html\",url:\"\",width:\"100%\",...addPropertyOverrides({mSahc_IwS:{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\\n  <style>\\n    * {\\n      box-sizing: border-box;\\n    }\\n\\n    body {\\n      font-family: Arial, sans-serif;\\n      color: #888888;\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      min-height: 100vh;\\n      margin: 0;\\n      padding: 10px;\\n    }\\n\\n    .form-container {\\n      width: 100%;\\n      max-width: 375px; /* Keeps form within reasonable size */\\n      min-width: 275px; /* Ensures usability on mobile */\\n      padding: 24px;\\n      border-radius: 8px;\\n    }\\n\\n    form {\\n      display: flex;\\n      flex-direction: column;\\n      gap: 20px;\\n    }\\n\\n    h2 {\\n      text-align: center;\\n      font-size: 24px;\\n      margin-bottom: 16px;\\n      color: #000;\\n    }\\n\\n    label {\\n      display: flex;\\n      flex-direction: column;\\n      gap: 8px;\\n      color: #000; /* Changed label color to black */\\n    }\\n\\n    .row > label {\\n      color: #000; /* Ensure row labels are also black */\\n    }\\n\\n    input, select, textarea, button {\\n      padding: 10px;\\n      border-radius: 4px;\\n      border: none;\\n      background-color: #ddd;\\n      color: #000;\\n      font-size: 14px;\\n      width: 100%;\\n    }\\n\\n    textarea {\\n      height: 100px;\\n      resize: none;\\n    }\\n\\n    button {\\n      background-color: #007bff;\\n      cursor: pointer;\\n      font-size: 16px;\\n      font-weight: bold;\\n      color: white;\\n      border-radius: 4px;\\n      transition: background-color 0.3s ease;\\n      padding: 12px;\\n    }\\n\\n    button:hover {\\n      background-color: #0056b3;\\n    }\\n\\n    small {\\n      font-size: 12px;\\n      color: #bbbbbb;\\n    }\\n\\n    /* Responsive Row Layout */\\n    .row {\\n      display: flex;\\n      gap: 10px;\\n      flex-wrap: wrap;\\n    }\\n\\n    .row > label {\\n      flex: 1;\\n      min-width: 120px;\\n    }\\n\\n    /* Mobile-Friendly Adjustments */\\n    @media (max-width: 400px) {\\n      .row {\\n        flex-direction: column;\\n        gap: 6px;\\n      }\\n    }\\n  </style>\\n</head>\\n<body>\\n  <div class=\"form-container\">\\n    <form id=\"leadForm\" onsubmit=\"submitForm(event)\" enctype=\"multipart/form-data\">\\n\\n     \\n\\n      <div class=\"row\">\\n        <label>\\n          Vorname\\n          <input type=\"text\" name=\"firstName\" required />\\n        </label>\\n        \\n        <label>\\n          Nachname\\n          <input type=\"text\" name=\"lastName\" required />\\n        </label>\\n      </div>\\n\\n      <label>\\n        E-Mail\\n        <input type=\"email\" name=\"email\" required />\\n      </label>\\n\\n      <label>\\n        Telefon\\n        <div class=\"row\">\\n          <select id=\"country-select\">\\n            <option value=\"+43\">+43 Austria</option>\\n      <option value=\"+32\">+32 Belgium</option>\\n      <option value=\"+359\">+359 Bulgaria</option>\\n      <option value=\"+385\">+385 Croatia</option>\\n      <option value=\"+357\">+357 Cyprus</option>\\n      <option value=\"+420\">+420 Czech Republic</option>\\n      <option value=\"+45\">+45 Denmark</option>\\n      <option value=\"+372\">+372 Estonia</option>\\n      <option value=\"+358\">+358 Finland</option>\\n      <option value=\"+33\">+33 France</option>\\n      <option value=\"+49\" selected>+49 Germany</option>\\n      <option value=\"+30\">+30 Greece</option>\\n      <option value=\"+36\">+36 Hungary</option>\\n      <option value=\"+354\">+354 Iceland</option>\\n      <option value=\"+353\">+353 Ireland</option>\\n      <option value=\"+39\">+39 Italy</option>\\n      <option value=\"+371\">+371 Latvia</option>\\n      <option value=\"+370\">+370 Lithuania</option>\\n      <option value=\"+352\">+352 Luxembourg</option>\\n      <option value=\"+356\">+356 Malta</option>\\n      <option value=\"+31\">+31 Netherlands</option>\\n      <option value=\"+47\">+47 Norway</option>\\n      <option value=\"+48\">+48 Poland</option>\\n      <option value=\"+351\">+351 Portugal</option>\\n      <option value=\"+40\">+40 Romania</option>\\n      <option value=\"+7\">+7 Russia</option>\\n      <option value=\"+381\">+381 Serbia</option>\\n      <option value=\"+421\">+421 Slovakia</option>\\n      <option value=\"+386\">+386 Slovenia</option>\\n      <option value=\"+34\">+34 Spain</option>\\n      <option value=\"+46\">+46 Sweden</option>\\n      <option value=\"+41\">+41 Switzerland</option>\\n      <option value=\"+44\">+44 United Kingdom</option>\\n          </select>\\n          <input id=\"phone\" type=\"tel\" name=\"phone\" required oninput=\"validatePhoneInput(this)\"/>\\n        </div>\\n      </label>\\n\\n      <div class=\"row\">\\n        <label>\\n          Firma\\n          <input type=\"text\" name=\"company\" required />\\n        </label>\\n\\n        <label>\\n          Firmengr\\xf6\\xdfe\\n          <select name=\"companySize\" required>\\n            <option value=\"\" disabled selected>Select...</option>\\n            <option value=\"1-10\">1-10 Mitarbeiter</option>\\n            <option value=\"11-50\">11-50 Mitarbeiter</option>\\n            <option value=\"51-200\">51-200 Mitarbeiter</option>\\n            <option value=\"200+\">200+ Mitarbeiter</option>\\n          </select>\\n        </label>\\n      </div>\\n      \\n     \\n\\n      <style>\\n      .styled-button {\\n        background-color: #001EF5;\\n        color: #ffff;\\n        font-size: 16px;\\n        font-weight: bold;\\n        border: none;\\n        border-radius: 5px;\\n        padding: 10px 20px;\\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\\n        cursor: pointer;\\n        transition: all 0.3s ease;\\n      }\\n\\n      .styled-button:hover {\\n        background-color: #ffffff;\\n        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);\\n      }\\n\\n      .styled-button:active {\\n        transform: scale(0.95);\\n      }\\n      </style>\\n\\n      <button type=\"submit\" class=\"styled-button\">Jetzt download erhalten</button>\\n    </form>\\n  </div>\\n\\n  <script>\\n    function validatePhoneInput(input) {\\n      input.value = input.value.replace(/[^0-9+]/g, \\'\\');\\n      if (input.value.indexOf(\\'+\\') > 0) {\\n        input.value = input.value.replace(\\'+\\', \\'\\');\\n      }\\n    }\\n\\n    function submitForm(event) {\\n      event.preventDefault();\\n\\n      const formData = new FormData(document.getElementById(\\'leadForm\\'));\\n\\n      fetch(\\'https://hooks.zapier.com/hooks/catch/20298672/2zpveet/\\', {\\n        method: \\'POST\\',\\n        body: formData\\n      })\\n      .then(response => {\\n        if (!response.ok) throw new Error(\\'Network response was not ok\\');\\n        return response.json();\\n      })\\n      .then(data => {\\n        console.log(\\'Success:\\', data);\\n        window.location.href = \"https://www.ibeco-systems.de/danke\";\\n      })\\n      .catch(error => {\\n        console.error(\\'Error:\\', error);\\n      });\\n    }\\n\\n    document.getElementById(\"leadForm\").addEventListener(\"submit\", submitForm);\\n  </script>\\n</body>\\n</html>\\n'}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(MotionDivWithFXWithOptimizedAppearEffect,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation,className:\"framer-1s6hkb1-container\",\"data-framer-appear-id\":\"1s6hkb1\",initial:animation1,layoutDependency:layoutDependency,layoutId:\"qn5QPPr16-container\",optimized:true,children:/*#__PURE__*/_jsx(Feather,{color:\"var(--token-d2affa24-ac59-494b-957f-fceeb569b60e, rgb(0, 0, 0))\",height:\"100%\",iconSearch:\"Home\",iconSelection:\"x\",id:\"qn5QPPr16\",layoutId:\"qn5QPPr16\",mirrored:false,onClick:onClickhv7rn1,selectByList:true,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-rqjXb.framer-8ivsw, .framer-rqjXb .framer-8ivsw { display: block; }\",\".framer-rqjXb.framer-to8mh3 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 20px 0px 0px 0px; position: relative; width: 650px; will-change: var(--framer-will-change-override, transform); }\",\".framer-rqjXb .framer-p11kya-container { flex: none; height: 338px; position: relative; width: 498px; }\",\".framer-rqjXb .framer-1s6hkb1-container { flex: none; height: 60px; position: relative; width: 60px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-rqjXb.framer-to8mh3 { gap: 0px; } .framer-rqjXb.framer-to8mh3 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-rqjXb.framer-to8mh3 > :first-child { margin-top: 0px; } .framer-rqjXb.framer-to8mh3 > :last-child { margin-bottom: 0px; } }\",\".framer-rqjXb.framer-v-1iwtply.framer-to8mh3 { width: 400px; }\",\".framer-rqjXb.framer-v-1iwtply .framer-p11kya-container { height: 578px; width: 100%; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 418\n * @framerIntrinsicWidth 650\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"mSahc_IwS\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"WUlLLkMbW\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerCJuAaDrbM=withCSS(Component,css,\"framer-rqjXb\");export default FramerCJuAaDrbM;FramerCJuAaDrbM.displayName=\"WTP CTA\";FramerCJuAaDrbM.defaultProps={height:418,width:650};addPropertyControls(FramerCJuAaDrbM,{variant:{options:[\"UKnijOpz6\",\"mSahc_IwS\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},WUlLLkMbW:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerCJuAaDrbM,[{explicitInter:true,fonts:[]},...EmbedFonts,...FeatherFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCJuAaDrbM\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"650\",\"framerVariables\":\"{\\\"WUlLLkMbW\\\":\\\"click\\\"}\",\"framerIntrinsicHeight\":\"418\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"mSahc_IwS\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CJuAaDrbM.map"],
  "mappings": "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",
  "names": ["EmbedFonts", "getFonts", "Embed", "FeatherFonts", "Icon", "MotionDivWithFXWithOptimizedAppearEffect", "withOptimizedAppearEffect", "withFX", "motion", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "transition2", "animation", "animation1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "humanReadableVariantMap", "getProps", "click", "height", "id", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "WUlLLkMbW", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onClickhv7rn1", "args", "scopingClassNames", "cx", "ref1", "pe", "defaultLayoutId", "ae", "componentViewport", "useComponentViewport", "LayoutGroup", "u", "ComponentViewportProvider", "css", "FramerCJuAaDrbM", "withCSS", "CJuAaDrbM_default", "addPropertyControls", "ControlType", "addFonts"]
}