{"version":3,"file":"UseLoginStyles.DRupMdkd.mjs","names":["__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/fTgav2ZW1nkMUkMQFlz3/b6LJlbFtKkUnFYX2KkxH/UseLoginStyles.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";export function useLoginStyles(){useEffect(()=>{const styleId=\"custom-mw-login-style\";if(!document.getElementById(styleId)){const style=document.createElement(\"style\");style.id=styleId;style.innerHTML=`\n                /* Style the checkbox icon */\n                .SFchk i {\n                    \n                    border-radius: 2px !important;\n                    border-color: #007578 !important;\n                    width: 16px;\n                    height: 16px;\n                    display: inline-block;\n                    margin-right: 8px;\n                }\n#SFctr label.SFchk>input[type=checkbox]:checked~i, #SFctr label.SFchk>input[type=radio]:checked~i{\n                    background-color: #007578 !important;\n                }\n                /* Style text inputs */\n                .SF input[type=\"text\"],\n                .SF input[type=\"email\"],\n                .SF input[type=\"password\"] {\n                    padding: 10px;\n                    width: 100%;\n                    border: 1px solid #ccc;\n                    border-radius: 6px;\n                    font-family: \"Open Sans\", sans-serif;\n                    margin-bottom: 12px;\n                    box-sizing: border-box;\n                }\n\n                /* Style the login button */\n                #SFusrlogpstfrm button, #SFusrlogpwdfrm button, div.SFbtx button, div.SFfpybtx button {\n                    background-color: #007578 !important;\n                    color: #F8FAFC !important;\n                    padding: 10px 20px !important;\n                    border: 2px solid #007578 !important;\n                    border-radius: 10px !important;\n                    font-family: 'Open Sans', ~sans-serif !important;\n                    font-size: 14px !important;\n                    font-weight: 600 !important;\n                    cursor: pointer;\n                    transition: background 0.3s ease !important;\n                }\n\n                #SFusrlogpstfrm button:hover, #SFusrlogpwdfrm button:hover, div.SFbtx button:hover, div.SFfpybtx button:hover {\n                    background-color: #F8FAFC !important;\n                    color: #171717 !important;\n                    border: 2px solid #007578 !important;\n                }\n\n                /* Style the account management buttons */\n                /* Container */\n                nav#SFusrmnu {\n                    display: flex !important;\n                    flex-wrap: wrap !important;\n                    justify-content: center !important;\n                    align-items: center !important;\n                    gap: 0px !important;\n                    flex-direction: row !important;\n                    margin: 0px !important;\n                }\n\n                /* Each tab button */\n                nav#SFusrmnu a {\n                    padding: 10px 20px !important;\n                    color: #000000 !important;\n                    font-weight: bold !important;\n                    font-family: \"Open Sans\", sans-serif !important;\n                    cursor: pointer !important;\n                    border: none !important;\n                    outline: none !important;\n                    box-shadow: none !important;\n                    position: static !important;\n                    border-radius: 0 0 0 0 !important;\n                    transition: all 0.2s ease-in-out !important;\n                    min-width: fit-content !important;\n                    text-align: center !important;\n                    text-decoration: none !important;\n                    display: inline-block !important;\n                    border-top-left-radius: 10px !important;\n                    border-top-right-radius: 10px !important;\n                }\n\n                /* Active tab */\n                nav#SFusrmnu a.SFsel {\n                    background-color: #007578 !important;\n                    color: #F8FAFC !important;\n                    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05) !important;\n                    position: relative !important;\n                    border-top-left-radius: 10px !important;\n                    border-top-right-radius: 10px !important;\n                }\n\n                /* Mobile Styling */\n                @media (max-width: 1199px) {\n                    nav#SFusrmnu {\n                        flex-direction: column !important;\n                        align-items: center !important;\n                    }\n\n                    nav#SFusrmnu a {\n                        width: 90% !important;\n                        text-align: center !important;\n                        border-radius: 10px !important;\n                        border-bottom: 1px solid #e0e0e0 !important;\n                    }\n\n                    nav#SFusrmnu a.SFsel {\n                        border-radius: 0 !important;\n                    }\n                }\n\n                /* ===== Remove transition & animation on tabs to snap instantly ===== */\n                .SFusrpne,\n                .SFusrpne *,\n                .SFusrpne *::before,\n                .SFusrpne *::after {\n                    transition: none !important;\n                    animation: none !important;\n                    opacity: 1 !important;\n                    transform: none !important;\n                }\n            `;document.head.appendChild(style);}},[]);return{};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withuseLoginStyles(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...useLoginStyles(props)});};}withuseLoginStyles.displayName=\"useLoginStyles\";\nexport const __FramerMetadata__ = {\"exports\":{\"useLoginStyles\":{\"type\":\"override\",\"name\":\"useLoginStyles\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withuseLoginStyles\":{\"type\":\"reactHoc\",\"name\":\"withuseLoginStyles\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UseLoginStyles.map"],"mappings":"0KAAwE,SAAgB,GAAgB,CAuHlD,OAvHmD,MAAc,CAAC,IAAM,EAAQ,wBAAwB,GAAG,CAAC,SAAS,eAAe,CAAO,EAAE,CAAC,IAAM,EAAM,SAAS,cAAc,OAAO,EAAE,EAAM,GAAG,EAAQ,EAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAuHnQ,SAAS,KAAK,YAAY,CAAK,CAAE,CAAC,EAAE,CAAC,CAAC,EAAQ,CAAC,CAAE,CAAoJ,SAAgB,EAAmB,EAAE,CAAC,MAAO,KAAQ,EAA+BA,CAAuC,EAASC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAe,CAAK,CAAC,CAAC,EAAI,iBAvH3V,IAA6B,IAuH2I,EAAoL,EAAmB,YAAY"}