.emptyList {
     position: fixed;
     top: 0rem;
     transform: translateY(-100vh);
     z-index: 10;
}

.emptyList.open { transform: translateY(0); }

.emptyList-window {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     padding: 4.2rem 3rem 4.3rem 3rem;
     background-color: #fff;
}

.emptyList-window--close {
     position: absolute;
     top: 1.5rem;
     right: 1.5rem;
     background-size: 1.5rem;
     background-image: url('../img/close.svg');
     cursor: pointer;
}

.emptyList-window--title {
     color: #131313;
     font-family: Inter;
     font-weight: 500;
     text-align: center;
}

.emptyList-window--link {
     color: #131313;
     font-family: Inter;
     font-weight: 400;
     text-align: center;
     cursor: pointer;
}

.emptyList-window--vent, .emptyList-window--luki {
     width: 31rem;
     border: 0.1rem solid #131313;
     border-radius: 0.5rem;
     color: #131313;
     font-family: Inter;
     font-weight: 400;
     text-transform: uppercase;
     text-align: left;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background-color: transparent;
     cursor: pointer;
}

.emptyList-window--vent:hover, .emptyList-window--luki:hover {
     color: #f6f6f6;
     background-color: #131313;
}

@media (min-width: 600px) {
     
     .emptyList {
          top: 7rem;
          right: calc((100vw - 145rem) / 2);
          width: 39rem;
     }
     
     .emptyList-window {
          width: 39rem;
          box-shadow: 0 0.5rem 1.4rem 0 rgba(0, 0, 0, 0.2);
     }
     
     .emptyList-window--close {
          width: 4rem;
          height: 4rem;
     }
     
     .emptyList-window--title {
          width: 25.6rem;
          margin-top: 2.8rem;
          font-size: 2rem;
          line-height: 2.4rem;
     }
     
     .emptyList-window--link {
          width: 15.5rem;
          height: 2.4rem;
          margin-top: 4.7rem;
          font-size: 1.7rem;
          line-height: 2.4rem;
     }
     
     .emptyList-window--vent {
          height: 4.8rem;
          margin-top: 2.5rem;
          font-size: 1.5rem;
          line-height: 2rem;
     }
     
     .emptyList-window--luki {
          height: 4.8rem;
          margin-top: 1.5rem;
          font-size: 1.5rem;
          line-height: 2rem;
     }
}

@media (max-width: 599px) {
     
     .emptyList {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          left: 0rem;
          width: 100vw;
          height: 100vh;
          background-color: rgba(19, 19, 19, 0.5);
     }
     
     .emptyList-window {
          width: 37rem;
          box-shadow: 0 -0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
     }
     
     .emptyList-window--close {
          width: 3.8rem;
          height: 3rem;
     }
     
     .emptyList-window--title {
          width: 24.3rem;
          font-size: 1.6rem;
          line-height: 1.9rem;
     }
     
     .emptyList-window--link {
          width: 14.7rem;
          height: 3.6rem;
          margin-top: 2.6rem;
          font-size: 1.6rem;
          line-height: 2.2rem;
     }
     
     .emptyList-window--vent {
          height: 4rem;
          margin-top: 2rem;
          font-size: 1.3rem;
          line-height: 1.7rem;
     }
     
     .emptyList-window--luki {
          height: 4rem;
          margin-top: 1.9rem;
          font-size: 1.3rem;
          line-height: 1.7rem;
     }
}