// Data Library Header
// --------------------------------------------------

.DataLibraryMap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.DataLibraryMap,
.DataLibraryMap .leaflet-zoom-animated {
  background: #2E3C43 !important;
}

.DataLibrary-header {
  height: 450px;

  .DataLibraryMap {
    pointer-events: none;
  }

  &.is-active {
    .DataLibraryMap {
      pointer-events: auto;
    }

    .DataLibrary-gradient {
      display: block;
    }
  }
}

.DataLibrary-gradient {
  display: none;
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100px;
  margin-top: -70px;
  background: linear-gradient(to bottom, rgba(#000, 0.4) 0%, rgba(#000, 0) 100%);
}