.modal-block{display: none;}

.modal-block:before {
  content: '';
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 9999;
}

.modal {
  max-height: 580px;
  overflow: auto;
  position: fixed;
  /* text-align: center; */
  width: 80%;
  /* padding-top: 12px; */
  padding-bottom: 12px;
  max-width: 400px;
  top: 40%;
  left: 50%;
  font-family: kundera, sans-serif;
  font-size: 14px;
  transform: translate(-50%, -35%);
  /* border: solid 3px #22293a; */
  box-shadow: 0 0 10px 3px #00000082;
  border-radius: 5px;
  background: #151d26;
  color: white;
  opacity: 10;
  z-index: 99999;
}

.pointer {
  cursor: pointer;
}


.push {
  position: fixed;
  max-width: 480px;
  width: 100%;
  top: 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  z-index: 9999999;
  animation: slide-in 0.2s cubic-bezier(0.31, 0.87, 0.99, 0.99) forwards; /* добавляем анимацию */
}

.push-block{background: #545453d9;color: rgb(243, 243, 243);margin: 25px;border-radius: 8px;}

@keyframes slide-in {
  from {
      transform: translateY(0px); /* начальная позиция элемента */
  }
  to {
      transform: translateY(70px); /* конечная позиция элемента */
}
}


.event{position: fixed; width: 100%; max-width: 480px; top: 14px; z-index: 99999;
}

.event_msg{
  display: none;
  position: relative;
  width: 100%;
  max-width: 450px;
  padding: 6px;
  /* margin: 0 6px 5px; */
  margin: auto;
  margin-bottom: 4px;
  font-family: kundera, sans-serif;
  font-size: 14px;
  border: solid 3px #13151a;
  border-radius: 5px;
  /* background: #151d26; */
  background: #0e151cf2;
  color: white;
  opacity: 10;
}