div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
  background: rgb(0 0 0 / 79%) !important;
}
.swal2-html-container {
  padding: 0px !important;
}
div:where(.swal2-container) div:where(.swal2-popup)
{
  padding: 0px !important;
  background: transparent !important;
}
.swal--override {
  position: relative;
  min-height: 90vh;
  border-radius: 9px;
  /* padding: 1em 1.6em .3em; */
}
.swal--override::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;

  /* background-image: url('https://static.pexels.com/photos/414171/pexels-photo-414171.jpeg'); */
  background-image: url(/public/web/img/swal_bg1.png);
  background-size:cover;

  -webkit-animation: slidein 100s;
  animation: slidein 100s;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  filter: grayscale(66%);
}
.swal2-title {
  min-height: 60vh;
}
.user--nav--selected img
{
  filter: grayscale(0%);
  transition: all 500ms;
}
.user--nav--selected p
{
  color:white;
  transition: all 500ms;
}
pre {
  color: #ff4e4e;
}