/* stylelint-disable selector-class-pattern */

/** react modal ui调整 */

.ReactModal__Overlay {
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 60%) !important;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.ReactModal__Content {
  position: static !important;
  padding: 0 !important;
  border-radius: 10px;
  transition: transform 200ms ease-in-out !important;
  transform: translateY(30px);
}

.ReactModal__Overlay--after-open {
  opacity: 1;

  & .ReactModal__Content {
    transform: translateY(0);
  }
}

.ReactModal__Overlay--before-close {
  opacity: 0;

  & .ReactModal__Content {
    transform: translateY(30px);
  }
}
