{"version":3,"file":"main.a8805edf.css","sources":["webpack:///./styles/styles.sass"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css?family=Lato:300,400,700\");\n*,\n*:after,\n*:before {\n  -webkit-box-sizing: inherit;\n          box-sizing: inherit; }\n\nhtml {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  font-size: 62.5%; }\n\nbody {\n  color: #3d3d3d;\n  font-family: \"Lato\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\n  font-size: 1.6em;\n  font-weight: 300;\n  letter-spacing: .01em;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0; }\n\nblockquote {\n  border-left: 0.3rem solid #d1d1d1;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 1rem 1.5rem; }\n  blockquote *:last-child {\n    margin-bottom: 0; }\n\n.button,\nbutton,\ninput[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n  background-color: #419ba3;\n  border: 0.1rem solid #419ba3;\n  border-radius: .4rem;\n  color: #ffffff;\n  cursor: pointer;\n  display: inline-block;\n  font-size: 1.1rem;\n  font-weight: 700;\n  height: 3.8rem;\n  letter-spacing: .1rem;\n  line-height: 3.8rem;\n  padding: 0 3.0rem;\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap; }\n  .button:focus, .button:hover,\n  button:focus,\n  button:hover,\n  input[type='button']:focus,\n  input[type='button']:hover,\n  input[type='reset']:focus,\n  input[type='reset']:hover,\n  input[type='submit']:focus,\n  input[type='submit']:hover {\n    background-color: #3d3d3d;\n    border-color: #3d3d3d;\n    color: #ffffff;\n    outline: 0; }\n  .button[disabled],\n  button[disabled],\n  input[type='button'][disabled],\n  input[type='reset'][disabled],\n  input[type='submit'][disabled] {\n    cursor: default;\n    opacity: .5; }\n    .button[disabled]:focus, .button[disabled]:hover,\n    button[disabled]:focus,\n    button[disabled]:hover,\n    input[type='button'][disabled]:focus,\n    input[type='button'][disabled]:hover,\n    input[type='reset'][disabled]:focus,\n    input[type='reset'][disabled]:hover,\n    input[type='submit'][disabled]:focus,\n    input[type='submit'][disabled]:hover {\n      background-color: #419ba3;\n      border-color: #419ba3; }\n  .button.button-outline,\n  button.button-outline,\n  input[type='button'].button-outline,\n  input[type='reset'].button-outline,\n  input[type='submit'].button-outline {\n    background-color: transparent;\n    color: #419ba3; }\n    .button.button-outline:focus, .button.button-outline:hover,\n    button.button-outline:focus,\n    button.button-outline:hover,\n    input[type='button'].button-outline:focus,\n    input[type='button'].button-outline:hover,\n    input[type='reset'].button-outline:focus,\n    input[type='reset'].button-outline:hover,\n    input[type='submit'].button-outline:focus,\n    input[type='submit'].button-outline:hover {\n      background-color: transparent;\n      border-color: #3d3d3d;\n      color: #3d3d3d; }\n    .button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,\n    button.button-outline[disabled]:focus,\n    button.button-outline[disabled]:hover,\n    input[type='button'].button-outline[disabled]:focus,\n    input[type='button'].button-outline[disabled]:hover,\n    input[type='reset'].button-outline[disabled]:focus,\n    input[type='reset'].button-outline[disabled]:hover,\n    input[type='submit'].button-outline[disabled]:focus,\n    input[type='submit'].button-outline[disabled]:hover {\n      border-color: inherit;\n      color: #419ba3; }\n  .button.button-clear,\n  button.button-clear,\n  input[type='button'].button-clear,\n  input[type='reset'].button-clear,\n  input[type='submit'].button-clear {\n    background-color: transparent;\n    border-color: transparent;\n    color: #419ba3; }\n    .button.button-clear:focus, .button.button-clear:hover,\n    button.button-clear:focus,\n    button.button-clear:hover,\n    input[type='button'].button-clear:focus,\n    input[type='button'].button-clear:hover,\n    input[type='reset'].button-clear:focus,\n    input[type='reset'].button-clear:hover,\n    input[type='submit'].button-clear:focus,\n    input[type='submit'].button-clear:hover {\n      background-color: transparent;\n      border-color: transparent;\n      color: #3d3d3d; }\n    .button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,\n    button.button-clear[disabled]:focus,\n    button.button-clear[disabled]:hover,\n    input[type='button'].button-clear[disabled]:focus,\n    input[type='button'].button-clear[disabled]:hover,\n    input[type='reset'].button-clear[disabled]:focus,\n    input[type='reset'].button-clear[disabled]:hover,\n    input[type='submit'].button-clear[disabled]:focus,\n    input[type='submit'].button-clear[disabled]:hover {\n      color: #419ba3; }\n\ncode {\n  background: #f4f5f6;\n  border-radius: .4rem;\n  font-size: 86%;\n  margin: 0 .2rem;\n  padding: .2rem .5rem;\n  white-space: nowrap; }\n\npre {\n  background: #f4f5f6;\n  border-left: 0.3rem solid #419ba3;\n  overflow-y: hidden; }\n  pre > code {\n    border-radius: 0;\n    display: block;\n    padding: 1rem 1.5rem;\n    white-space: pre; }\n\nhr {\n  border: 0;\n  border-top: 0.1rem solid #f4f5f6;\n  margin: 3.0rem 0; }\n\nfooter {\n  background-color: #3d3d3d;\n  padding-top: 20px;\n  height: 65px;\n  width: 100%; }\n\n.footer-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin: auto;\n  width: 750px;\n  height: 50%;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -ms-flex-line-pack: center;\n      align-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  color: #ffffff;\n  font-size: 1.5rem; }\n\n.footer-cta {\n  font-family: 'Lato', sans-serif; }\n\n.footer-cta .btn {\n  -webkit-transition: background 0.5s ease;\n  -o-transition: background 0.5s ease;\n  transition: background 0.5s ease;\n  margin-left: 20px;\n  border-radius: 4px;\n  font-family: Arial;\n  color: #ffffff;\n  background: #419ba3;\n  padding: 10px 20px 10px 20px;\n  text-decoration: none; }\n\n.footer-cta .btn:hover {\n  background: #016167;\n  text-decoration: none; }\n\n.footer-container.legal {\n  width: 600px; }\n\n.footer-legal {\n  font-family: 'Lato', sans-serif;\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n  -webkit-box-flex: 3;\n      -ms-flex: 3 0 0px;\n          flex: 3 0 0;\n  -ms-flex-item-align: auto;\n      align-self: auto; }\n\n.footer-social {\n  -webkit-box-ordinal-group: 1;\n      -ms-flex-order: 0;\n          order: 0;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0 0px;\n          flex: 1 0 0;\n  -ms-flex-item-align: auto;\n      align-self: auto; }\n\n.footer-social a {\n  -webkit-transition: color 0.5s ease;\n  -o-transition: color 0.5s ease;\n  transition: color 0.5s ease;\n  color: #ffffff; }\n\n.footer-social a:hover {\n  color: #419ba3; }\n\ninput[type='email'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='url'],\ntextarea,\nselect {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  border: 0.1rem solid #d1d1d1;\n  border-radius: .4rem;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  -webkit-box-sizing: inherit;\n          box-sizing: inherit;\n  height: 3.8rem;\n  padding: .6rem 1.0rem;\n  width: 100%; }\n  input[type='email']:focus,\n  input[type='number']:focus,\n  input[type='password']:focus,\n  input[type='search']:focus,\n  input[type='tel']:focus,\n  input[type='text']:focus,\n  input[type='url']:focus,\n  textarea:focus,\n  select:focus {\n    border-color: #419ba3;\n    outline: 0; }\n\nselect {\n  background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"14\" viewBox=\"0 0 29 14\" width=\"29\"><path fill=\"#d1d1d1\" d=\"M9.37727 3.625l5.08154 6.93523L19.54036 3.625\"/></svg>') center right no-repeat;\n  padding-right: 3.0rem; }\n  select:focus {\n    background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"14\" viewBox=\"0 0 29 14\" width=\"29\"><path fill=\"#9b4dca\" d=\"M9.37727 3.625l5.08154 6.93523L19.54036 3.625\"/></svg>'); }\n\ntextarea {\n  min-height: 6.5rem; }\n\nlabel,\nlegend {\n  display: block;\n  font-size: 1.6rem;\n  font-weight: 700;\n  margin-bottom: .5rem; }\n\nfieldset {\n  border-width: 0;\n  padding: 0; }\n\ninput[type='checkbox'],\ninput[type='radio'] {\n  display: inline; }\n\n.label-inline {\n  display: inline-block;\n  font-weight: normal;\n  margin-left: .5rem; }\n\n.fullscreen-content {\n  height: 100vh;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n  z-index: -1;\n  background-size: cover;\n  background-image: url(\"https://storage.googleapis.com/planet-insights-assets/Harvey/title_skysat.jpg\"); }\n\n.container {\n  margin: 10rem auto;\n  max-width: 70.0rem;\n  padding: 0 2.0rem;\n  position: relative;\n  width: 100%; }\n\n.offset-container {\n  margin: 10rem auto;\n  max-width: 105.0rem;\n  padding: 0 2.0rem;\n  position: relative;\n  width: 100%; }\n\n.scroll-scenes {\n  pointer-events: none;\n  margin: 10rem auto;\n    margin-max-width: 100%;\n    margin-padding: 0 2.0rem;\n    margin-position: relative;\n    margin-width: 100%; }\n\n.row {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  padding: 0;\n  width: 100%; }\n  .row.row-no-padding {\n    padding: 0; }\n    .row.row-no-padding > .column {\n      padding: 0; }\n  .row.row-wrap {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap; }\n  .row.row-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start; }\n  .row.row-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end; }\n  .row.row-center {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center; }\n  .row.row-stretch {\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch; }\n  .row.row-baseline {\n    -webkit-box-align: baseline;\n        -ms-flex-align: baseline;\n            align-items: baseline; }\n  .row .column {\n    display: block;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    margin-left: 0;\n    max-width: 100%;\n    width: 100%; }\n    .row .column.column-offset-10 {\n      margin-left: 10%; }\n    .row .column.column-offset-20 {\n      margin-left: 20%; }\n    .row .column.column-offset-25 {\n      margin-left: 25%; }\n    .row .column.column-offset-33, .row .column.column-offset-34 {\n      margin-left: 33.3333%; }\n    .row .column.column-offset-50 {\n      margin-left: 50%; }\n    .row .column.column-offset-66, .row .column.column-offset-67 {\n      margin-left: 66.6666%; }\n    .row .column.column-offset-75 {\n      margin-left: 75%; }\n    .row .column.column-offset-80 {\n      margin-left: 80%; }\n    .row .column.column-offset-90 {\n      margin-left: 90%; }\n    .row .column.column-10 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 10%;\n              flex: 0 0 10%;\n      max-width: 10%; }\n    .row .column.column-20 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 20%;\n              flex: 0 0 20%;\n      max-width: 20%; }\n    .row .column.column-25 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 25%;\n              flex: 0 0 25%;\n      max-width: 25%; }\n    .row .column.column-33, .row .column.column-34 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 33.3333%;\n              flex: 0 0 33.3333%;\n      max-width: 33.3333%; }\n    .row .column.column-40 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 40%;\n              flex: 0 0 40%;\n      max-width: 40%; }\n    .row .column.column-50 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 50%;\n              flex: 0 0 50%;\n      max-width: 50%; }\n    .row .column.column-60 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 60%;\n              flex: 0 0 60%;\n      max-width: 60%; }\n    .row .column.column-66, .row .column.column-67 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 66.6666%;\n              flex: 0 0 66.6666%;\n      max-width: 66.6666%; }\n    .row .column.column-75 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 75%;\n              flex: 0 0 75%;\n      max-width: 75%; }\n    .row .column.column-80 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 80%;\n              flex: 0 0 80%;\n      max-width: 80%; }\n    .row .column.column-90 {\n      -webkit-box-flex: 0;\n          -ms-flex: 0 0 90%;\n              flex: 0 0 90%;\n      max-width: 90%; }\n    .row .column .column-top {\n      -ms-flex-item-align: start;\n          align-self: flex-start; }\n    .row .column .column-bottom {\n      -ms-flex-item-align: end;\n          align-self: flex-end; }\n    .row .column .column-center {\n      -ms-flex-item-align: center;\n          align-self: center; }\n\n@media (min-width: 40rem) {\n  .row {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    margin-left: -1.0rem;\n    width: calc(100% + 2.0rem); }\n    .row .column {\n      margin-bottom: inherit;\n      padding: 0 1.0rem; } }\n\nheader {\n  width: 100%;\n  z-index: 100; }\n\n#branding {\n  position: absolute;\n  width: 100%;\n  margin-top: 2rem;\n  text-align: center;\n  display: block; }\n\n.dark {\n  color: #ffffff;\n  text-shadow: #2A2B31 0px 0px 4px, #3B4054 0px 0px 20px; }\n\n#branding-svg {\n  fill: #ffffff; }\n\n#planet-logo {\n  shape-rendering: auto;\n  display: inline-block;\n  vertical-align: bottom;\n  padding-right: 2rem;\n  -webkit-filter: drop-shadow(0px 0px 4px #2A2b31);\n          filter: drop-shadow(0px 0px 4px #2A2b31); }\n\n#insights-logo {\n  border-left: 2px solid #ffffff;\n  display: inline-block;\n  vertical-align: top;\n  margin-top: 0.3rem;\n  padding-left: 2rem;\n  font-size: 2.5rem; }\n\n.social-icon {\n  color: #ffffff; }\n\n.social-icons li {\n  padding: 5px 5px;\n  vertical-align: top;\n  display: inline;\n  height: 100px; }\n\n.header-social-icons {\n  width: 200px;\n  position: absolute;\n  top: 0;\n  right: 0; }\n\n.social-icon:hover {\n  color: #419ba3;\n  -webkit-transition: .5s;\n  -o-transition: .5s;\n  transition: .5s; }\n\n#legend {\n  background-color: #ffffff;\n  position: absolute;\n  min-width: 120px;\n  min-height: 50px;\n  padding: 1.5rem;\n  opacity: 0;\n  text-transform: capitalize;\n  -webkit-transition: opacity .6s;\n  -o-transition: opacity .6s;\n  transition: opacity .6s;\n  z-index: 999999;\n  pointer-events: none; }\n  #legend.visible {\n    opacity: 1; }\n\n.legend-item {\n  display: none; }\n  .legend-item.visible {\n    display: block; }\n\n.legend-key {\n  display: inline-block;\n  border-radius: 20%;\n  width: 10px;\n  height: 10px;\n  margin-right: 5px;\n  border: .75px solid #3d3d3d; }\n\n.top-right {\n  top: 20px;\n  right: 20px; }\n\n#legend p {\n  line-height: .45;\n  font-size: 1.2rem; }\n\na {\n  color: #419ba3;\n  text-decoration: none; }\n  a:focus, a:hover {\n    color: #3d3d3d; }\n\ndl,\nol,\nul {\n  list-style: none;\n  margin-top: 0;\n  padding-left: 0; }\n  dl dl,\n  dl ol,\n  dl ul,\n  ol dl,\n  ol ol,\n  ol ul,\n  ul dl,\n  ul ol,\n  ul ul {\n    font-size: 90%;\n    margin: 1.5rem 0 1.5rem 3.0rem; }\n\nol {\n  list-style: decimal inside; }\n\nul {\n  list-style: circle inside; }\n\n#scroll {\n  position: relative; }\n\n#map-container {\n  position: -webkit-sticky;\n  position: sticky;\n  width: 100%;\n  height: 100vh;\n  top: 0;\n  right: 0;\n  -webkit-transform: translate3d(0, 0, 0);\n          transform: translate3d(0, 0, 0);\n  z-index: 9;\n  overflow-x: hidden; }\n\n#map {\n  height: 100vh;\n  width: 100vw; }\n\n.scroll-scenes {\n  position: relative;\n  padding: 0 1rem;\n  max-width: 100%;\n  width: 100%;\n  z-index: 999;\n  pointer-events: all; }\n\n.section {\n  margin: 2rem auto;\n  min-height: 95vh;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center; }\n\n.section-content {\n  -webkit-box-flex: 0;\n      -ms-flex: 0 1 auto;\n          flex: 0 1 auto;\n  text-align: left;\n  padding: 3rem;\n  max-width: 56rem;\n  background-color: rgba(255, 255, 255, 0.85);\n  margin-left: 4rem; }\n  .section-content.section-header {\n    max-width: 100vw;\n    text-algn: center;\n    background-color: transparent;\n    border: none; }\n\n.section-content p {\n  font-size: 2rem;\n  font-weight: 400;\n  line-height: 1.6;\n  font-weight: 400;\n  margin-bottom: 0; }\n\n.section-content h2 {\n  color: #ffffff;\n  text-shadow: #2A2B31 0px 0px 4px, #3B4054 0px 0px 20px;\n  max-width: 70%;\n  text-align: center;\n  margin: auto; }\n\n#insights-title {\n  height: 100vh;\n  margin-top: 20vh;\n  text-align: center;\n  text-shadow: #2A2B31 0px 0px 5px, #3B4054 0px 0px 20px;\n  color: #ffffff; }\n\n#insights-subtitle {\n  text-transform: uppercase;\n  font-size: 1.8rem;\n  font-weight: 400;\n  letter-spacing: .1rem; }\n\n.button,\nbutton,\ndd,\ndt,\nli {\n  margin-bottom: 1.0rem; }\n\nfieldset,\ninput,\nselect,\ntextarea {\n  margin-bottom: 1.5rem; }\n\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-bottom: 2.5rem; }\n\ntable {\n  border-spacing: 0;\n  width: 100%; }\n\ntd,\nth {\n  border-bottom: 0.1rem solid #e1e1e1;\n  padding: 1.2rem 1.5rem;\n  text-align: left; }\n  td:first-child,\n  th:first-child {\n    padding-left: 0; }\n  td:last-child,\n  th:last-child {\n    padding-right: 0; }\n\nb,\nstrong {\n  font-weight: 700; }\n\np {\n  font-family: 'Lato', sans-serif;\n  font-size: 2.2rem;\n  line-height: 1.6;\n  font-weight: 300;\n  margin-top: 0; }\n\n.caption {\n  font-size: 1.6rem;\n  font-style: italic; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: 300;\n  letter-spacing: -.1rem;\n  margin-bottom: 2.0rem;\n  margin-top: 0; }\n\nh1 {\n  font-size: 4.6rem;\n  line-height: 1.2; }\n\nh2 {\n  font-size: 3.6rem;\n  line-height: 1.25;\n  letter-spacing: 0.1rem; }\n\nh3 {\n  font-size: 2.8rem;\n  line-height: 1.3; }\n\nh4 {\n  font-size: 2.2rem;\n  letter-spacing: -.08rem;\n  line-height: 1.35; }\n\nh5 {\n  font-size: 1.8rem;\n  letter-spacing: -.05rem;\n  line-height: 1.5; }\n\nh6 {\n  font-size: 1.6rem;\n  letter-spacing: 0;\n  line-height: 1.4; }\n\n.blackbox {\n  padding: 1.25rem;\n  background-color: rgba(0, 0, 0, 0.55); }\n\nimg {\n  max-width: 100%; }\n\n@media (max-width: 500px) {\n  body {\n    overflow-x: hidden; }\n  .section {\n    margin: 0rem auto;\n    min-height: 175vh; }\n  .section-content {\n    margin-left: 0rem; }\n  .section-content h2 {\n    max-width: 100%; }\n  .header-social-icons {\n    width: 100px;\n    position: absolute;\n    top: -35px;\n    right: 0; }\n  #branding {\n    margin-top: 5rem; }\n  #insights-title {\n    margin-top: 30vh; }\n  .offset-container {\n    margin-top: 5rem;\n    margin-bottom: 5rem; }\n  .container {\n    margin-top: 5rem;\n    margin-bottom: 5rem; }\n  h1 {\n    font-size: 3.6rem; }\n  .footer-container.legal {\n    width: 100%;\n    padding: 0 10px 0 10px; } }\n\n.clearfix:after {\n  clear: both;\n  content: ' ';\n  display: table; }\n\n.float-left {\n  float: left; }\n\n.float-right {\n  float: right; }\n\n\n\n// WEBPACK FOOTER //\n// ./styles/styles.sass"],"mappings":",sEACA","sourceRoot":""}