.Modal_modal__MdNMi {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: Modal_showModal__kDIXS 0.4s forwards;
  overflow: auto;
  z-index: 999;
  background-color: rgba(20, 20, 22, 0.5);
}
.dark .Modal_modal__MdNMi {
  background-color: rgba(35, 38, 47, 0.5);
}
@media (min-width: 768px) {
  .Modal_modal__MdNMi {
    padding: 2rem;
  }
}
@keyframes Modal_showModal__kDIXS {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.Modal_outer__gKzRs {
  width: 100%;
  margin: auto;
  border-radius: 10px;
  z-index: 2;
  background-color: neutrals8;
}
.dark .Modal_outer__gKzRs {
  background-color: neutrals1;
}
.Modal_sm__IC1aj {
  max-width: 380px;
}
.Modal_md__G3sOv {
  max-width: 648px;
}
.Modal_m__DuNII {
  max-width: 548px;
}
.Modal_lg__gFO_J {
  max-width: 848px;
  max-height: 100%;
  overflow-y: auto;
}
.Modal_container__85HJw {
  position: relative;
  padding: 1.4rem;
}
@media (min-width: 390px) and (max-width: 780px) {
  .Modal_container__85HJw {
    position: relative;
    padding: 21px;
  }
}
@media (max-width: 389px) {
  .Modal_container__85HJw {
    position: relative;
    padding: 25px 10px 10px;
  }
  .Modal_sm__IC1aj {
    max-width: 340px;
  }
}
.Modal_close__iJfYM {
  position: absolute;
  top: 1rem;
  left: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.Modal_close__iJfYM .Modal_closeIcon__Exj6U {
  color: #fff;
}
.Modal_close__iJfYM .Modal_closeText__SCQia {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}