.modal-dialog .modal {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  width: 448px;
  position: fixed;
  margin: 20vh auto;
  @apply animate-modalslideshow;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  max-height: 80vh;
  max-width: 90vw;
}

.modal-dialog[open]:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  z-index: 99;
}