{"version":3,"file":"component---src-pages-login-jsx-e21883a79eaa0ef1f4b8.js","mappings":"uJACO,MAAMA,EAAmBC,IAAwB,IAAvB,MAAEC,EAAK,OAAEC,GAAQF,EAC9C,OACEG,EAAAA,cAAA,OAAKC,MAAM,6BAA6BH,MAAM,KAAKC,OAAO,KAAKG,QAAQ,YAAYC,KAAK,QAC5FH,EAAAA,cAAA,QAAMI,EAAE,4DAA4DD,KAAK,YACzEH,EAAAA,cAAA,QAAMI,EAAE,mnBAAmnBD,KAAK,YAChoBH,EAAAA,cAAA,QAAMI,EAAE,mqBAAmqBD,KAAK,YAChrBH,EAAAA,cAAA,QAAMI,EAAE,qnBAAqnBD,KAAK,YACloBH,EAAAA,cAAA,QAAMI,EAAE,gWAAgWD,KAAK,YAC7WH,EAAAA,cAAA,QAAMI,EAAE,kQAAkQD,KAAK,YAC/QH,EAAAA,cAAA,QAAMI,EAAE,saAAsaD,KAAK,YACnbH,EAAAA,cAAA,QAAMI,EAAE,4MAA4MD,KAAK,YACzNH,EAAAA,cAAA,QAAMI,EAAE,moDAAmoDD,KAAK,YAChpDH,EAAAA,cAAA,QAAMI,EAAE,ioBAAioBD,KAAK,YAC9oBH,EAAAA,cAAA,QAAMI,EAAE,opBAAopBD,KAAK,YACjqBH,EAAAA,cAAA,QAAMI,EAAE,mpBAAmpBD,KAAK,YAChqBH,EAAAA,cAAA,QAAMI,EAAE,yjCAAyjCD,KAAK,YACtkCH,EAAAA,cAAA,QAAMI,EAAE,6dAA6dD,KAAK,YACte,C,kKCbC,MAAME,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,mBAAAC,YAAA,eAAVF,CAAU,+GAStBG,EAAUH,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,iBAAAC,YAAA,eAAVF,CAAU,oIAWpBI,EAAUJ,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,iBAAAC,YAAA,eAAVF,CAAU,sUAoB3BK,EAAgBL,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,uBAAAC,YAAA,eAAVF,CAAU,0JAa1BM,EAAYN,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,mBAAAC,YAAA,eAAVF,CAAU,8ZAgCtBO,EAAgBP,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,uBAAAC,YAAA,eAAVF,CAAU,MAE1BQ,EAAYR,EAAAA,QAAAA,EAAAA,WAAQ,CAAAC,YAAA,mBAAAC,YAAA,eAARF,CAAQ,kGASpBS,EAAST,EAAAA,QAAAA,GAAAA,WAAS,CAAAC,YAAA,gBAAAC,YAAA,eAATF,CAAS,oUA0BlBU,EAAsBV,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,6BAAAC,YAAA,eAAVF,CAAU,4EAwCtC,UA9BkBW,IAEdjB,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACK,EAAS,KACRL,EAAAA,cAACU,EAAO,KACNV,EAAAA,cAACS,EAAO,MAERT,EAAAA,cAACgB,EAAmB,KAClBhB,EAAAA,cAACJ,EAAAA,EAAgB,CAACE,MAAM,MAAMC,OAAO,QAGvCC,EAAAA,cAACe,EAAM,KAAC,0BAERf,EAAAA,cAACW,EAAa,KACZX,EAAAA,cAACY,EAAS,KAAC,wCAC6B,IACtCZ,EAAAA,cAACa,EAAa,KACX,IACDb,EAAAA,cAACc,EAAS,CAACI,KAAK,6BAA4B,eAEhC,iC","sources":["webpack://Listener/./src/assets/FullListenerLogo.jsx","webpack://Listener/./src/pages/login.jsx"],"sourcesContent":["import React from \"react\"\nexport const FullListenerLogo = ({ width, height }) => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n );\n };","import React from \"react\"\nimport { FullListenerLogo } from \"../assets/FullListenerLogo\"\n\nimport styled from \"styled-components\"\n\nexport const Container = styled.div`\n width: 100vw;\n height: 100vh;\n background-color: #f1f5fd;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nexport const BlueCap = styled.div`\n width: 478px;\n height: 12px;\n background: #4875e2;\n border-radius: 11px 11px 0px 0px;\n\n @media (max-width: 570px) {\n width: calc(100vw - 40px);\n }\n`\n\nexport const Wrapper = styled.div`\n width: 480px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n align-items: center;\n background-color: #fff;\n background: #ffffff;\n\n border: 1px solid #e6e6e6;\n box-sizing: border-box;\n box-shadow: 0px 4px 12px rgba(31, 38, 59, 0.06),\n 0px 16px 32px rgba(31, 38, 59, 0.06);\n border-radius: 12px;\n\n @media (max-width: 570px) {\n width: calc(100vw - 40px);\n }\n`\n\nconst BlueContainer = styled.div`\n border-radius: 6px;\n background: var(--Hover, #f1f5fd);\n margin-top: 40px;\n margin-bottom: 200px;\n\n @media (max-width: 400px) {\n margin-top: 20px;\n margin-bottom: 100px;\n }\n\n`\n\nconst SorryText = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-shrink: 0;\n color: #000;\n text-align: center;\n font-family: Open Sans;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%; /* 24px */\n\n margin: 48px 19px;\n\n @media (max-width: 400px) {\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n margin: 24px 9.5px;\n }\n\n @media (max-width: 320px) {\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n }\n`\n\nconst TextContainer = styled.div``\n\nconst WriteToUs = styled.a`\n text-decoration-line: underline;\n color: #000;\n &:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n`\n\nconst H1Text = styled.h1`\n font-family: Open Sans;\n\n font-style: normal;\n font-weight: 600;\n font-size: 24px;\n line-height: 140%;\n color: #1f263b;\n margin-top: 24px;\n\n @media (max-width: 400px) {\n font-size: 21px;\n font-style: normal;\n font-weight: 600;\n line-height: 140%;\n }\n\n @media (max-width: 320px) {\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n margin-top: 12px;\n }\n`\n\nconst ListenerLogoWrapper = styled.div`\n margin-top: 57px;\n padding: 0;\n\n @media (max-width: 400px) {\n margin-top: 28.5px;\n \n }\n`\n\nconst LoginPage = () => {\n return (\n <>\n \n \n \n\n \n \n \n\n Log in to your account\n\n \n \n Sorry! We are facing an issue. Please{\" \"}\n \n {\" \"}\n \n write to us\n \n  if the problem persists.\n \n \n \n \n \n \n )\n}\nexport default LoginPage\n"],"names":["FullListenerLogo","_ref","width","height","React","xmlns","viewBox","fill","d","Container","styled","displayName","componentId","BlueCap","Wrapper","BlueContainer","SorryText","TextContainer","WriteToUs","H1Text","ListenerLogoWrapper","LoginPage","href"],"sourceRoot":""}