@import url('https://fonts.googleapis.com/css?family=Inter:300,400,500,600');
@import url('https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.css');
@import url('/module_styles/ReactToastify.css');
/*
In magic meteor land, this isn't needed

@import 'base.scss';
@import 'components.scss';
@import 'animations.scss';
@import 'intercom.scss';
*/
/* this should work, but it doesn't. Sad face */
/*@import-normalize;*/

/* from @reach/dialog */

/* Used to detect in JavaScript if apps have loaded styles or not. */

:root {
  --reach-dialog: 1;
}

[data-reach-dialog-overlay] {
  background: hsla(0, 0%, 0%, 0.33);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  /* added by JS */
  z-index: 2;
}

[data-reach-dialog-content] {
  width: 50vw;
  margin: 10vh auto;
  background: white;
  padding: 2rem;
  outline: none;
}