{"version":3,"sources":["index.css","App.css"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mIAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,uEAEF,CCZA,KACE,iBACF,CAEA,UACE,aACF,CAEA,YACE,wBAAyB,CACzB,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UACF,CAEA,UACE,aACF,CAEA,WACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,cACF,CAEA,mBACE,YAAa,CACb,0BAA2B,CAC3B,+BAAgC,CAChC,WAAY,CACZ,UACF,CAEA,uBACE,eAAgB,CAChB,wBAAyB,CAGzB,iBACF,CAEA,gDALE,WAAY,CACZ,gBAOF,CAEA,gBACE,UAAW,CACX,wBAAyB,CACzB,cAAe,CACf,mBAAoB,CACpB,+BAAgC,CAChC,eACF,CAEA,eACE,aAAc,CACd,iBACF,CAEA,SACE,eAAiB,CACjB,kBAAwB,CACxB,iBACF,CAEA,gBACE,yBACF,CAEA,WACE,WAAY,CACZ,+CACF,CAEA,YACE,mBACF,CACA,kBACE,UAAW,CACX,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,qBACF,CAEA,gBACE,YACF,CACA,eACE,SAAU,CACV,YACF,CACA,oBACE,SAAU,CACV,YAAa,CACb,iBACF,CACA,oBACE,iBAAkB,CAClB,SAAU,CACV,QACF,CACA,iBACE,eACF,CACA,mBACE,iBAAkB,CAClB,WAAY,CACZ,eAAiB,CACjB,YAAa,CACb,gBAAiB,CACjB,QAAS,CACT,SAAU,CACV,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,WACF,CACA,aACE,WACF,CACA,mBACE,kBACF,CACA,mBACE,WAAY,CACZ,eAAiB,CACjB,SAAS,CACT,iBAAkB,CAClB,gBAAiB,CACjB,WAAY,CACZ,gBAAiB,CACjB,WAAY,CACZ,kCAAmC,CACnC,WACF,CAEA,SACE,0BACF,CAEA,yCACE,gBACE,qBACF,CACA,eACE,UAAW,CACX,WACF,CAKA,uCACE,UACF,CAEA,cACE,YAAa,CACb,iBACF,CACF","file":"main.8943305f.chunk.css","sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\n    monospace;\n}\n",".App {\n  text-align: center;\n}\n\n.App-logo {\n  height: 40vmin;\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #09d3ac;\n}\n\n.map-popup {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  font-size: 12px;\n}\n\n.location-property {\n  display: flex;\n  justify-content: flex-start;\n  border-bottom: 1px solid #e9eefb;\n  padding: 5px;\n  width:100%;\n}\n\n.location-property-key {\n  font-weight: 600;\n  text-transform: uppercase;\n  width: 300px;\n  text-align: start;\n  margin-right: 10px;\n}\n\n.location-property-value {\n  width:300px;\n  text-align: start;\n}\n\n.location-title {\n  width: 100%;\n  text-transform: uppercase;\n  font-size: 15px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #b2b6bd;\n  font-weight: 800;\n}\n\n.value-not-set {\n  color: #960808;\n  font-style: italic;\n}\n\n.sidebar {\n  background: white;\n  padding: 0 10px 5px 10px;\n  overflow-y: scroll;\n}\n\n.ui.form .field {\n  margin: 0 0 0.3em !important;\n}\n\n.ui.header {\n  border: none;\n  margin: calc(0.8rem - .14285714em) 0 0.5rem !important;\n}\n\n.ui.segment {\n  padding: 0 !important;\n}\n.location-pointer {\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n  border-radius: 50%;\n  border: solid white 1px;\n}\n\n.main-container{\n  display: flex;\n}\n.map-container {\n  width: 75%;\n  height: 100vh;\n}\n.controls-container{\n  width: 25%;\n  height: 100vh;\n  overflow-y: scroll;\n}\n.navigation-control {\n  position: absolute;\n  left: 10px;\n  top: 10px;\n}\n.stories-control {\n  margin-top: 10px;\n}\n.stories-container {\n  position: absolute;\n  width: 600px;\n  background: white;\n  padding: 10px;\n  text-align: start;\n  top: 55px;\n  left: 10px;\n  max-height: 90vh;\n  overflow-y: scroll;\n  z-index: 9;\n  opacity: 0.85;\n}\n.story-title {\n  padding: 5px;\n}\n.story-title:hover {\n  background: #e9eefb;\n}\n.map-location-list{\n  width: 284px;\n  background: white;\n  top:100px;\n  overflow-y: scroll;\n  text-align: start;\n  padding: 5px;\n  max-height: 500px;\n  cursor: auto;\n  box-shadow: 0 0 4px rgba(0,0,0,.15);\n  margin: 24px;\n}\n\n.ui.form {\n  font-size: 0.75rem !important;\n}\n\n@media only screen and (max-width: 800px) {\n  .main-container{\n    flex-direction: column\n  }\n  .map-container {\n    width: 100%;\n    height: 60vh;\n  }\n  .controls-container {\n    width: 100%;\n  }\n\n  .stories-container {\n    width: 100%;\n  }\n\n  .story-detail {\n    height: 315px;\n    overflow-y: scroll;\n  }\n}"]}