{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/9yUKnKOQgHgepeTSxDzY/nss5e3geq1Y43O8jWfM6/UI_Fixes.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import React from\"react\";export function withRadius(Component){return props=>{return /*#__PURE__*/ _jsx(Component,{...props,style:{borderRadius:32}});};}export function withPadding(Component){return props=>{return /*#__PURE__*/ _jsx(Component,{...props,style:{paddingLeft:\"2vw\",paddingRight:\"2vw\",\"@media (max-width: 400px)\":{paddingLeft:\"4vw\",paddingRight:\"4vw\"}}});};}// Padding & Radius Start\nfunction createOrUpdateStyleElement(id,content){let styleElement=document.getElementById(id);if(!styleElement){styleElement=document.createElement(\"style\");styleElement.id=id;document.head.appendChild(styleElement);}styleElement.textContent=content;}function createWithPadding(className){const paddingStyle=`\n    .${className} {\n      padding-left: 1.3vw !important;\n      padding-right: 1.3vw !important;\n    }\n\n    @media (max-width: 400px) {\n      .${className} {\n        padding-left: 2.16vw !important;\n        padding-right: 2.16vw !important;\n      }\n    }\n  `;createOrUpdateStyleElement(`padding-style-${className}`,paddingStyle);}export function withPaddingNew(Component){return props=>{React.useEffect(()=>{createWithPadding(\"with-padding\");},[]);return /*#__PURE__*/ _jsx(OptimizationFriendly,{loading:/*#__PURE__*/ _jsx(Component,{...props}),loaded:/*#__PURE__*/ _jsx(Component,{...props,className:`with-padding ${props.className}`})});};}// Padding & Radius End\nexport function withBorderRadius(Component){return props=>{return /*#__PURE__*/ _jsx(Component,{...props,style:{borderRadius:\"2vw\",\"@media (max-width: 400px)\":{borderRadius:\"4vw\"}}});};}export function withFullSizeChild(Component){return props=>{const ref=React.useRef(null);React.useEffect(()=>{var ref1;const childElement=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.firstElementChild;if(childElement){childElement.style.width=\"100%\";childElement.style.height=\"100%\";}},[ref]);return /*#__PURE__*/ _jsx(Component,{...props,ref:ref});};}function OptimizationFriendly({loading,loaded}){const[isLoading,setLoading]=React.useState(true);React.useEffect(()=>setLoading(false),[]);return isLoading?loading:loaded;}export function withVimeoFacade(Component){return props=>{const[loaded,setLoaded]=React.useState(false);const ref=React.useRef(null);const handleIntersection=entries=>{const entry=entries[0];if(entry.isIntersecting){setLoaded(true);}};React.useEffect(()=>{const observer=new IntersectionObserver(handleIntersection,{rootMargin:\"100px\"});if(ref.current){observer.observe(ref.current);}return()=>{if(ref.current){observer.unobserve(ref.current);}};},[]);const url=props.url||\"\";const facadeStyle={width:\"100%\",height:\"100%\",background:\"#171714\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"};return /*#__PURE__*/ _jsx(OptimizationFriendly,{loading:/*#__PURE__*/ _jsx(\"div\",{ref:ref,style:facadeStyle,children:/*#__PURE__*/ _jsx(\"img\",{src:props.thumbnail,alt:\"Loading video\",width:props.width||\"100%\",height:props.height||\"100%\"})}),loaded:/*#__PURE__*/ _jsx(Component,{...props,src:url})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withRadius\":{\"type\":\"reactHoc\",\"name\":\"withRadius\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withBorderRadius\":{\"type\":\"reactHoc\",\"name\":\"withBorderRadius\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFullSizeChild\":{\"type\":\"reactHoc\",\"name\":\"withFullSizeChild\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPadding\":{\"type\":\"reactHoc\",\"name\":\"withPadding\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPaddingNew\":{\"type\":\"reactHoc\",\"name\":\"withPaddingNew\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withVimeoFacade\":{\"type\":\"reactHoc\",\"name\":\"withVimeoFacade\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UI_Fixes.map"],
  "mappings": "gDAA2M,SAASA,EAAYC,EAAU,CAAC,OAAOC,GAA6BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,YAAY,MAAM,aAAa,MAAM,4BAA4B,CAAC,YAAY,MAAM,aAAa,KAAK,CAAC,CAAC,CAAC,CAAI,CAC5Z,SAASE,EAA2BC,EAAGC,EAAQ,CAAC,IAAIC,EAAa,SAAS,eAAeF,CAAE,EAAME,IAAcA,EAAa,SAAS,cAAc,OAAO,EAAEA,EAAa,GAAGF,EAAG,SAAS,KAAK,YAAYE,CAAY,GAAGA,EAAa,YAAYD,CAAQ,CAAC,SAASE,EAAkBC,EAAU,CAAC,IAAMC,EAAa;AAAA,OAC5SD,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMPA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKdL,EAA2B,iBAAiBK,CAAS,GAAGC,CAAY,CAAE,CAAQ,SAASC,EAAeV,EAAU,CAAC,OAAOC,IAAQU,EAAM,UAAU,IAAI,CAACJ,EAAkB,cAAc,CAAE,EAAE,CAAC,CAAC,EAAuBL,EAAKU,EAAqB,CAAC,QAAsBV,EAAKF,EAAU,CAAC,GAAGC,CAAK,CAAC,EAAE,OAAqBC,EAAKF,EAAU,CAAC,GAAGC,EAAM,UAAU,gBAAgBA,EAAM,SAAS,EAAE,CAAC,CAAC,CAAC,EAAI,CACgK,SAASY,EAAqB,CAAC,QAAAC,EAAQ,OAAAC,CAAM,EAAE,CAAC,GAAK,CAACC,EAAUC,CAAU,EAAEC,EAAM,SAAS,EAAI,EAAE,OAAAA,EAAM,UAAU,IAAID,EAAW,EAAK,EAAE,CAAC,CAAC,EAASD,EAAUF,EAAQC,CAAO",
  "names": ["withPadding", "Component", "props", "p", "createOrUpdateStyleElement", "id", "content", "styleElement", "createWithPadding", "className", "paddingStyle", "withPaddingNew", "e", "OptimizationFriendly", "OptimizationFriendly", "loading", "loaded", "isLoading", "setLoading", "e"]
}