@import '~terriajs-variables';
@import '../../Sass/common/mixins';

.overlay {
  position: fixed;
  left: 0; right: 0; top: 0; bottom: 0;
}

.mobile-nav {
  composes: list-reset from '../../Sass/common/_base.scss';
  position: absolute;
  left: 0;
  right: 0;
  top: $mobile-header-height;
  background: $mobile-main-bg;
  color: $mobile-text;
  text-align: left;

  &--hidden {
    left: -9999px;
    height: 0;
    width: 0;
  }
}