.left-menu {
   position: fixed;
   top: 0;
   left: -999px;
   right: 0;
   z-index: 999;
   background-color: cl("bg");
   width: 100%;
   min-height: 100vh;
   max-height: 100vh;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;

   @include _Tablet {
      width: 79%;
   }
   @include _XSDesktop {
      display: none;
   }

   &__wrapper {
      padding: 24px 10px 10px;

      @include _Tablet {
         padding: 40px;
      }
   }

   &__body {
   }

   &__top {
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px;
   }

   &__logo {
      width: 120px;

      @include _Tablet {
         width: 146px;
      }
   }

   &__close {
      width: 16px;
      height: 16px;
      cursor: pointer;

      @include _Tablet {
         width: 24px;
         height: 24px;
         margin-top: -16px;
      }
   }

   &__nav {
      margin-bottom: 60px;

      @include _Tablet {
         margin-bottom: 80px;
      }
   }

   &__bottom {
      margin-bottom: 32px;
   }

   &__btn {
      font-size: rem(14);
      padding: 24px;

      @include _Tablet {
         max-width: 334px;
      }
   }
}

.left-menu.open {
   left: 0;
}
