/*----------------------------------------------------
	modal
----------------------------------------------------*/
@keyframes modal-down {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 100px);
  }
}
@keyframes modal-up {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
#modal__overlay {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.7);
}
#modal__overlay .modal__window {
  overflow: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px;
}
#modal__overlay .modal__content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1200px;
  background-color: #fff;
  background-image: url("../img/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  transform: translate(0, 100px);
  animation-name: modal-up;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
#modal__overlay .modal__content.-close {
  animation-name: modal-down;
  animation-duration: 0.3s;
  animation-delay: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@media (max-width: 767px) {
  #modal__overlay .modal__window {
    padding: 15px;
    align-items: flex-start;
  }
}/*# sourceMappingURL=modal.css.map */