{"version":3,"file":"BMIWidget.C63PrVCY.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/YZCPvQ5X5Y9khAmC1GWH/nLhQ3DDheIHSf8GTcVdU/BMIWidget.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";export default function WeightLossMinimal(){const MIN=140;const MAX=500;const[weight,setWeight]=React.useState(210);const loss=Math.round(weight*.16);const pct=(weight-MIN)/(MAX-MIN)*100;return /*#__PURE__*/_jsxs(\"div\",{style:styles.wrap,children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsxs(\"div\",{className:\"label\",children:[\"Starting weight: \",weight,\" lbs\"]}),/*#__PURE__*/_jsx(\"div\",{className:\"sliderWrap\",children:/*#__PURE__*/_jsx(\"input\",{className:\"styledRange\",type:\"range\",min:MIN,max:MAX,value:weight,onChange:e=>setWeight(Number(e.target.value)),style:{background:`linear-gradient(to right, #0A0A74 0%, #0A0A74 ${pct}%, #E7EBF1 ${pct}%, #E7EBF1 100%)`},\"aria-label\":\"Starting weight\"})}),/*#__PURE__*/_jsxs(\"div\",{className:\"group\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"label\",children:\"In one year, you could lose\"}),/*#__PURE__*/_jsxs(\"span\",{className:\"big\",children:[loss,\" pounds\"]})]})]});}const styles={wrap:{width:\"100%\",height:\"100%\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\",gap:20,fontFamily:'Instrument Sans, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial',color:\"#000045\",overflow:\"visible\",background:\"#FFFFFF\",padding:\"24px\",borderRadius:\"20px\"}};const css=`\n/* Responsive wrapper padding & radius */\n@media (max-width: 810px) {\n  div[style*=\"background: #FFFFFF\"] {\n    padding: 16px !important;\n    border-radius: 16px !important;\n  }\n}\n@media (max-width: 390px) {\n  div[style*=\"background: #FFFFFF\"] {\n    padding: 12px !important;\n    border-radius: 12px !important;\n  }\n}\n\n/* Text styles */\n.label { \n  font-size: 20px; \n  font-weight: 400;\n  color: #000045;\n}\n.big { \n  font-size: 40px; \n  font-weight: 400;\n  line-height: 1.2;\n  color: #000045;\n}\n\n.group {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Align slider flush with text — no side padding */\n.sliderWrap {\n  width: 100%;\n  overflow: visible;   /* allow thumb to overhang by half its size at ends */\n  position: relative;\n  padding: 0;          /* no extra left/right padding */\n  margin: 0;           \n}\n\n.styledRange {\n  -webkit-appearance: none; \n  appearance: none;\n  width: 100%;\n  height: 12px;\n  border: none;\n  border-radius: 999px;\n  outline: none;\n  background: #E7EBF1;\n  margin: 0;           /* aligns control with label */\n  padding: 0;\n}\n\n/* Tracks */\n.styledRange::-webkit-slider-runnable-track {\n  height: 12px; \n  border-radius: 999px; \n  background: transparent;\n}\n.styledRange::-moz-range-track { \n  height: 12px; \n  border-radius: 999px; \n  background: #E7EBF1; \n}\n\n/* Thumbs — centered at ends, no drop shadow */\n.styledRange::-webkit-slider-thumb {\n  -webkit-appearance: none; \n  appearance: none;\n  width: 34px; \n  height: 34px; \n  border-radius: 50%;\n  background: #fff; \n  border: 3px solid #0A0A74;\n  box-shadow: none;\n  margin-top: -11px;      /* centers thumb vertically on 12px track */\n  cursor: pointer;\n}\n.styledRange::-moz-range-thumb {\n  width: 34px; \n  height: 34px; \n  border-radius: 50%;\n  background: #fff; \n  border: 3px solid #0A0A74;\n  box-shadow: none;\n  cursor: pointer;\n}\n\n/* Filled portion (Firefox) */\n.styledRange::-moz-range-progress { \n  height: 12px; \n  border-radius: 999px; \n  background: #0A0A74; \n}\n\n/* Responsive text & slider (no side padding added) */\n@media (max-width: 810px) {\n  .label { font-size: 16px; }\n  .big { font-size: 32px; }\n  .group { gap: 6px; }\n  .styledRange::-webkit-slider-thumb { width: 30px; height: 30px; margin-top: -10px; }\n  .styledRange::-moz-range-thumb { width: 30px; height: 30px; }\n}\n\n@media (max-width: 390px) {\n  .label { font-size: 16px; }\n  .big { font-size: 32px; }\n  .group { gap: 6px; }\n  .styledRange::-webkit-slider-thumb { width: 26px; height: 26px; margin-top: -9px; }\n  .styledRange::-moz-range-thumb { width: 26px; height: 26px; }\n}\n`;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"WeightLossMinimal\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BMIWidget.map"],"mappings":"yHAAqF,SAAwB,GAAmB,CAAC,GAAiC,CAAC,EAAO,GAAWA,EAAe,IAAI,CAAO,EAAK,KAAK,MAAM,EAAO,IAAI,CAAO,GAAK,EAAO,KAAM,IAAS,IAAI,OAAoB,EAAM,MAAM,CAAC,MAAM,EAAO,KAAK,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,EAAI,CAAC,CAAc,EAAM,MAAM,CAAC,UAAU,QAAQ,SAAS,CAAC,oBAAoB,EAAO,OAAO,CAAC,CAAC,CAAc,EAAK,MAAM,CAAC,UAAU,aAAa,SAAsB,EAAK,QAAQ,CAAC,UAAU,cAAc,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,MAAM,EAAO,SAAS,GAAG,EAAU,OAAO,EAAE,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,iDAAiD,EAAI,aAAa,EAAI,kBAAkB,CAAC,aAAa,kBAAkB,CAAC,CAAC,CAAC,CAAc,EAAM,MAAM,CAAC,UAAU,QAAQ,SAAS,CAAc,EAAK,MAAM,CAAC,UAAU,QAAQ,SAAS,8BAA8B,CAAC,CAAc,EAAM,OAAO,CAAC,UAAU,MAAM,SAAS,CAAC,EAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAAj8B,IAA4B,CAA66B,EAAO,CAAC,KAAK,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,aAAa,QAAQ,OAAO,cAAc,SAAS,IAAI,GAAG,WAAW,wGAAwG,MAAM,UAAU,SAAS,UAAU,WAAW,UAAU,QAAQ,OAAO,aAAa,OAAO,CAAC,CAAO,EAAI"}