modal.pcss

.modal-blur {
  /* Add the blur effect */
  /* filter: blur(8px);
  -webkit-filter: blur(8px); */
}

.modal__overlay {
  @apply
    fixed
    top-0 left-0 bottom-0 right-0
    z-50
    flex items-center flex-row
    bg-grey-125 bg-opacity-75
    cursor-pointer overflow-auto;
}

.modal__content {
  @apply
    inline-block
    flex flex-row flex-grow items-center justify-center
    max-w-full
    h-full
    m-auto
    cursor-auto pointer-events-none outline-none;
}

.modal__container {
  @apply
    h-full
    p-3
    pointer-events-auto;

  @screen md {
    @apply h-auto p-0;
  }

  .modal__container-body {
    @apply min-h-full bg-white;
  }
}

.ReactModal__Body--open {
  @apply overflow-hidden;
}