.overlay {
  background-color: rgba($smoke,0.95);
  justify-content: center;
  padding-bottom: 100px;
  padding-top: 100px;
  overflow: scroll;
  position: fixed;
  display: none;
  @include zero;
  height: 100%;
  width: 100%;
  color: $gun;
  z-index: 4;

  &.--open {
    display: grid;
  }

  &._load {
    background-color: $smoke;
    z-index: 5;

    &.--demo {
      @extend %grid_load;
    }
  }

  &._mobile {
    background-color: $smoke;
    @extend %grid_load;
  }

  &._load {
    @extend %grid_load;
    z-index: 5;
  }

  &._about {
    @extend %grid_overlay;
  }

  &._browse {
    @extend %grid_overlay;
  }

  &._search {
    @extend %grid_search;
  }
}