{"version":3,"sources":["components/Loading/styles.ts","components/Loading/index.tsx","styles/global.ts","App.tsx","index.tsx"],"names":["LoadingBackground","styled","div","Loading","className","createGlobalStyle","JourneyProvider","React","lazy","then","default","HeaderBar","Journey","App","basename","fallback","ReactDOM","render","document","getElementById"],"mappings":"2LAEaA,E,OAAoBC,EAAOC,IAAV,8rC,QCEvB,SAASC,IACd,OACE,cAACH,EAAD,UAEE,qBAAKI,UAAU,uCAAf,SACE,qBAAKA,UAAU,mBAAf,SACE,gC,yHCRKC,cAAf,8+B,iBCGMC,EAAkBC,IAAMC,MAAK,kBACjC,qDAA0BC,MAAK,kBAA0B,CACvDC,QAD6B,EAAGJ,uBAI9BK,EAAYJ,IAAMC,MAAK,kBAC3B,4DAAiCC,MAAK,kBAAoB,CACxDC,QADoC,EAAGC,iBAKrCC,EAAUL,IAAMC,MAAK,kBAAM,kCAElB,SAASK,IACtB,OACE,eAAC,IAAD,CACEC,SAAyD,OAD3D,UAGE,cAAC,WAAD,CAAUC,SAAU,cAACZ,EAAA,EAAD,IAApB,SACE,eAACG,EAAD,WACE,cAACK,EAAD,IACA,cAACC,EAAD,SAGJ,cAAC,EAAD,OCvBNI,IAASC,OAAO,cAACJ,EAAD,IAASK,SAASC,eAAe,W","file":"static/js/main.8043f8bb.chunk.js","sourcesContent":["import styled from 'styled-components';\n\nexport const LoadingBackground = styled.div`\n  z-index: 9999;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(240, 240, 240, 0.4);\n\n  @keyframes ldio-sz55ioxsvxp {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n  .ldio-sz55ioxsvxp div {\n    position: absolute;\n    width: 77px;\n    height: 77px;\n    border: 5px solid #919191;\n    border-top-color: transparent;\n    border-radius: 50%;\n  }\n  .ldio-sz55ioxsvxp div {\n    animation: ldio-sz55ioxsvxp 1s linear infinite;\n    top: 50px;\n    left: 50px;\n  }\n  .loadingio-spinner-rolling-9ouu1vu7br {\n    width: 34px;\n    height: 34px;\n    display: inline-block;\n    overflow: hidden;\n    background: rgba(NaN, NaN, NaN, 0);\n  }\n  .ldio-sz55ioxsvxp {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    transform: translateZ(0) scale(0.34);\n    backface-visibility: hidden;\n    transform-origin: 0 0; /* see note above */\n  }\n  .ldio-sz55ioxsvxp div {\n    box-sizing: content-box;\n  }\n`;\n","// import loadingCircle from '~/assets/images/loading-circle.gif';\n\nimport { LoadingBackground } from './styles';\n\nexport function Loading() {\n  return (\n    <LoadingBackground>\n      {/* <img src={loadingCircle} alt=\"loading-circle\" /> */}\n      <div className=\"loadingio-spinner-rolling-9ouu1vu7br\">\n        <div className=\"ldio-sz55ioxsvxp\">\n          <div />\n        </div>\n      </div>\n    </LoadingBackground>\n  );\n}\n","import { createGlobalStyle } from 'styled-components';\n\nexport default createGlobalStyle`\n  html, body, #root {\n    height: 100%;\n  }\n\n  ::-webkit-scrollbar, body ::-webkit-scrollbar {\n    all: unset;\n\n  }\n\n  /* Track */\n  body ::-webkit-scrollbar-track {\n    all: unset;\n  }\n\n  /* Handle */\n  body ::-webkit-scrollbar-thumb {\n    all: unset;\n  }\n  body ::-webkit-scrollbar-thumb:window-inactive {\n    all: unset;\n  }\n\n  body > iframe { display: none; }\n\n  #root {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .mdn-Container {\n    flex: 1;\n  }\n\n  .mdn-Footer:not(.mdn-Footer--signature) .mdn-Footer-disclaimer a {\n    color: #fff;\n  }\n  .mdn-Footer:not(.mdn-Footer--signature) .mdn-Footer-content {\n    justify-content: space-between;\n  }\n\n  .mdn-Header {\n    padding-bottom: 0;\n    padding-top: 0;\n    min-height: 49px;\n\n    .mdn-Container {\n      height: 100%;\n      .mdn-Header--simple-content {\n        height: 100%;\n        .mdn-logoSvg {\n          max-width: 181px;\n        }\n      }\n    }\n\n  }\n\n`;\n","import React, { Suspense } from 'react';\nimport { BrowserRouter } from 'react-router-dom';\nimport GlobalStyles from '~/styles/global';\nimport { Loading } from './components/Loading';\n\nconst JourneyProvider = React.lazy(() =>\n  import('./hooks/journey').then(({ JourneyProvider }) => ({\n    default: JourneyProvider,\n  })),\n);\nconst HeaderBar = React.lazy(() =>\n  import('./components/HeaderBar').then(({ HeaderBar }) => ({\n    default: HeaderBar,\n  })),\n);\n\nconst Journey = React.lazy(() => import('./pages/journey'));\n\nexport default function App() {\n  return (\n    <BrowserRouter\n      basename={process.env.NODE_ENV === 'development' ? '/' : '/app'}\n    >\n      <Suspense fallback={<Loading />}>\n        <JourneyProvider>\n          <HeaderBar />\n          <Journey />\n        </JourneyProvider>\n      </Suspense>\n      <GlobalStyles />\n    </BrowserRouter>\n  );\n}\n","import 'react-app-polyfill/ie9';\nimport 'react-app-polyfill/stable';\nimport ReactDOM from 'react-dom';\n\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}