modal.css

.modal {
  @apply bg-neutral-focus bg-opacity-40 duration-200 ease-in-out;
  transition-property: transform, opacity, visibility;
  overflow-y: hidden;
  overscroll-behavior: contain;
}
.modal-box {
  @apply transform bg-base-100 p-6 transition duration-200 ease-in-out rounded-t-box;
  @apply w-11/12 max-w-lg scale-90 rounded-b-box rounded-t-box;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.modal-open .modal-box,
.modal-toggle:checked + .modal .modal-box,
.modal:target .modal-box {
  @apply translate-y-0 scale-100;
}
.modal-action {
  @apply mt-6 justify-end space-x-2;
}